:root{font-family:DM Sans,Noto Sans JP,sans-serif;color:#292921;background:#f3efe5;font-synthesis:none;--ink: #292921;--muted: #76756c;--paper: #fbf8ef;--line: rgba(54, 52, 43, .14);--accent: #dafe66;--accent-dark: #b8dc3f;--note-w: 236px;--note-h: 210px;color-scheme:light}:root[data-theme=dark]{color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100%}body{min-height:100vh;background:radial-gradient(circle at 12% 0%,rgba(255,255,255,.82),transparent 28rem),#f3efe5;transition:color .25s ease,background-color .25s ease}button,textarea{font:inherit}button{color:inherit}.direct-open-notice{padding:12px 20px;display:flex;align-items:center;justify-content:center;gap:12px;background:#292921;color:#fff;font-size:13px;line-height:1.5}.direct-open-notice[hidden]{display:none}.direct-open-notice strong{color:var(--accent);white-space:nowrap}.direct-open-notice code{padding:2px 6px;border-radius:5px;background:#ffffff24}.app-shell{min-height:100vh}.topbar{height:76px;padding:0 clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fbf8efd1;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-size:20px;font-weight:700;letter-spacing:-.03em}.brand-mark{width:34px;height:34px;display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:3px;padding:8px 7px;border-radius:9px;background:var(--ink);transform:rotate(-3deg)}.brand-mark span{display:block;height:13px;border-radius:2px 2px 0 0;background:var(--accent)}.brand-mark span:nth-child(2){height:18px}.brand-mark span:nth-child(3){height:10px}.topbar-actions{display:flex;align-items:center;gap:24px}.theme-toggle{min-height:40px;padding:0 13px;display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(54,52,43,.16);border-radius:11px;background:#fffdf7b8;color:#65645b;font-size:12px;font-weight:700;cursor:pointer;transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease}.theme-toggle:hover{color:var(--ink);border-color:#36342b57;background:#fffdf7;transform:translateY(-1px)}.theme-toggle:active{transform:translateY(0)}.theme-toggle:focus-visible{outline:3px solid rgba(101,130,35,.35);outline-offset:2px}.theme-icon{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.theme-icon-sun{display:none}:root[data-theme=dark] .theme-icon-moon{display:none}:root[data-theme=dark] .theme-icon-sun{display:block}.save-status{margin:0;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;font-weight:500}.status-dot{width:7px;height:7px;border-radius:50%;background:#83a82d;box-shadow:0 0 0 4px #83a82d1f}.add-button,.empty-add-button{min-height:44px;border:1px solid #1e1e1a;border-radius:12px;background:var(--ink);color:#fff;font-weight:700;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.add-button{padding:0 19px 0 14px;display:inline-flex;align-items:center;gap:8px;box-shadow:0 5px 14px #23231d24}.add-button:hover,.empty-add-button:hover{transform:translateY(-2px);background:#3a3a31;box-shadow:0 8px 18px #23231d2e}.add-button:active,.empty-add-button:active{transform:translateY(0)}.add-button:focus-visible,.empty-add-button:focus-visible,.delete-button:focus-visible,.note-text:focus-visible{outline:3px solid rgba(101,130,35,.35);outline-offset:3px}.add-icon{font-size:22px;font-weight:400;line-height:1}.workspace{width:min(100% - 40px,1500px);margin:0 auto;padding:38px 0 40px}.project-toolbar{min-height:66px;margin-bottom:28px;padding:10px 12px 10px 16px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid rgba(54,52,43,.13);border-radius:16px;background:#fbf8efb8;box-shadow:0 8px 26px #403b2a0d}.project-selector{min-width:260px;display:flex;align-items:center;gap:12px}.project-selector>span{color:#858278;font-size:9px;font-weight:800;letter-spacing:.18em}.project-selector select{min-width:0;flex:1;height:42px;padding:0 34px 0 12px;border:1px solid rgba(54,52,43,.14);border-radius:10px;background:#fffdf7;color:var(--ink);font-size:14px;font-weight:700;cursor:pointer}.project-selector select:focus-visible{outline:3px solid rgba(101,130,35,.25);outline-offset:2px}.project-actions{display:flex;align-items:center;gap:6px}.project-action{min-height:40px;padding:0 13px;border:0;border-radius:9px;background:transparent;color:#66655c;font-size:12px;font-weight:600;cursor:pointer;transition:color .15s ease,background .15s ease}.project-action:hover{background:#eeeadf;color:var(--ink)}.project-create{display:inline-flex;align-items:center;gap:4px;background:#e8f5b1;color:#445520}.project-create:hover{background:#dfee9b;color:#2f3e14}.project-create span{font-size:17px;font-weight:400}.project-delete:hover{background:#f7e3dd;color:#823f32}.project-action:disabled{opacity:.38;cursor:not-allowed;background:transparent}.project-action:focus-visible{outline:3px solid rgba(101,130,35,.3);outline-offset:2px}.board-heading{min-height:78px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.eyebrow{margin:0 0 7px;color:#858278;font-size:10px;font-weight:700;letter-spacing:.2em}h1{margin:0;font-size:clamp(28px,3vw,40px);letter-spacing:-.05em;line-height:1}.status-tabs{width:fit-content;margin-top:16px;padding:4px;display:flex;gap:3px;border:1px solid rgba(54,52,43,.13);border-radius:12px;background:#fbf8efad}.status-tab{min-height:34px;padding:0 14px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:12px;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.status-tab:hover{color:var(--ink)}.status-tab.is-active{background:#292921;color:#fff;box-shadow:0 3px 8px #23231d24}.status-tab:focus-visible{outline:3px solid rgba(101,130,35,.35);outline-offset:2px}.board-tools{display:flex;align-items:center;gap:14px}.board-tools .add-button{flex:0 0 auto}.align-button{height:44px;padding:0 13px;display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(54,52,43,.16);border-radius:11px;background:#fbf8efc7;color:#65645b;font-size:12px;font-weight:700;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease,transform .15s ease}.align-button:hover{border-color:#36342b57;background:#fffdf7;color:var(--ink);transform:translateY(-1px)}.align-button:active{transform:translateY(0)}.align-button:disabled{opacity:.38;cursor:not-allowed;transform:none}.align-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6}.align-button:focus-visible{outline:3px solid rgba(101,130,35,.3);outline-offset:2px}.search-box{width:min(280px,30vw);height:44px;padding:0 12px;display:flex;align-items:center;gap:9px;border:1px solid rgba(54,52,43,.16);border-radius:12px;background:#fbf8efc7;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.search-box:focus-within{border-color:#36342b80;background:#fbf8ef;box-shadow:0 0 0 3px #6582231f}.search-box svg{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:#77756c;stroke-width:1.8;stroke-linecap:round}.search-box input{width:100%;min-width:0;padding:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:14px}.search-box input::placeholder{color:#8a887f}.search-box input::-webkit-search-cancel-button{cursor:pointer}.board-meta{min-width:66px;margin:0;color:var(--muted);font-size:13px;text-align:right;white-space:nowrap}.completion-drop-zone{min-height:78px;margin-bottom:14px;padding:13px 18px;display:flex;align-items:center;gap:13px;border:1.5px dashed rgba(76,94,39,.34);border-radius:16px;background:#deebbe61;color:#414d28;transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease}.completion-drop-zone.is-drag-over{border-color:#6c8e29;background:#daefa6e0;box-shadow:0 0 0 4px #6c8e291f;transform:translateY(-2px)}.completion-drop-icon{width:42px;height:42px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:#dafe66;color:#2f391c;font-size:20px;font-weight:800;box-shadow:inset 0 0 0 1px #404d1f1f}.completion-drop-zone h2{margin:0 0 2px;font-size:15px;letter-spacing:-.02em}.completion-drop-zone p{margin:0;color:#75805d;font-size:12px}.completion-drop-zone strong{margin-left:auto;padding:6px 10px;border-radius:9px;background:#ffffff8c;font-size:12px;white-space:nowrap}.board{position:relative;min-height:max(560px,calc(100vh - 254px));overflow:hidden;border:1px solid rgba(64,63,53,.16);border-radius:20px;background-color:#e9e5d9;background-image:radial-gradient(rgba(68,67,57,.14) 1px,transparent 1px);background-size:22px 22px;box-shadow:inset 0 1px #ffffffd9,0 18px 60px #403b2a14}.board:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.34),transparent 38%,rgba(91,84,56,.03))}.empty-state,.no-results{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;text-align:center;transition:opacity .2s ease}.empty-state[hidden],.no-results[hidden]{display:none}.empty-icon{width:58px;height:58px;display:grid;place-items:center;margin-bottom:18px;border:1px solid rgba(52,51,44,.13);border-radius:16px;background:#fbf8efb3;color:#809f30;font-size:25px;box-shadow:0 8px 24px #37342714;transform:rotate(-4deg)}.empty-state h2,.no-results h2{margin:0 0 9px;font-size:20px;letter-spacing:-.03em}.empty-state p,.no-results p{max-width:390px;margin:0 0 22px;color:var(--muted);font-size:14px;line-height:1.8}.empty-add-button{padding:0 18px}.no-results-icon{width:58px;height:58px;display:grid;place-items:center;margin-bottom:18px;border:1px solid rgba(52,51,44,.13);border-radius:50%;background:#fbf8efb3;color:#77756c;font-size:28px;box-shadow:0 8px 24px #37342714}.clear-search-button{min-height:42px;padding:0 16px;border:1px solid rgba(54,52,43,.22);border-radius:11px;background:#fbf8efd9;font-weight:600;cursor:pointer}.clear-search-button:hover{background:#fffdf7;border-color:#36342b6b}.sticky-note{position:absolute;z-index:1;width:var(--note-w);height:var(--note-h);padding:12px 14px 13px;display:flex;flex-direction:column;border:1px solid rgba(84,78,39,.12);border-radius:3px;background:var(--note-color, #f9ed8d);box-shadow:0 2px 2px #302d1e0f,0 12px 24px #302d1e1f;transform:rotate(var(--tilt, 0deg));transform-origin:50% 10%;transition:box-shadow .18s ease,transform .18s ease;touch-action:none;animation:note-in .24s cubic-bezier(.2,.9,.3,1.2) both}@keyframes note-in{0%{opacity:0;transform:translateY(8px) scale(.96) rotate(var(--tilt, 0deg))}}.sticky-note[data-color=yellow]{--note-color: #f8e783}.sticky-note[data-color=pink]{--note-color: #f4b9c5}.sticky-note[data-color=blue]{--note-color: #b9ddeb}.sticky-note[data-color=green]{--note-color: #cce7a5}.sticky-note.is-filtered-out{display:none}.sticky-note.is-completed{opacity:.72;filter:saturate(.58);box-shadow:0 2px 2px #302d1e0a,0 8px 16px #302d1e14}.sticky-note.is-completed:before{content:"完了";position:absolute;right:13px;bottom:42px;padding:3px 7px;border:1px solid rgba(52,72,27,.35);border-radius:999px;background:#f2f9e0b3;color:#4c6526;font-size:9px;font-weight:800;letter-spacing:.08em;transform:rotate(-4deg);pointer-events:none}.sticky-note.is-completed .note-text{text-decoration:line-through;text-decoration-thickness:1.5px;text-decoration-color:#363e297a}.sticky-note.is-dragging{z-index:20;transform:rotate(0) scale(1.025);box-shadow:0 18px 38px #302d1e38;transition:box-shadow .12s ease,transform .12s ease}.sticky-note.is-aligning{transition:left .24s cubic-bezier(.2,.8,.2,1),top .24s cubic-bezier(.2,.8,.2,1),box-shadow .18s ease,transform .18s ease}.note-toolbar{height:26px;display:flex;justify-content:space-between;align-items:flex-start}.note-actions{display:flex;align-items:center;gap:1px;margin:-8px -9px 0 0}.drag-handle{width:46px;min-height:32px;margin:-7px 0 0 -8px;padding:10px 8px;display:grid;grid-template-columns:repeat(3,3px);grid-template-rows:repeat(2,3px);gap:3px;cursor:grab}.drag-handle:active{cursor:grabbing}.drag-handle span{width:3px;height:3px;border-radius:50%;background:#33322861}.note-color-button,.delete-button{width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;cursor:pointer;transition:color .15s ease,background .15s ease,transform .15s ease}.note-color-button:hover,.delete-button:hover{background:#ffffff6b}.note-color-button span{width:15px;height:15px;border:2px solid rgba(50,48,40,.5);border-radius:50%;background:conic-gradient(#f8e783 0 25%,#f4b9c5 0 50%,#b9ddeb 0 75%,#cce7a5 0)}.note-color-button:hover span{transform:scale(1.08)}.delete-button{color:#3230288f}.delete-button:hover{color:#713a2f;background:#ffffff6b}.delete-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.note-text{width:100%;flex:1;resize:none;padding:8px 2px;border:0;outline:0;background:transparent;color:#36342c;font-family:Noto Sans JP,sans-serif;font-size:16px;line-height:1.7}.note-text::placeholder{color:#3e3b2f66}.note-footer{min-height:30px;display:flex;align-items:flex-end;justify-content:space-between}.complete-toggle{min-height:30px;padding:0 8px 0 5px;display:inline-flex;align-items:center;gap:5px;border:0;border-radius:9px;background:#ffffff4d;color:#343227a3;font-size:10px;font-weight:700;cursor:pointer;transition:background .15s ease,color .15s ease}.complete-toggle:hover{background:#ffffff94;color:#34441e}.complete-toggle-icon{width:18px;height:18px;display:grid;place-items:center;border:1.5px solid rgba(52,50,39,.38);border-radius:50%;color:transparent;font-size:11px}.complete-toggle[aria-pressed=true]{color:#405922;background:#eff8da94}.complete-toggle[aria-pressed=true] .complete-toggle-icon{border-color:#658432;background:#789b3b;color:#fff}.complete-toggle:focus-visible{outline:3px solid rgba(101,130,35,.35);outline-offset:2px}.corner-fold{width:0;height:0;margin:0 -14px -13px 0;border-top:18px solid rgba(117,106,51,.18);border-right:18px solid #e9e5d9}.color-picker-layer{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;background:#26251f57;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:picker-fade .16s ease-out both}.color-picker-layer[hidden]{display:none}.color-picker-dialog{width:min(100%,390px);padding:24px;border:1px solid rgba(54,52,43,.16);border-radius:20px;background:#fbf8ef;box-shadow:0 24px 70px #23221d3d;animation:picker-in .2s cubic-bezier(.2,.9,.3,1.1) both}@keyframes picker-fade{0%{opacity:0}}@keyframes picker-in{0%{opacity:0;transform:translateY(8px) scale(.97)}}.color-picker-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.color-picker-eyebrow{margin:0 0 5px;color:#858278;font-size:9px;font-weight:700;letter-spacing:.18em}.color-picker-heading h2{margin:0;font-size:22px;letter-spacing:-.04em}.color-picker-help{margin:9px 0 18px;color:var(--muted);font-size:13px}.picker-close-button{width:42px;height:42px;margin:-8px -8px 0 0;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:26px;line-height:1;cursor:pointer}.picker-close-button:hover{background:#efebe1;color:var(--ink)}.color-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.color-option{min-height:56px;padding:8px 11px;display:grid;grid-template-columns:24px 1fr 18px;align-items:center;gap:9px;border:1px solid rgba(54,52,43,.13);border-radius:12px;background:#fffdf7;color:var(--ink);text-align:left;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.color-option:hover{transform:translateY(-1px);border-color:#36342b52;background:#fff}.color-option[aria-pressed=true]{border-color:#292921;box-shadow:inset 0 0 0 1px #292921}.color-swatch{width:24px;height:24px;border:1px solid rgba(54,52,43,.12);border-radius:7px;background:var(--swatch)}.color-option[data-color=yellow]{--swatch: #f8e783}.color-option[data-color=pink]{--swatch: #f4b9c5}.color-option[data-color=blue]{--swatch: #b9ddeb}.color-option[data-color=green]{--swatch: #cce7a5}.color-check{opacity:0;color:#526c1f;font-weight:800}.color-option[aria-pressed=true] .color-check{opacity:1}.color-option:focus-visible,.note-color-button:focus-visible,.picker-close-button:focus-visible{outline:3px solid rgba(101,130,35,.35);outline-offset:2px}.project-dialog-layer{position:fixed;z-index:110;inset:0;display:grid;place-items:center;padding:20px;background:#26251f57;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:picker-fade .16s ease-out both}.project-dialog-layer[hidden]{display:none}.project-dialog{width:min(100%,420px);padding:25px;border:1px solid rgba(54,52,43,.16);border-radius:20px;background:#fbf8ef;box-shadow:0 24px 70px #23221d3d;animation:picker-in .2s cubic-bezier(.2,.9,.3,1.1) both}.project-dialog-eyebrow{margin:0 0 5px;color:#858278;font-size:9px;font-weight:700;letter-spacing:.18em}.project-dialog h2{margin:0 0 22px;font-size:23px;letter-spacing:-.04em}.project-dialog label{display:block;margin-bottom:7px;color:#66655c;font-size:12px;font-weight:600}.project-dialog input{width:100%;height:48px;padding:0 13px;border:1px solid rgba(54,52,43,.18);border-radius:11px;outline:0;background:#fffdf7;color:var(--ink);font-size:16px}.project-dialog input:focus{border-color:#36342b8c;box-shadow:0 0 0 3px #6582231f}.project-input-error{min-height:20px;margin:6px 0 10px;color:#9a4033;font-size:11px}.project-dialog-actions{display:flex;justify-content:flex-end;gap:8px}.dialog-cancel,.dialog-save{min-height:43px;padding:0 17px;border-radius:10px;font-weight:700;cursor:pointer}.dialog-cancel{border:1px solid rgba(54,52,43,.17);background:transparent}.dialog-save{border:1px solid var(--ink);background:var(--ink);color:#fff}.dialog-cancel:hover{background:#efebe1}.dialog-save:hover{background:#3a3a31}:root[data-theme=dark]{--ink: #f1f2e9;--muted: #a4a79d;--paper: #222520;--line: rgba(235, 239, 222, .12);--accent: #dafe66;--accent-dark: #b8dc3f;color:var(--ink);background:#181a17}:root[data-theme=dark] body{background:radial-gradient(circle at 12% 0%,rgba(96,108,76,.14),transparent 30rem),#181a17}:root[data-theme=dark] .topbar{background:#1f221de0}:root[data-theme=dark] .brand-mark{background:#f1f2e9}:root[data-theme=dark] .brand-mark span{background:#90ac3e}:root[data-theme=dark] .theme-toggle,:root[data-theme=dark] .align-button,:root[data-theme=dark] .search-box{border-color:#ebefde24;background:#272b24d6;color:#c5c8bd}:root[data-theme=dark] .theme-toggle:hover,:root[data-theme=dark] .align-button:hover,:root[data-theme=dark] .search-box:focus-within{border-color:#dafe6657;background:#2c3028;color:var(--ink)}:root[data-theme=dark] .search-box svg{stroke:#a4a79d}:root[data-theme=dark] .search-box input::placeholder{color:#85897e}:root[data-theme=dark] .project-toolbar{border-color:#ebefde1c;background:#222520c7;box-shadow:0 8px 26px #00000029}:root[data-theme=dark] .project-selector>span,:root[data-theme=dark] .eyebrow,:root[data-theme=dark] .color-picker-eyebrow,:root[data-theme=dark] .project-dialog-eyebrow{color:#95998e}:root[data-theme=dark] .project-selector select,:root[data-theme=dark] .project-dialog input,:root[data-theme=dark] .color-option{border-color:#ebefde21;background:#292c27;color:var(--ink)}:root[data-theme=dark] .project-action{color:#b2b5aa}:root[data-theme=dark] .project-action:hover{background:#30342c;color:var(--ink)}:root[data-theme=dark] .project-create{background:#39452a;color:#dafe9a}:root[data-theme=dark] .project-create:hover{background:#465531;color:#edffc2}:root[data-theme=dark] .project-delete:hover{background:#4b302c;color:#ffc1b5}:root[data-theme=dark] .status-tabs{border-color:#ebefde1f;background:#222520b3}:root[data-theme=dark] .status-tab.is-active{background:#e6e9dd;color:#20221e;box-shadow:0 3px 8px #00000040}:root[data-theme=dark] .add-button,:root[data-theme=dark] .empty-add-button{border-color:#dafe66;background:#dafe66;color:#252b18;box-shadow:0 5px 18px #829e3529}:root[data-theme=dark] .add-button:hover,:root[data-theme=dark] .empty-add-button:hover{background:#e3ff85;box-shadow:0 8px 22px #829e353d}:root[data-theme=dark] .completion-drop-zone{border-color:#b1d55d4d;background:#4e5e3347;color:#dbeab9}:root[data-theme=dark] .completion-drop-zone p{color:#9da989}:root[data-theme=dark] .completion-drop-zone strong{background:#0f120d59}:root[data-theme=dark] .completion-drop-zone.is-drag-over{border-color:#b9dc61;background:#596e348f}:root[data-theme=dark] .board{border-color:#ebefde1c;background-color:#252821;background-image:radial-gradient(rgba(228,234,210,.12) 1px,transparent 1px);box-shadow:inset 0 1px #ffffff0a,0 18px 60px #0000003d}:root[data-theme=dark] .board:before{background:linear-gradient(135deg,rgba(255,255,255,.025),transparent 38%,rgba(0,0,0,.06))}:root[data-theme=dark] .empty-icon,:root[data-theme=dark] .no-results-icon{border-color:#ebefde1f;background:#2c3028c2;box-shadow:0 8px 24px #0000002e}:root[data-theme=dark] .clear-search-button{border-color:#ebefde2e;background:#2a2e27}:root[data-theme=dark] .clear-search-button:hover{border-color:#dafe6657;background:#33382e}:root[data-theme=dark] .corner-fold{border-right-color:#252821}:root[data-theme=dark] .color-picker-layer,:root[data-theme=dark] .project-dialog-layer{background:#080a078f}:root[data-theme=dark] .color-picker-dialog,:root[data-theme=dark] .project-dialog{border-color:#ebefde21;background:#222520;box-shadow:0 24px 70px #00000075}:root[data-theme=dark] .picker-close-button:hover,:root[data-theme=dark] .dialog-cancel:hover{background:#30342c}:root[data-theme=dark] .color-option:hover{border-color:#dafe664d;background:#30342c}:root[data-theme=dark] .color-option[aria-pressed=true]{border-color:#dafe66;box-shadow:inset 0 0 0 1px #dafe66}:root[data-theme=dark] .dialog-cancel{border-color:#ebefde29}:root[data-theme=dark] .dialog-save{border-color:#dafe66;background:#dafe66;color:#252b18}:root[data-theme=dark] .dialog-save:hover{background:#e3ff85}@media(max-width:767px){:root{--note-w: min(220px, calc(100vw - 64px) );--note-h: 196px}.topbar{height:68px;padding:0 16px;gap:12px}.direct-open-notice{align-items:flex-start;flex-direction:column;gap:3px;padding:10px 16px}.brand{font-size:18px;gap:9px}.brand-mark{width:31px;height:31px}.save-status{display:none}.topbar-actions{gap:8px}.theme-toggle{width:44px;min-width:44px;height:44px;padding:0;justify-content:center;border-radius:12px}.theme-toggle-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.add-button{min-width:46px;height:46px;padding:0;justify-content:center;border-radius:13px}.add-button span:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.workspace{width:calc(100% - 24px);padding:26px 0 24px}.project-toolbar{margin-bottom:22px;padding:12px;align-items:stretch;flex-direction:column;gap:10px}.project-selector{min-width:0;width:100%;align-items:flex-start;flex-direction:column;gap:5px}.project-selector select{width:100%;min-height:46px}.project-actions{display:grid;grid-template-columns:1.15fr 1fr .7fr;gap:5px}.project-action{min-height:44px;padding:0 8px}.board-heading{min-height:66px;margin-bottom:16px}.board-heading{align-items:flex-start;flex-direction:column;gap:16px}.status-tabs{margin-top:14px}.status-tab{min-height:40px;padding:0 15px}.board-tools{width:100%;gap:10px}.align-button{width:46px;min-width:46px;height:46px;padding:0;justify-content:center}.align-button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.search-box{width:100%;height:46px}.board-meta{min-width:66px}.eyebrow{font-size:9px}.board{min-height:calc(100vh - 198px);border-radius:16px;background-size:18px 18px}.completion-drop-zone{min-height:74px;padding:11px 13px;border-radius:14px}.completion-drop-zone p{max-width:160px}.completion-drop-icon{width:40px;height:40px}.empty-state,.no-results{padding:22px}.empty-state p{max-width:290px}.sticky-note{padding:11px 13px 12px}.note-actions{margin:-10px -11px 0 0}.note-color-button,.delete-button{width:44px;height:44px}.drag-handle{min-height:44px;width:52px;margin:-8px 0 0 -8px;padding-top:13px}.note-text{font-size:16px}.complete-toggle{min-height:38px;padding:0 8px 0 5px}.corner-fold{margin:0 -13px -12px 0}.color-picker-dialog{padding:21px 18px 18px;border-radius:18px}.color-options{grid-template-columns:1fr;gap:8px}.color-option{min-height:54px}.project-dialog{padding:22px 18px 18px;border-radius:18px}}@media(min-width:768px)and (max-width:1100px){.workspace{width:calc(100% - 48px)}.topbar{padding:0 24px}.board-heading{align-items:flex-start;flex-direction:column;gap:18px}.board-tools{width:100%}.search-box{width:auto;flex:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}