@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&family=Yomogi&display=swap";@media(max-width:767px){.header .brand{font-size:18px;gap:8px}.header .brand-icon{font-size:28px}.header .save-status{max-width:110px;line-height:1.6}}.create-controls{display:flex;flex-direction:column;gap:10px;align-items:center}.color-picker{display:flex;gap:4px;border:0;padding:0;margin:0;min-width:0}.color-picker legend{font-size:11px;color:#73816c;margin-bottom:5px}.color-option{position:relative;width:44px;height:44px;padding:0;border:0;background:transparent;border-radius:8px;flex-shrink:0}.color-option:before{content:"";position:absolute;inset:10px;background:var(--swatch-color);border:1px solid #00000018;border-radius:50%}.color-option[aria-pressed=true]:before{outline:2px solid #355e48;outline-offset:3px}.color-option[aria-pressed=true]:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;font-size:13px;color:#355e48}.note-colors{padding:0 12px 5px;flex-shrink:0;justify-content:space-between}.note-colors legend{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}@media(max-width:767px){.create-controls{width:100%;align-items:stretch}.create-controls>.color-picker{justify-content:center}.create-controls>.color-picker legend{text-align:center;width:100%}}:root{font-family:Noto Sans JP,sans-serif;color:#283c35;background:#f6f7f2;font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0}button,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #477e66;outline-offset:4px}.header{height:88px;padding:0 5%;border-bottom:1px solid #e1e5dc;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:700;text-decoration:none;color:inherit;white-space:nowrap}.brand-icon{font-size:34px;color:#55785f}.brand-sub{font-size:10px;letter-spacing:2px;color:#819084;margin-left:10px;font-weight:500}.save-status{font-size:12px;color:#78867b}.save-status:before{content:"";display:inline-block;width:6px;height:6px;background:#719479;border-radius:50%;margin-right:8px}main{max-width:1600px;padding:0 5%;margin:auto}.intro{padding:49px 0 34px;display:flex;justify-content:space-between;align-items:center;gap:24px}.eyebrow{font-size:10px;letter-spacing:2.1px;color:#839181;margin:0 0 12px}h1{font-size:30px;letter-spacing:1px;margin:0 0 13px;font-weight:600}.description{font-size:13px;color:#7d887e;margin:0;line-height:1.9}.add-button{border:0;border-radius:8px;background:#355e48;color:#fff;min-height:48px;padding:0 24px;white-space:nowrap;box-shadow:0 3px 7px #315d4815;font-size:13px;font-weight:500}.add-button:hover{background:#284b38}.add-button span{font-size:23px;margin-right:7px;vertical-align:-2px}.workspace{border:1px solid #dde3d7;border-radius:12px;overflow:hidden;background:#fcfcf8}.board-toolbar{height:58px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e9df;font-size:12px;font-weight:500;gap:8px}.count{display:inline-grid;place-items:center;background:#edf0e8;border-radius:5px;min-width:23px;height:23px;margin-left:9px;color:#7b897b;font-size:11px}.hint{font-size:11px;color:#91998e;font-weight:400}.board{position:relative;min-height:530px;background-image:radial-gradient(#cdd6c6 .8px,transparent .8px);background-size:22px 22px;overflow:hidden}.empty-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;pointer-events:none}.empty-state[hidden]{display:none}.empty-icon{width:64px;height:64px;background:#eff1e7;color:#9ba58d;border-radius:16px;display:grid;place-items:center;font-size:30px;transform:rotate(-7deg);margin-bottom:18px}.empty-state h2{font-size:17px;font-weight:500;margin:0 0 10px;color:#73816c}.empty-state p{font-size:12px;line-height:1.9;color:#99a08f;margin:0}.note{position:absolute;width:240px;height:232px;background:var(--note-color);border-radius:3px 3px 15px;box-shadow:1px 5px 12px #38422b15;display:flex;flex-direction:column;border:1px solid #00000005}.note.dragging{box-shadow:2px 12px 22px #38422b30;z-index:1000!important}.note-handle{height:46px;flex-shrink:0;display:flex;align-items:center;padding:0 7px 0 16px;justify-content:space-between;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;color:#777a5e}.note-handle:active{cursor:grabbing}.grip{font-size:22px;opacity:.45;letter-spacing:2px}.delete-note{border:0;background:transparent;color:#72745d;min-width:44px;min-height:44px;border-radius:8px;font-size:20px}.delete-note:hover{background:#00000009;color:#8e4036}.note textarea{resize:none;border:0;outline:none;background:transparent;color:#4e513e;width:100%;flex:1;min-height:0;padding:0 18px 16px;font-size:15px;line-height:1.9}.note textarea::placeholder{color:#777a5e80}.note:focus-within{outline:2px solid #78916b;outline-offset:3px}footer{display:flex;justify-content:space-between;gap:12px;padding:22px 0 30px;color:#949c8d;font-size:10px;letter-spacing:.4px}@media(min-width:1280px){.intro{padding-top:58px;padding-bottom:40px}.board{min-height:570px}}@media(max-width:767px){.header{height:72px;padding:0 20px}.brand-sub{display:none}.brand{font-size:22px}.save-status{font-size:10px}main{padding:0 16px}.intro{padding:32px 0 25px;align-items:flex-start;flex-direction:column;gap:20px}h1{font-size:23px;letter-spacing:0}.eyebrow{font-size:8px;letter-spacing:1.4px}.description{font-size:12px}.add-button{width:100%;min-height:50px}.board-toolbar{padding:0 14px;height:53px}.hint{font-size:10px}.board{min-height:480px}.note{width:240px}.empty-state p{max-width:240px}footer{flex-direction:column;font-size:10px;gap:8px;padding-top:18px}}.note{transform:rotate(var(--note-rotation, -1deg));transform-origin:center;border:0;border-radius:1px 2px 24px;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23513f20' opacity='.12' filter='url(%23grain)' d='M0 0h180v180H0z'/%3E%3C/svg%3E"),linear-gradient(170deg,#ffffff25 0%,transparent 40%,#0000000c 85%,#ffffff32 100%);box-shadow:0 1px 2px #3b321f30,3px 7px 6px -3px #3b321f45,8px 16px 15px -8px #3b321f66;transition:box-shadow .18s ease}.note:before{content:"";position:absolute;inset:0 0 auto;height:34px;background:linear-gradient(#0000000c,#00000009 85%,transparent);border-bottom:1px solid #00000006;pointer-events:none}.note:after{content:"";position:absolute;right:0;bottom:0;width:24px;height:24px;border-radius:3px 0 20px;background:linear-gradient(135deg,#ffffffb0,#ffffff60 45%,#0002 51%,#00000008);box-shadow:-2px -2px 4px #49381914;pointer-events:none}.note.dragging{box-shadow:0 3px 5px #3b321f25,10px 22px 24px -6px #3b321f65}.note textarea{font-family:Yomogi,HGS行書体,Yu Kyokasho,cursive;font-size:18px;line-height:1.75;letter-spacing:.025em;color:#35352c}.note textarea::placeholder{color:#35352c88}.note-colors{padding-right:23px}@media(prefers-reduced-motion:reduce){.note{transition:none}}.management{display:grid;gap:16px;margin-bottom:20px;padding:20px;background:#ffffff90;border:1px solid #dde3d7;border-radius:12px}.project-controls,.filter-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.management button,.management select,.management input,.dialog-actions button,.done-zone button{font:inherit;font-size:12px;min-height:44px;border:1px solid #d0d9cb;border-radius:7px;background:#fff;color:#355e48;padding:8px 13px}.project-controls label,.search-label{font-size:12px;color:#657562}.project-controls select{min-width:150px;max-width:100%;flex:1}.search-label{display:flex;align-items:center;gap:10px;flex:1;min-width:220px}.search-label input{min-width:0;width:100%;flex:1}.status-tabs{display:flex;gap:4px}.status-tabs button[aria-pressed=true]{background:#355e48;color:#fff;border-color:#355e48}.count{width:auto;padding:0 8px;white-space:nowrap}.note[hidden]{display:none}.complete-note{border:0;border-radius:6px;background:#ffffff50;color:#35472c;font-size:12px;min-height:44px;min-width:90px;padding:5px 10px}.note.is-done textarea{text-decoration:line-through;text-decoration-thickness:1px;color:#4d574a}.note.is-done{background-image:linear-gradient(#ffffff30,#ffffff30);box-shadow:0 2px 3px #38422b22,3px 6px 10px -4px #38422b44}.note.is-done .complete-note{background:#355e48;color:#fff}.done-zone{margin-top:22px;padding:22px;border:2px dashed #9eaf91;background:#edf2e6;border-radius:12px;min-height:130px;transition:background .15s,border-color .15s}.done-zone h2{font-size:16px;margin:0 0 10px}.done-zone h2 span{font-size:12px;margin-left:8px;font-weight:400}.done-zone p{font-size:12px;color:#71816b;line-height:1.8;margin:0}.done-zone.drag-over{background:#cce5b7;border-color:#355e48;outline:3px solid #355e4825}.done-zone ul{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}.done-zone li{display:flex;align-items:center;gap:12px;justify-content:space-between;font-size:13px;border-top:1px solid #d4dfcb;padding-top:8px}.done-zone li span{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}.done-zone li button{flex-shrink:0}.board.dragging-note{overflow:visible;z-index:2}.workspace:has(.dragging-note){overflow:visible}#project-dialog{border:1px solid #dde3d7;border-radius:14px;padding:26px;width:min(440px,calc(100% - 32px));color:#283c35}#project-dialog::backdrop{background:#1f302a65}#project-form{display:grid;gap:14px}#project-form h2{font-size:19px;margin:0}#project-form label{font-size:13px}#project-name{width:100%;min-height:44px;font:inherit;padding:10px;border:1px solid #bdcbb7;border-radius:6px}#project-dialog-message{font-size:13px;line-height:1.9;overflow-wrap:anywhere;margin:0}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}#confirm-project{background:#355e48;color:#fff}@media(max-width:767px){.management{padding:14px;gap:18px}.project-controls{gap:7px}.project-controls label,.project-controls select{width:100%}.project-controls button{flex:1;padding:8px}.search-label{flex-direction:column;align-items:stretch;width:100%;flex-basis:100%;min-width:0}.status-tabs{flex:1}.status-tabs button{padding:8px 12px;flex:1}.board-toolbar{height:auto;min-height:58px;flex-wrap:wrap;padding:10px 14px}.hint{width:100%}.done-zone{padding:16px}.done-zone li{align-items:flex-start;flex-direction:column}.done-zone li button{align-self:flex-end}}@media(max-width:767px){.project-controls select{flex-basis:100%}.project-controls button{white-space:nowrap}.board-toolbar>span:first-child{min-width:0;overflow-wrap:anywhere}#project-title{overflow-wrap:anywhere}}.header-actions{display:flex;align-items:center;gap:18px;min-width:0}.theme-toggle{min-height:44px;padding:8px 14px;border:1px solid #cbd5c5;border-radius:8px;background:#fff;color:#355e48;white-space:nowrap;font-size:12px}.theme-toggle:hover{background:#e9efdf}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark;background:#171f1c;color:#e1e9df}[data-theme=dark] .header{border-color:#354239}[data-theme=dark] .brand-icon{color:#a2c695}[data-theme=dark] :is(.save-status,.brand-sub,.eyebrow,.description,.hint,footer,.color-picker legend,.project-controls label,.search-label,.done-zone p){color:#a9b9a6}[data-theme=dark] .management{background:#202b25;border-color:#3a493c}[data-theme=dark] .workspace{background:#202a24;border-color:#3a493c}[data-theme=dark] .board{background-image:radial-gradient(#465443 .8px,transparent .8px)}[data-theme=dark] .board-toolbar{border-color:#3a493c}[data-theme=dark] .count{background:#364437;color:#d0dfc8}[data-theme=dark] :is(.management button,.management select,.management input,.dialog-actions button,.done-zone button,.theme-toggle,#project-name){background:#29372e;border-color:#53654d;color:#e1e9df}[data-theme=dark] :is(.management input,#project-name)::placeholder{color:#abb9a5}[data-theme=dark] :is(.status-tabs button[aria-pressed=true],#confirm-project,.add-button){background:#9ebf8d;color:#142413;border-color:#9ebf8d}[data-theme=dark] :is(.theme-toggle:hover,.add-button:hover){background:#6e905e;color:#fff}[data-theme=dark] .done-zone{background:#243323;border-color:#6c875e}[data-theme=dark] .done-zone li{border-color:#455b3d}[data-theme=dark] .done-zone.drag-over{background:#3e5932;border-color:#b4d79e;outline-color:#b4d79e40}[data-theme=dark] #project-dialog{background:#202b25;border-color:#53654d;color:#e1e9df}[data-theme=dark] .empty-icon{background:#34412d;color:#b3c5a4}[data-theme=dark] .empty-state h2{color:#c3d4b8}[data-theme=dark] .empty-state p{color:#a9b9a0}[data-theme=dark] #new-note-color .color-option[aria-pressed=true]:before{outline-color:#c7e4b5}[data-theme=dark] :is(button:focus-visible,a:focus-visible){outline-color:#b9df9f}[data-theme=dark] .note{color-scheme:light;box-shadow:0 2px 3px #0005,3px 8px 9px -3px #0008,8px 18px 18px -8px #000a}[data-theme=dark] .note.dragging{box-shadow:0 4px 7px #0005,10px 24px 25px -6px #000b}@media(max-width:767px){.header{height:auto;min-height:100px;flex-wrap:wrap;padding:14px 20px;gap:8px}.header-actions{width:100%;justify-content:space-between;gap:12px}.header .save-status{max-width:none}.theme-toggle{font-size:12px;padding:8px 12px}}@media(min-width:768px)and (max-width:1000px){.header .brand-sub{display:none}.header-actions{gap:12px}}