@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,Noto Sans JP,sans-serif;color:#303731;background:#f6f5f1;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #303731;--muted: #848980;--green: #71826a;--line: #e8e7e1}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,textarea{font:inherit}button{color:inherit}.app-shell{min-height:100vh}.topbar{height:72px;padding:0 7.05%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(50,57,46,.075);background:#faf9f6c7}.brand{text-decoration:none;color:var(--ink);display:inline-flex;align-items:center;gap:10px}.brand-icon{width:30px;height:30px;color:#84927a;display:block}.brand-icon svg{width:100%;height:100%}.brand-name{font-size:15px;font-weight:700;letter-spacing:.015em}.brand-name span{color:#8b9187;font-weight:500;margin-left:4px}.topbar-right{display:flex;align-items:center;gap:17px;color:#81867e}.save-status{font-size:11px;display:flex;align-items:center;gap:8px;letter-spacing:.02em}.save-dot,.board-live-dot{width:7px;height:7px;background:#8fa182;border-radius:50%}.top-divider{height:18px;width:1px;background:#e5e4dd}.help-button{border:1px solid #dedfd7;background:transparent;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;color:#737b70;font-size:14px;cursor:pointer;transition:all .18s ease}.help-button:hover{background:#e9ebe3;border-color:#bec5b6}.main-content{width:min(1100px,85.9%);margin:0 auto}.intro{display:flex;justify-content:space-between;align-items:flex-end;padding:73px 0 33px}.eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 14px;color:#8d9588;font-size:9px;font-weight:700;letter-spacing:.17em}.eyebrow-line{width:17px;height:1px;background:#a4ae9a}h1{margin:0;font-size:clamp(25px,3.15vw,37px);line-height:1.45;letter-spacing:.035em;font-weight:600}h1 span{color:#71826a}.subtitle{margin:8px 0 0;color:#95988f;font-size:12px;letter-spacing:.04em}.add-button{display:flex;align-items:center;gap:10px;border:0;border-radius:7px;height:43px;padding:0 13px;background:#71826a;color:#fff;font-size:12px;font-weight:600;letter-spacing:.015em;cursor:pointer;box-shadow:0 3px 7px #4d5d451f;transition:background .18s,transform .18s,box-shadow .18s}.add-button:hover{background:#63775c;transform:translateY(-1px);box-shadow:0 5px 11px #4d5d452b}.add-icon{font-size:19px;line-height:1;font-weight:400;margin-top:-2px}kbd{font:500 9px DM Sans,sans-serif;padding:3px 5px;border:1px solid rgba(255,255,255,.3);border-radius:3px;color:#ffffffc2;margin-left:2px}.board-wrap{border-radius:10px;overflow:hidden;box-shadow:0 4px 18px #333a2e0b,0 1px 3px #333a2e0b}.board-toolbar{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#fcfbf8;border:1px solid #e8e7e1;border-bottom:0}.board-heading{display:flex;align-items:center;gap:9px}.board-live-dot{width:6px;height:6px}.board-heading h2{font-size:11px;margin:0;font-weight:600;letter-spacing:.035em}.note-count{min-width:19px;height:18px;padding:0 6px;border-radius:10px;display:grid;place-items:center;color:#7c8278;background:#f0f0eb;font-size:9px}.board-tools{display:flex;align-items:center;gap:18px}.search-box{height:30px;width:190px;display:flex;align-items:center;gap:7px;padding:0 8px;border:1px solid #e7e6df;border-radius:5px;background:#fff;color:#92968d;transition:border-color .15s,box-shadow .15s}.search-box:focus-within{border-color:#a8b29e;box-shadow:0 0 0 2px #8497771a}.search-box>svg{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}.search-box input{min-width:0;width:100%;height:100%;padding:0;border:0;outline:0;background:transparent;color:#50564d;font-size:10px}.search-box input::placeholder{color:#a2a59c}.search-box input::-webkit-search-cancel-button{display:none}.search-clear{width:20px;height:20px;flex:none;padding:0;border:0;border-radius:50%;color:#888d83;background:#f1f1ec;font-size:15px;line-height:1;cursor:pointer}.search-clear[hidden]{display:none}.board-hint{font-size:10px;color:#a0a197;display:flex;align-items:center;gap:8px;margin:0}.hint-grip{font-size:14px;line-height:10px;color:#aaa99f}.hint-separator{color:#cdcdc4}.board{position:relative;width:100%;min-height:510px;height:min(57vh,560px);overflow:auto;border:1px solid #e8e7e1;background:#fbfaf7;isolation:isolate;touch-action:pan-x pan-y}.board-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.53;background-image:radial-gradient(#d4d3c9 .7px,transparent .7px);background-size:20px 20px}.notes-layer{position:absolute;top:0;right:0;bottom:0;left:0;min-height:100%;pointer-events:none}.note{width:224px;height:176px;position:absolute;display:flex;flex-direction:column;padding:10px 12px 9px;border-radius:2px 4px 5px 3px;background:var(--note-color);box-shadow:0 3px 8px #3d3a271f,0 1px 2px #3d3a2714;transform:rotate(var(--rotation, -.4deg));transition:box-shadow .15s,transform .18s;pointer-events:auto}.note[hidden]{display:none}.note:nth-child(3n+2){--rotation: .45deg}.note:nth-child(3n){--rotation: -.7deg}.note:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#ffffff52}.note:hover{z-index:3;box-shadow:0 7px 17px #3d3a272b,0 2px 4px #3d3a271a;transform:rotate(0) translateY(-1px)}.note.is-dragging{z-index:10;transform:rotate(1.5deg) scale(1.025);box-shadow:0 12px 25px #3d3a2733;transition:none}.note-grip{border:0;background:transparent;padding:0;height:19px;align-self:flex-start;width:32px;display:grid;place-items:center;color:#49453566;cursor:grab;touch-action:none;font-size:17px;line-height:1}.note-grip:active{cursor:grabbing}.note-text{flex:1;width:100%;resize:none;border:0;outline:0;padding:3px 2px;background:transparent;color:#49483f;font-family:Noto Sans JP,sans-serif;font-size:12px;line-height:1.8;letter-spacing:.025em}.note-text::placeholder{color:#49483f73}.note-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;opacity:.62;transition:opacity .15s}.note:hover .note-actions,.note:focus-within .note-actions{opacity:1}.note-action{display:grid;place-items:center;height:27px;width:30px;border:0;border-radius:5px;background:#ffffff5e;cursor:pointer;color:#666354;transition:background .15s}.note-action:hover{background:#ffffffbf}.color-action span{display:block;height:11px;width:11px;border-radius:50%;background:#fff;border:1.5px solid rgba(70,68,57,.32);box-shadow:inset -3px 0 #46443924}.delete-action svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}.empty-state{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:34px 18px;text-align:center}.empty-state[hidden]{display:none}.empty-illustration{position:relative;height:119px;width:148px;margin-bottom:14px}.empty-shadow{position:absolute;bottom:12px;left:11px;width:126px;height:16px;background:#eeede5;border-radius:50%}.empty-note{position:absolute;width:84px;height:93px;top:7px;left:30px;border-radius:3px;box-shadow:0 5px 12px #4748381f}.note-back{background:#dce9d3;transform:rotate(-11deg) translate(-16px,6px)}.note-front{background:#fff0a8;transform:rotate(6deg) translate(8px,2px);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:#777155;font-size:10px;line-height:1.7;letter-spacing:.025em}.empty-spark{font-size:13px;color:#9a8f57}.empty-state h3{margin:0;font-size:15px;font-weight:600;letter-spacing:.04em}.empty-state p{color:#96988f;font-size:11px;line-height:1.9;margin:9px 0 17px}.mobile-break{display:none}.empty-add{height:36px;padding:0 13px;border:1px solid #d8ddcf;border-radius:6px;color:#6f7c67;background:#fafbf7;font-size:10px;font-weight:600;cursor:pointer;transition:all .16s}.empty-add:hover{background:#eef1e9;border-color:#c6cebb}.empty-add span{font-size:15px;margin-right:4px;vertical-align:-1px}.search-empty{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;background:#fbfaf7eb;text-align:center}.search-empty[hidden]{display:none}.search-empty-icon{color:#9aa391;font-size:32px;line-height:1;margin-bottom:12px}.search-empty h3{margin:0;color:#4d5548;font-size:14px;font-weight:600}.search-empty p{margin:8px 0 14px;color:#96988f;font-size:10px}.search-empty button{padding:7px 12px;border:1px solid #d8ddcf;border-radius:5px;background:#fafbf7;color:#6f7c67;font-size:10px;cursor:pointer}.board-corner{position:absolute;bottom:12px;right:15px;z-index:0;display:flex;align-items:center;gap:6px;color:#c1c0b7;font-size:8px;letter-spacing:.11em;pointer-events:none}.corner-mark{height:5px;width:5px;border:1px solid #b7b9ae;border-radius:50%}.footer{display:flex;align-items:center;justify-content:center;gap:10px;padding:22px 0 30px;color:#a1a198;font-size:9px;letter-spacing:.06em}.footer-heart{color:#a2ae97;font-size:10px}.toast{position:fixed;z-index:15;bottom:25px;left:50%;transform:translate(-50%,12px);opacity:0;padding:10px 16px;color:#fff;background:#424c40;border-radius:6px;font-size:11px;box-shadow:0 5px 20px #232c2129;pointer-events:none;transition:opacity .2s,transform .2s;white-space:nowrap}.toast.is-visible{opacity:1;transform:translate(-50%)}.modal-backdrop{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#23292152;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-backdrop[hidden]{display:none}.help-modal{width:min(420px,100%);position:relative;padding:32px;background:#fbfaf7;border:1px solid #e9e8e1;border-radius:10px;box-shadow:0 20px 55px #252b2233}.modal-close{position:absolute;top:13px;right:14px;border:0;background:transparent;color:#858b80;font-size:23px;cursor:pointer}.help-modal h2{margin:0 0 22px;font-size:20px;font-weight:600}.help-modal ul{list-style:none;display:grid;gap:17px;margin:0;padding:0}.help-modal li{display:flex;align-items:center;gap:12px;color:#868a81;font-size:11px;line-height:1.8}.help-modal li strong{color:#42483e;font-size:12px;font-weight:600}.guide-symbol{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:7px;color:#74836c;background:#edf0e9;font-size:19px}.guide-drag{font-size:17px}.guide-edit{font-size:16px}.modal-footnote{margin:24px 0 0;padding-top:15px;border-top:1px solid #eae9e2;color:#9a9c93;font-size:10px}@media(min-width:1280px){.main-content{width:min(1100px,85.9%)}}@media(max-width:900px){.topbar{padding:0 5%}.main-content{width:90%}.intro{padding-top:59px}.board{height:58vh;min-height:460px}}@media(max-width:600px){.topbar{height:58px;padding:0 18px}.brand-icon{width:27px;height:27px}.brand-name{font-size:14px}.save-status{font-size:10px;gap:6px}.topbar-right{gap:12px}.main-content{width:auto;margin:0 16px}.intro{align-items:flex-start;flex-direction:column;gap:21px;padding:38px 0 22px}.eyebrow{margin-bottom:10px;font-size:8px}.eyebrow-line{width:14px}h1{font-size:clamp(22px,6.1vw,28px);letter-spacing:.015em}.subtitle{margin-top:5px;font-size:11px}.add-button{width:100%;justify-content:center;height:45px;font-size:12px}.add-button kbd{margin-left:auto}.board-wrap{border-radius:8px}.board-toolbar{height:auto;min-height:53px;padding:8px 10px;gap:8px}.board-heading{gap:6px;flex:none}.board-heading h2{font-size:10px}.note-count{height:17px;min-width:18px;white-space:nowrap;font-size:8px;padding:0 5px}.board-tools{gap:0;min-width:0;flex:1;justify-content:flex-end}.search-box{width:clamp(110px,39vw,170px);height:31px;gap:5px;padding:0 6px}.search-box input{font-size:10px}.board-hint{display:none}.board{height:55vh;min-height:430px;max-height:620px;border-radius:0 0 8px 8px}.note{width:214px;height:180px;padding:9px 11px 8px}.note-text{font-size:12px}.note-grip{height:22px;width:38px;font-size:19px}.note-action{width:38px;height:34px}.note-actions{gap:9px;opacity:.82}.color-action span{width:13px;height:13px}.empty-illustration{transform:scale(.88);margin-bottom:6px}.empty-state h3{font-size:14px}.empty-state p{font-size:10px;margin:8px 0 15px}.mobile-break{display:initial}.empty-add{height:40px;padding:0 14px;font-size:10px}.board-corner{right:10px;bottom:9px;font-size:7px}.footer{font-size:8px;gap:7px;padding:17px 0 22px}.help-modal{padding:28px 22px}.help-modal h2{font-size:18px}}.project-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:-12px 0 19px;padding:10px 13px;background:#fcfbf8;border:1px solid #e8e7e1;border-radius:8px}.project-select-wrap{display:flex;align-items:center;gap:12px;min-width:0}.project-label{color:#9aa092;font-size:8px;font-weight:700;letter-spacing:.14em}#project-select{max-width:min(360px,48vw);border:0;outline:0;background:transparent;color:#424a3e;font:600 12px Noto Sans JP,sans-serif;cursor:pointer}.project-actions{display:flex;align-items:center;gap:5px}.project-actions button{min-height:29px;padding:0 9px;border:1px solid transparent;border-radius:5px;color:#777e72;background:transparent;font-size:10px;cursor:pointer;transition:.15s}.project-actions button:first-child{border-color:#d9dfd2;color:#687860;background:#f7f9f4;font-weight:600}.project-actions button:hover:not(:disabled){background:#eff1eb;border-color:#d8ddd1}.project-actions button:disabled{opacity:.4;cursor:default}.view-switch{display:flex;align-items:center;gap:5px;margin:0 0 13px}.view-tab{min-height:31px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid transparent;border-radius:6px;color:#858a80;background:transparent;font-size:10px;cursor:pointer}.view-tab span{min-width:16px;height:16px;padding:0 4px;display:grid;place-items:center;border-radius:9px;color:#92968c;background:#eeeee8;font-size:8px}.view-tab:hover{background:#efeee9}.view-tab.is-active{color:#617358;background:#e9ede4;border-color:#dfe5d9;font-weight:600}.view-tab.is-active span{color:#62745a;background:#dce4d5}.board-content{display:grid;grid-template-columns:minmax(0,1fr) 250px;align-items:stretch;gap:14px;padding:14px;background:#f5f4ef}.board-content>.board{width:auto;min-width:0}.completion-zone{min-width:0;min-height:510px;display:flex;flex-direction:column;padding:16px 13px 12px;border:1px solid #e4e5dc;border-radius:8px;background:#fbfbf7;transition:border-color .15s,background .15s,box-shadow .15s}.completion-zone.is-drop-target{border-color:#849678;background:#f0f4ea;box-shadow:inset 0 0 0 2px #84967821}.zone-heading{display:flex;align-items:center;gap:8px;padding-bottom:13px;border-bottom:1px solid #eeeee8}.zone-heading h3{min-width:0;margin:0;color:#465040;font-size:11px;font-weight:600}.zone-check{width:20px;height:20px;display:grid;place-items:center;border-radius:6px;color:#718269;background:#e8ede3;font-size:12px;font-weight:700}.zone-count{margin-left:auto;white-space:nowrap;color:#899080;font-size:9px}.zone-drop-area{flex:1;min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:14px 0;border:1px dashed #d5d9cd;border-radius:7px;background:#f6f7f18c;color:#92988a;text-align:center;transition:.15s}.is-drop-target .zone-drop-area{border-color:#879a7a;background:#f2f6ed}.zone-inbox{width:43px;height:43px;display:grid;place-items:center;margin-bottom:13px;border:1px solid #e1e5da;border-radius:50%;background:#f2f4ed;color:#819176;font-size:19px}.zone-inbox span{width:21px;height:21px;display:grid;place-items:center;border:1.5px solid #97a48c;border-radius:6px;font-size:13px}.zone-drop-area p{margin:0 0 6px;color:#646e5c;font-size:10px;font-weight:600}.zone-drop-area>span:last-child{color:#a0a397;font-size:8px}.zone-foot{display:flex;align-items:flex-start;gap:7px;color:#9b9e93;font-size:8px;line-height:1.6}.zone-live-dot{width:5px;height:5px;flex:none;margin-top:3px;border-radius:50%;background:#91a184}.note-complete{position:absolute;z-index:1;top:8px;right:10px;width:25px;height:25px;display:grid;place-items:center;padding:0;border:1px solid rgba(79,86,67,.26);border-radius:50%;color:#474f408a;background:#ffffff57;cursor:pointer;transition:.15s}.note-complete:hover{border-color:#77896d;color:#65765b;background:#ffffffb8}.note-complete span{font-size:14px;line-height:1}.note.is-completed{background:#e8e9e1!important;box-shadow:0 2px 6px #3d413417,0 1px 2px #3d41340f}.note.is-completed:before{background:#aab6a0}.note.is-completed .note-text{color:#72786e;text-decoration:line-through;text-decoration-color:#5b695280}.note.is-completed .note-complete{border-color:#798b70;color:#fff;background:#7f9175}.note.drag-source{opacity:.18}.drag-ghost{position:fixed!important;z-index:1000!important;margin:0!important;pointer-events:none!important;opacity:.98!important;transform:rotate(1.5deg) scale(1.025)!important;transition:none!important}.filter-empty{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#fbfaf7ed;text-align:center}.filter-empty[hidden]{display:none}.filter-empty-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;color:#78876e;background:#ebefe6;font-size:17px}.filter-empty h3{margin:0;color:#596252;font-size:12px;font-weight:600}.filter-empty button{padding:7px 11px;border:1px solid #d8ddcf;border-radius:5px;color:#6f7c67;background:#fafbf7;font-size:9px;cursor:pointer}.project-modal{width:min(410px,100%);position:relative;padding:30px;background:#fbfaf7;border:1px solid #e9e8e1;border-radius:10px;box-shadow:0 20px 55px #252b2233}.project-modal h2{margin:0 0 20px;color:#3e463b;font-size:19px;font-weight:600}.project-modal label{display:block;margin-bottom:7px;color:#73796f;font-size:10px}.project-modal input{width:100%;height:40px;padding:0 11px;border:1px solid #dcddd5;border-radius:6px;outline:none;background:#fff;color:#3e463b;font:12px Noto Sans JP,sans-serif}.project-modal input:focus{border-color:#9eab93;box-shadow:0 0 0 3px #8497771f}.project-modal-error{min-height:17px;margin:6px 0 12px;color:#b65a4c;font-size:9px}.project-modal-actions{display:flex;justify-content:flex-end;gap:8px}.project-modal-actions button{height:34px;padding:0 12px;border:1px solid #dcddd5;border-radius:5px;background:transparent;color:#73796f;font-size:10px;cursor:pointer}.project-modal-actions .project-save{border-color:#71826a;background:#71826a;color:#fff;font-weight:600}.help-modal{max-height:calc(100vh - 40px);overflow-y:auto}.theme-button{min-height:32px;display:inline-flex;align-items:center;gap:6px;padding:0 9px;border:1px solid #dedfd7;border-radius:6px;color:#737b70;background:transparent;font-size:10px;cursor:pointer;transition:background .18s,border-color .18s,color .18s}.theme-button:hover{background:#e9ebe3;border-color:#bec5b6}.theme-button>span:first-child{font-size:14px}html,body,.topbar,.project-bar,.board-toolbar,.board,.board-content,.completion-zone,.search-box,.help-modal,.project-modal{transition:background-color .2s,color .2s,border-color .2s}html[data-theme=dark]{color-scheme:dark;color:#e5e8e1;background:#20241f;--ink: #e5e8e1;--muted: #a5aa9f;--line: #3c423a}html[data-theme=dark] body{color:#e5e8e1;background:#20241f}html[data-theme=dark] .topbar{background:#232822f5;border-color:#3b4139}html[data-theme=dark] .brand-name span,html[data-theme=dark] .topbar-right{color:#aeb4a8}html[data-theme=dark] .top-divider{background:#444a42}html[data-theme=dark] .help-button,html[data-theme=dark] .theme-button{color:#c1c8ba;border-color:#4c5449}html[data-theme=dark] .help-button:hover,html[data-theme=dark] .theme-button:hover{background:#353c33}html[data-theme=dark] h1 span{color:#a7bb98}html[data-theme=dark] .project-bar,html[data-theme=dark] .board-toolbar{background:#292e28;border-color:#42483f}html[data-theme=dark] #project-select,html[data-theme=dark] .board-heading h2{color:#e2e6de}html[data-theme=dark] .project-actions button{color:#b5bbae}html[data-theme=dark] .project-actions button:first-child{color:#cad7bf;border-color:#515e4b;background:#333d30}html[data-theme=dark] .project-actions button:hover:not(:disabled){background:#394136;border-color:#596550}html[data-theme=dark] .view-tab{color:#adb3a7}html[data-theme=dark] .view-tab span,html[data-theme=dark] .note-count{color:#bbc1b5;background:#393f37}html[data-theme=dark] .view-tab:hover{background:#30362f}html[data-theme=dark] .view-tab.is-active{color:#d0dfc5;background:#343f30;border-color:#4a5843}html[data-theme=dark] .view-tab.is-active span{color:#d2e0c9;background:#46543f}html[data-theme=dark] .board-wrap{box-shadow:0 4px 18px #0000002e,0 1px 3px #0003}html[data-theme=dark] .board-content{background:#252a24}html[data-theme=dark] .board{border-color:#42483f;background:#222722}html[data-theme=dark] .board-grid{opacity:.3;background-image:radial-gradient(#6a7165 .7px,transparent .7px)}html[data-theme=dark] .search-box{color:#aab1a5;border-color:#454c43;background:#222722}html[data-theme=dark] .search-box input{color:#e2e6de}html[data-theme=dark] .search-clear{color:#d1d6cb;background:#3a4138}html[data-theme=dark] .board-hint,html[data-theme=dark] .hint-grip,html[data-theme=dark] .board-corner{color:#7e867a}html[data-theme=dark] .completion-zone{border-color:#424a3e;background:#292f28}html[data-theme=dark] .completion-zone.is-drop-target{border-color:#879b78;background:#313c2d}html[data-theme=dark] .zone-heading{border-color:#3d4439}html[data-theme=dark] .zone-heading h3{color:#d6dfce}html[data-theme=dark] .zone-check,html[data-theme=dark] .zone-inbox{color:#b7c7aa;background:#374232;border-color:#4b5843}html[data-theme=dark] .zone-drop-area{color:#a5ad9e;border-color:#4a5346;background:#2227218c}html[data-theme=dark] .is-drop-target .zone-drop-area{border-color:#899c7a;background:#303a2d}html[data-theme=dark] .zone-drop-area p{color:#c5cebb}html[data-theme=dark] .zone-count,html[data-theme=dark] .zone-foot{color:#969f90}html[data-theme=dark] .note.is-completed{background:#c7cbbc!important}html[data-theme=dark] .empty-shadow{background:#333a31}html[data-theme=dark] .empty-state h3{color:#e0e5dc}html[data-theme=dark] .empty-state p,html[data-theme=dark] .footer{color:#92998e}html[data-theme=dark] .empty-add,html[data-theme=dark] .search-empty button,html[data-theme=dark] .filter-empty button{color:#c4d2b9;background:#30392d;border-color:#4b5843}html[data-theme=dark] .search-empty{background:#222721f0}html[data-theme=dark] .search-empty h3,html[data-theme=dark] .filter-empty h3{color:#dce3d7}html[data-theme=dark] .search-empty p{color:#9da497}html[data-theme=dark] .filter-empty{background:#222721f2}html[data-theme=dark] .filter-empty-icon{color:#c2d1b7;background:#35402f}html[data-theme=dark] .modal-backdrop{background:#00000094}html[data-theme=dark] .help-modal,html[data-theme=dark] .project-modal{color:#e2e6de;background:#292f28;border-color:#444b40}html[data-theme=dark] .help-modal li,html[data-theme=dark] .project-modal label{color:#aab1a4}html[data-theme=dark] .help-modal li strong,html[data-theme=dark] .project-modal h2{color:#e0e5dc}html[data-theme=dark] .guide-symbol{color:#c5d3bb;background:#374132}html[data-theme=dark] .modal-footnote{color:#9aa293;border-color:#41483e}html[data-theme=dark] .project-modal input{color:#e5e8e1;background:#20251f;border-color:#4b5347}html[data-theme=dark] .project-modal-actions button{color:#c0c6ba;border-color:#4b5347}html[data-theme=dark] .project-modal-actions .project-save{color:#fff;border-color:#71826a;background:#71826a}@media(max-width:600px){.project-bar{gap:7px;margin:-7px 0 14px;padding:8px}.project-select-wrap{gap:7px;flex:1}.project-label{font-size:7px}#project-select{max-width:32vw;font-size:10px}.project-actions{gap:2px}.project-actions button{min-height:30px;padding:0 4px;font-size:8px}.view-switch{margin-bottom:10px}.view-tab{min-height:32px;gap:6px;padding:0 9px;font-size:9px}.board-content{display:flex;flex-direction:column;gap:10px;padding:9px}.board-content>.board{flex:none;width:100%}.completion-zone{min-height:178px;padding:12px}.zone-heading{padding-bottom:9px}.zone-drop-area{min-height:95px;margin:9px 0}.zone-inbox{width:33px;height:33px;margin-bottom:7px}.zone-foot{font-size:8px}.project-modal{padding:27px 20px}.note-complete{width:34px;height:34px;top:5px;right:7px}body.is-note-dragging .completion-zone{position:fixed;z-index:990;right:12px;bottom:12px;left:12px;min-height:0;max-height:150px;padding:10px 12px;border-color:#b6c2aa;background:#fbfcf8;box-shadow:0 8px 28px #2e382933}body.is-note-dragging .zone-heading{padding-bottom:6px}body.is-note-dragging .zone-drop-area{min-height:55px;margin:7px 0 0}body.is-note-dragging .zone-inbox{display:none}body.is-note-dragging .zone-drop-area p{margin:0 0 4px}body.is-note-dragging .zone-foot{display:none}}