:root{font-family:Inter,Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#252c3d;background:#f7f8fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}:root{color-scheme:light}.app-header{flex-wrap:wrap}.app-header .local-label{margin-left:auto}#theme-toggle{min-height:44px;padding:8px 16px;border:1px solid #cbd1dc;border-radius:8px;background:#fff;color:#384c80;font-size:14px}@media(max-width:800px){#theme-toggle{margin-left:auto}}button,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #5268db;outline-offset:3px}.app-header{min-height:100px;background:#fff;border-bottom:1px solid #e7e9ef;display:flex;justify-content:space-between;align-items:center;padding:22px 5%;gap:20px}.brand{display:flex;gap:13px;align-items:center;color:#293247;text-decoration:none;font-size:25px;font-weight:750;letter-spacing:-1px}.brand-light{font-weight:400}.brand small{display:block;font-size:12px;font-weight:400;letter-spacing:.04em;margin-top:3px;color:#6e7789}.brand-icon{width:35px;height:38px;background:#f6d35c;border-radius:6px 6px 12px;transform:rotate(-8deg);box-shadow:5px 4px #fff1bd}.local-label{font-size:13px;color:#737c8c}main{max-width:1536px;margin:auto;padding:42px 5% 20px}.project-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:16px;margin-bottom:30px;background:#fff;border:1px solid #e0e4ec;border-radius:12px}.project-bar label{color:#697286;font-size:14px}#project-select{font:inherit;font-size:16px;min-width:0;width:240px;max-width:100%;flex:1 1 180px;min-height:44px;border:1px solid #cbd1dc;border-radius:8px;padding:8px 12px;color:#252c3d;background:#f7f8fa}#project-select:focus-visible{outline:2px solid #5268db;outline-offset:2px}.project-actions{display:flex;flex-wrap:wrap;gap:8px}.project-actions button{min-height:44px;border:1px solid #cbd1dc;border-radius:8px;padding:8px 12px;background:#fff;color:#384c80;font-size:14px}.project-actions #delete-project{color:#9a4148}@media(max-width:480px){.project-bar label{flex-basis:100%}.project-actions{width:100%}.project-actions button{flex:1;padding:8px}}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:34px}.eyebrow{color:#7b8497;letter-spacing:.16em;font-size:12px;font-weight:650}h1{margin:9px 0;font-size:30px;letter-spacing:.03em;display:flex;align-items:center;gap:14px}#count{font-size:14px;background:#e9ecf2;color:#697286;border-radius:9px;min-width:30px;text-align:center;padding:5px 9px}.toolbar p{margin:0;font-size:14px;color:#7a8291}.add-button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 22px;border:0;border-radius:9px;color:#fff;background:#384c80;font-size:15px;font-weight:600;box-shadow:0 3px 6px #24385a16}.add-button:hover{background:#283b6d}.add-button span{font-size:25px;font-weight:400}.board-meta{display:flex;justify-content:space-between;gap:20px;font-size:13px;color:#70798b;margin:0 2px 13px}.board-meta>:first-child{font-weight:600}#status{text-align:right;overflow-wrap:anywhere}.board-meta{align-items:center;flex-wrap:wrap}.board-meta #status{margin-left:auto}#align-notes{min-height:44px;padding:8px 18px;border:1px solid #cbd1dc;border-radius:8px;background:#fff;color:#384c80;font-size:14px}#align-notes:hover:not(:disabled){background:#e9edf6}#align-notes:disabled{opacity:.45;cursor:default}.search-bar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:24px}.search-bar label{font-size:14px;color:#697286}#search{font:inherit;font-size:16px;flex:1;min-width:140px;min-height:44px;padding:10px 13px;border:1px solid #cbd1dc;border-radius:8px;background:#fff;color:#252c3d}#search:focus-visible{outline:2px solid #5268db;outline-offset:2px}#clear-search{min-height:44px;border:1px solid #cbd1dc;border-radius:8px;padding:8px 14px;background:#fff;color:#384c80}#clear-search:disabled{opacity:.45;cursor:default}#search-count{font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap;color:#697286}#no-results{padding:120px 20px 60px;text-align:center;color:#7b8496}#no-results h2{font-size:17px;font-weight:500}#no-results p{font-size:14px}.note[hidden],#no-results[hidden]{display:none}.completion-filters{display:flex;gap:6px;margin-bottom:22px}.completion-filters button{min-height:44px;flex:0 1 110px;border:1px solid #cbd1dc;border-radius:8px;padding:10px 16px;background:#fff;color:#384c80}.completion-filters button[aria-pressed=true]{background:#384c80;border-color:#384c80;color:#fff}#completed-zone{border:2px dashed #9ebcad;background:#f0f7f3;border-radius:12px;padding:16px;margin-bottom:22px}.completed-heading{display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px}.completed-heading h2{font-size:17px;color:#315b48;margin:0}.completed-heading p,#completed-empty{font-size:14px;color:#567463}.completed-heading p{margin:0}#completed-count{margin-left:8px}#completed-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(248px,100%),1fr));gap:20px;max-height:300px;overflow:auto;padding:12px 8px}#completed-list:empty{display:none}#completed-list .note{position:relative;left:auto!important;top:auto!important;width:100%;max-width:248px;justify-self:center}.note-top .complete-toggle{min-height:44px;padding:4px 8px;flex-shrink:0;font-size:13px;color:#465452;border-radius:6px}.note-top .complete-toggle:hover{background:#ffffff70}.note.completed{border:1px solid #6f9f85}.note.completed textarea{text-decoration:line-through;color:#596560}.note.completed .complete-toggle{background:#315b48;color:#fff}.note.completed .handle{visibility:hidden}.note-drag-active #completed-zone{position:sticky;top:12px;z-index:11;box-shadow:0 4px 14px #28304a20}.note-drag-active #completed-zone.drop-ready{border-style:solid;border-color:#315b48;background:#d9efdf}@media(max-width:480px){.search-bar label{flex-basis:100%}#search-count{flex-basis:100%;text-align:right}}#board{position:relative;min-height:490px;border:1px solid #e0e4ec;border-radius:12px;background-color:#f0f2f6;background-image:radial-gradient(#cbd1dc 1px,transparent 1px);background-size:20px 20px}#empty{text-align:center;padding:120px 20px 60px;color:#7b8496}#empty[hidden]{display:none}.empty-note{margin:0 auto 28px;width:65px;height:65px;background:#fff0b9;color:#bc9b3f;display:grid;place-items:center;font-size:30px;border-radius:5px;transform:rotate(-9deg);box-shadow:6px 7px #e4e7ed}#empty h2{font-size:17px;font-weight:500}#empty p{font-size:14px}.note{position:absolute;width:min(248px,calc(100% - 40px));height:232px;border-radius:2px 2px 10px;background:#fff0ac;box-shadow:0 1px 2px #28304a14,2px 6px 9px -3px #28304a30,5px 12px 15px -9px #28304a28;transform:rotate(-1.2deg);transform-origin:center;display:flex;flex-direction:column;transition:box-shadow .18s,transform .18s}.note:nth-of-type(3n+2){transform:rotate(1deg)}.note:nth-of-type(3n){transform:rotate(-.6deg)}.note.pink{background:#f9dce3}.note.blue{background:#d9eafa}.note.green{background:#deedce}.note-top{display:flex;padding:3px 7px;height:46px;border-bottom:1px solid #2932470b}.note-top button{border:0;background:transparent;color:#535b647a;min-height:40px}.handle{flex:1;text-align:left;cursor:grab;touch-action:none;font-size:25px;padding-left:10px}.delete{width:40px;font-size:24px;border-radius:5px}.delete:hover{background:#ffffff60;color:#783e43}.note textarea{background:transparent;border:0;resize:none;width:100%;flex:1;min-height:0;padding:16px 19px 8px;font-family:Yomogi,Yu Gothic,sans-serif;font-weight:400;font-size:18px;line-height:1.7;color:#343737;outline:none}.note textarea:focus{box-shadow:inset 0 0 0 2px #344c8040}.note textarea::placeholder{color:#62645488}.create-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;max-width:370px}.new-color-label{flex-basis:100%;font-size:14px;color:#697286}.color-picker{display:flex;align-items:center;gap:0}.color-option{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border:0;border-radius:7px;background:transparent}.color-option:hover{background:#ffffff70}.color-swatch{width:25px;height:25px;border:1px solid #29324735;border-radius:50%;display:grid;place-items:center;color:#293247}.color-option.yellow .color-swatch{background:#fff0ac}.color-option.pink .color-swatch{background:#f9dce3}.color-option.blue .color-swatch{background:#d9eafa}.color-option.green .color-swatch{background:#deedce}.color-option[aria-pressed=true] .color-swatch{outline:2px solid #384c80;outline-offset:2px}.color-option[aria-pressed=true] .color-swatch:after{content:"✓";font-size:16px;font-weight:700}.note-foot{padding:0 12px 5px;flex-shrink:0}@media(max-width:800px){.create-controls{max-width:192px}.create-controls .add-button{width:100%}}@media(max-width:480px){.create-controls{max-width:none}.create-controls .add-button{flex-basis:100%}}.note.dragging{z-index:10;transform:rotate(0);box-shadow:0 3px 5px #28304a14,5px 14px 22px -6px #28304a40}.dragging .handle{cursor:grabbing}@media(prefers-reduced-motion:reduce){.note{transition:none}}footer{display:flex;justify-content:space-between;gap:14px;padding:17px 1px;color:#88909e;font-size:12px}@media(max-width:800px){main{padding:30px 24px 16px}.app-header{padding:20px 24px}.local-label{display:none}}@media(max-width:480px){.app-header{min-height:88px;padding:18px 20px}main{padding:26px 16px 16px}.toolbar{align-items:stretch;flex-direction:column;gap:20px;margin-bottom:24px}h1{font-size:27px}.add-button{min-height:50px}.note-top{height:50px}.note-top button{min-height:44px}.delete{width:44px}footer{flex-direction:column;gap:8px}#empty h2{font-size:15px}}:root[data-theme=dark]{color-scheme:dark;color:#e4eaf4;background:#151b26}[data-theme=dark] .app-header,[data-theme=dark] .project-bar{background:#1e2736;border-color:#39465b}[data-theme=dark] .brand{color:#edf2fa}[data-theme=dark] :is(.brand small,.local-label,.eyebrow,.toolbar p,.project-bar label,.new-color-label,.search-bar label,#search-count,.board-meta,footer,#empty,#no-results){color:#b0bdd0}[data-theme=dark] :is(#search,#project-select,#theme-toggle,#clear-search,#align-notes,.project-actions button,.completion-filters button){color:#dce6ff;background:#263247;border-color:#4d5d77}[data-theme=dark] #search::placeholder{color:#acb8cc}[data-theme=dark] .project-actions #delete-project{color:#ffb4bc}[data-theme=dark] :is(.add-button,.completion-filters button[aria-pressed=true]){color:#fff;background:#4665ac;border-color:#6b87c5}[data-theme=dark] .add-button:hover{background:#5475bd}[data-theme=dark] #align-notes:hover:not(:disabled){background:#344660}[data-theme=dark] #count{background:#303e54;color:#d2dcee}[data-theme=dark] #board{background-color:#1b2433;background-image:radial-gradient(#3b4a61 1px,transparent 1px);border-color:#39465b}[data-theme=dark] #completed-zone{background:#1d322c;border-color:#659381}[data-theme=dark] .completed-heading h2{color:#c0e4d1}[data-theme=dark] :is(.completed-heading p,#completed-empty){color:#b1cdbe}[data-theme=dark] .note-drag-active #completed-zone.drop-ready{background:#294d3f;border-color:#a4d9b9}[data-theme=dark] .empty-note{box-shadow:6px 7px #303e54}[data-theme=dark] .note{color-scheme:light;box-shadow:0 2px 3px #0003,3px 9px 15px -4px #0007}[data-theme=dark] .note.dragging{box-shadow:0 4px 8px #0005,5px 15px 24px -5px #0009}[data-theme=dark] :is(button,a,#search,#project-select):focus-visible{outline-color:#9ebcff}