:root{color-scheme:dark;--bg:#121719;--surface:#182022;--raised:#202b2c;--border:#303a3b;--text:#eaeceb;--muted:#a5b3ad;--accent:#a4c8b8;--ink:#15211b;--red:#e8a3a3;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-width:320px}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{border:0}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 32px;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:13px;min-width:0;font-size:15px;font-weight:500;letter-spacing:-.3px}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#243532;color:var(--accent);font:15px ui-monospace,monospace;flex-shrink:0}.brand small{margin-left:10px;color:#8faaa0;font-weight:400;font-size:12px}.top-actions{display:flex;align-items:center;gap:15px}.sync{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:7px}.sync:before{content:'';height:5px;width:5px;border-radius:50%;background:var(--accent)}.sync.offline:before{background:#cbb48e}.layout{display:grid;grid-template-columns:222px 1fr;min-height:calc(100dvh - 84px)}aside{border-right:1px solid var(--border);padding:31px 18px;display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:11px;padding:12px;width:100%;text-align:left;border-radius:9px;background:transparent;color:#a5b3ad;font-size:13px;min-height:43px;margin-bottom:4px;overflow-wrap:anywhere}.nav-item:hover{background:#1e2928}.nav-item.active{background:#293b35;color:#d4e8dd}.nav-symbol{font-size:18px;display:inline-grid;width:17px;place-items:center}.nav-count{margin-left:auto;font-size:11px;color:#a8bdb3}.space-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);flex-shrink:0}.spaces-heading{display:flex;align-items:center;justify-content:space-between;margin:22px 10px 10px;font-size:10px;letter-spacing:1.6px;color:#94a99e}.spaces-heading .icon-button{width:28px;height:28px;min-height:28px;font-size:19px}.sidebar-bottom{margin-top:auto;padding:45px 8px 0;display:flex;align-items:center;gap:10px;font-size:11px;color:#c1ccc5}.sidebar-bottom small{display:block;margin-top:5px;font-size:10px;color:#8d9f94}.mini-avatar{display:grid;place-items:center;border:1px solid #3d5147;background:#202d28;width:31px;height:31px;border-radius:50%;font-family:monospace;color:var(--accent)}main{padding:48px clamp(26px,5vw,90px) 35px;width:100%;max-width:1050px;margin:0 auto;min-width:0}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.eyebrow{font-size:10px;letter-spacing:1.9px;color:#a7bbb1;margin:0 0 16px}h1{font-size:clamp(30px,3.2vw,43px);font-weight:400;letter-spacing:-1.6px;line-height:1.15;margin:0;overflow-wrap:anywhere}.subtitle{font-size:13px;line-height:1.7;color:#a5b3ad;margin:12px 0 0}.list-heading{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#c4d0c9;margin:40px 0 8px}.list-heading>span:last-child{font-size:11px;color:#9eb1a7}.task-row{display:flex;align-items:center;gap:14px;min-height:76px;padding:16px 0;border-bottom:1px solid #2a3533}.task-check{display:grid;place-items:center;width:22px;height:22px;flex-shrink:0;position:relative}.task-check input{appearance:none;width:21px;height:21px;border:1px solid #587368;border-radius:50%;margin:0;cursor:pointer}.task-check input:checked{background:var(--accent);border-color:var(--accent)}.task-check input:checked:after{content:'✓';display:block;text-align:center;color:var(--ink);font-size:14px}.task-content{background:transparent;text-align:left;min-width:0;flex:1;padding:1px 0;display:block}.task-title{font-size:14px;line-height:1.6;overflow-wrap:anywhere;unicode-bidi:plaintext}.task-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:6px;font-size:11px;color:#9eb1a7;line-height:1.6}.task-meta .space-dot{width:5px;height:5px}.task-row.done .task-title{text-decoration:line-through;color:#899c92}.task-row.done{opacity:.8}.task-star{background:none;color:#80998c;font-size:20px;min-width:34px;min-height:36px;border-radius:8px}.task-star.active{color:var(--accent);background:#24332c}.task-star:hover{background:#24332c}.due-overdue{color:#d6ad8c}.quick-add{display:flex;align-items:center;gap:10px;border:1px solid #394b48;background:#202b2c;border-radius:11px;padding:8px 11px;margin-top:27px}.quick-add>span{font-size:22px;color:var(--accent)}.quick-add input{flex:1;min-width:0;background:transparent;border:0;padding:10px 3px;color:var(--text);font-size:13px}.quick-add select{max-width:145px;background:#1c2724;color:#c1d2c8;border:1px solid #3b4d44;border-radius:6px;font-size:11px;padding:7px;min-width:0}.add-button{background:var(--accent);color:var(--ink);width:34px;min-height:34px;border-radius:7px;font-size:18px;flex-shrink:0}.text-button{background:none;color:#a4b9ad;font-size:11px;padding:12px 0}.text-button:hover{color:#d4e8dd}.completed{margin-top:21px}summary{font-size:12px;color:#a7b9af;cursor:pointer;padding:12px 0}summary span{font-size:11px;margin-left:5px}.progress-row{display:flex;align-items:center;gap:13px;font-size:11px;color:#b0c1b9;margin-top:30px}.progress-track{height:3px;background:#33443c;border-radius:4px;overflow:hidden;flex:1}#progress-fill{height:100%;width:0;background:var(--accent);transition:width .25s}.page-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:38px;font-size:10px;letter-spacing:.3px;color:#7f9689}.icon-button{display:grid;place-items:center;min-width:34px;height:34px;font-size:21px;line-height:1;background:transparent;color:#abc0b3;border-radius:8px}.icon-button:hover{background:#25332c}.primary,.quiet,.danger{border-radius:8px;padding:11px 16px;font-size:12px;min-height:40px}.primary{background:var(--accent);color:var(--ink);font-weight:500}.primary:hover{background:#bddccc}.quiet{background:#26332d;color:#d1ded6}.quiet:hover{background:#304239}.danger{background:transparent;color:var(--red)}.danger.filled{background:#4d2d2d;color:#ffd3d3}.empty{padding:44px 12px 35px;text-align:center}.empty-symbol{width:48px;height:48px;margin:0 auto 16px;border-radius:50%;background:#24332c;color:var(--accent);font-size:23px;display:grid;place-items:center}.empty h2{font-size:18px;font-weight:400;margin:0 0 10px}.empty p{font-size:12px;color:#a5b3ad;line-height:1.8;margin:0}.login-screen{min-height:100dvh;display:grid;place-items:center;padding:28px;background:radial-gradient(ellipse at 50% 0%,#23332b 0%,#121719 60%)}.login-box{width:100%;max-width:360px}.login-box>.brand-mark{width:46px;height:46px;font-size:20px;margin-bottom:38px}.login-box h1{font-size:38px}.login-box .muted{margin-bottom:35px}.login-box .primary{width:100%;display:flex;justify-content:space-between;margin-top:17px}.login-brand{display:block;text-align:center;color:#8ea598;font-size:11px;margin-top:37px}#login-error{font-size:12px;color:var(--red);min-height:18px}.muted{color:var(--muted);font-size:13px;line-height:1.8}.small{font-size:11px}label:not(.task-check):not(.check-label){display:block;font-size:12px;color:#c6d3ca;margin:20px 0 9px}input:not([type=checkbox]),select,textarea{color:var(--text);background:#202b28;border:1px solid #3a4a42;border-radius:8px;padding:11px 12px;width:100%;font-size:14px}textarea{resize:vertical;min-height:90px}input::placeholder,textarea::placeholder{color:#8ba294}.quick-add input{border:0;width:auto;background:transparent;padding:10px 3px}.quick-add select{width:auto}.optional{color:#8ba294;font-size:10px;margin-left:4px}dialog{color:var(--text);background:#18211e;border:1px solid #3c5044;border-radius:17px;width:calc(100% - 32px);max-width:470px;padding:26px;box-shadow:0 24px 100px #0008;max-height:90dvh;overflow-y:auto}dialog::backdrop{background:#070d0bd1;backdrop-filter:blur(6px)}dialog h2{font-size:25px;font-weight:400;letter-spacing:-.6px;margin:15px 0 23px}dialog h3{font-weight:500;font-size:15px;margin-top:30px}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.dialog-header .eyebrow{margin:0;font-size:9px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:27px;flex-wrap:wrap}.dialog-actions .danger:not(.filled){margin-right:auto;padding-left:0}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check-label{display:flex;gap:10px;align-items:center;font-size:12px;margin-top:23px;min-height:35px}.check-label input{accent-color:var(--accent);width:17px;height:17px}.settings-actions{display:flex;gap:10px;flex-wrap:wrap}#password-form{border-top:1px solid var(--border);margin-top:25px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#d1e5d8;color:#15211b;border-radius:10px;box-shadow:0 8px 35px #0005;padding:13px 18px;display:flex;align-items:center;gap:20px;font-size:12px;z-index:1000;max-width:calc(100% - 32px);width:max-content}#undo{background:transparent;color:#1e5239;text-decoration:underline;padding:4px}.loading{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);font-size:12px;gap:15px}@media(min-width:1400px){main{padding-top:65px}.task-row{min-height:83px}}@media(max-width:760px){.topbar{padding:18px 18px}.brand small{display:none}.top-actions{gap:7px}.sync{font-size:10px}.layout{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid var(--border);padding:14px 17px;gap:6px}aside>nav:first-child{display:flex;gap:7px}.nav-item{font-size:12px;padding:10px 11px;min-height:44px;width:auto;margin:0}.nav-count{margin-left:8px}.spaces-heading{margin:8px 0 3px}.spaces-heading>span{font-size:9px}#spaces{display:flex;gap:5px;flex-wrap:wrap}#spaces .nav-item{font-size:11px;gap:7px;padding:9px}.sidebar-bottom{display:none}main{padding:32px 23px 45px;max-width:700px}h1{font-size:33px}.eyebrow{font-size:9px;letter-spacing:1.6px}.subtitle{font-size:12px}.list-heading{margin-top:31px}.task-title{font-size:13px}.task-row{gap:11px}.task-star{min-width:36px;min-height:44px}.task-check{width:32px;min-height:44px}.quick-add{flex-wrap:wrap;gap:8px}.quick-add input{font-size:16px;flex-basis:calc(100% - 90px)}.quick-add select{margin-left:23px;margin-bottom:2px;max-width:calc(100% - 60px);min-height:35px}.quick-add .add-button{margin-left:auto;min-height:40px;width:40px}.topbar .quiet{font-size:10px;padding:7px}.page-footer{font-size:9px}.form-columns{grid-template-columns:1fr}.form-columns>div+div label{margin-top:12px}dialog{padding:22px}dialog input:not([type=checkbox]),dialog select,dialog textarea,.login-box input{font-size:16px}.primary,.quiet,.danger,.icon-button{min-height:44px}.toast{bottom:calc(18px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.day-picker{margin-top:24px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.day-picker label{margin:0!important;color:var(--muted)}.day-picker input{max-width:200px} @media(max-width:760px){aside>nav:first-child{flex-wrap:wrap}}