:root{--bg:#101114;--panel-soft:#14161a;--panel:#191c21;--panel-raised:#20242a;--field:#111318;--row:#171a1f;--border:#2a2f37;--border-strong:#3a424d;--text:#e7e9ed;--muted:#8f98a6;--faint:#626b78;--accent:#89d185;--accent-strong:#9fe09a;--accent-border:#89d1859e;--accent-wash:#89d1851f;--danger:#f07f7f;--shadow:0 18px 45px #0000005c;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", ui-monospace, monospace;color:var(--text);background:var(--bg);font:14px/1.45 var(--sans);letter-spacing:0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:linear-gradient(180deg, #ffffff06, transparent 220px), var(--bg);min-width:320px;min-height:100svh;margin:0}button,input,textarea{font:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#root{min-height:100svh}.app-shell{grid-template-columns:256px minmax(0,1fr);min-height:100svh;display:grid}.sidebar{border-right:1px solid var(--border);background:var(--panel-soft);flex-direction:column;gap:24px;padding:20px 16px;display:flex}.brand{align-items:center;gap:6px;min-width:0;display:grid}.brand strong,.brand small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.brand strong{color:var(--text);font-size:15px;font-weight:650}.brand small{color:var(--muted);margin-top:2px;font-size:12px}.nav-tabs{gap:6px;display:grid}.nav-label-short{display:none}.autosave-indicator{border:1px solid var(--border);width:fit-content;max-width:100%;color:var(--muted);background:var(--panel);opacity:1;border-radius:7px;align-items:center;gap:7px;padding:6px 8px;font-size:12px;transition:opacity .18s,transform .18s;display:inline-flex;transform:translateY(0)}.autosave-indicator span{background:var(--accent);border-radius:999px;flex:none;width:7px;height:7px}.autosave-indicator.is-saving span{background:#d8c36f}.autosave-indicator.is-error{color:var(--danger)}.autosave-indicator.is-error span{background:var(--danger)}.autosave-indicator.is-idle{opacity:0;pointer-events:none;transform:translateY(-2px)}.nav-tabs button,.primary-button,.secondary-button,.icon-button{font:inherit;cursor:pointer;border:1px solid #0000}.nav-tabs button{width:100%;height:38px;color:var(--muted);text-align:left;background:0 0;border-radius:7px;align-items:center;gap:10px;padding:0 10px;display:flex}.nav-tabs button:hover{color:var(--text);background:var(--panel)}.nav-tabs button.is-active{color:var(--text);border-color:var(--border);background:var(--panel)}.page{width:min(1120px,100%);margin:0 auto;padding:26px}.login-screen{place-items:center;min-height:100svh;padding:24px;display:grid}.login-panel{border:1px solid var(--border);background:var(--panel-soft);width:min(420px,100%);box-shadow:var(--shadow);border-radius:8px;gap:18px;padding:18px;display:grid}.login-brand{grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;display:grid}.login-brand h1{color:var(--text);margin:0;font-size:25px;line-height:1.1}.login-form{gap:10px;display:grid}.login-form label{color:var(--muted);gap:6px;font-size:12px;display:grid}.login-form input{border:1px solid var(--border);width:100%;height:40px;color:var(--text);background:var(--field);border-radius:7px;outline:none;padding:0 11px}.login-form input:focus{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-wash)}.login-form .primary-button{width:100%;margin-top:2px}.login-status{color:var(--muted);font:12px/1.4 var(--mono);gap:5px;padding-top:2px;display:grid}.page-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.eyebrow{color:var(--accent);font:700 12px/1.2 var(--mono);text-transform:uppercase;margin:0 0 4px}.page-header h1{color:var(--text);margin:0;font-size:28px;font-weight:720;line-height:1.15}.date-line{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.quick-add{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-bottom:16px;display:grid}.quick-add input,.task-input,.settings-section textarea{border:1px solid var(--border);color:var(--text);background:var(--field);font:inherit;outline:none}.quick-add input{border-color:var(--border-strong);background:#1d2229;border-radius:8px;min-width:0;height:42px;padding:0 13px;box-shadow:inset 0 1px #ffffff0a}.quick-add input::placeholder{color:#a9b1bf}.quick-add input:focus,.task-input:focus,.settings-section textarea:focus{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-wash)}.primary-button,.secondary-button{white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 13px;display:inline-flex}.primary-button{color:#08110c;border-color:var(--accent);background:var(--accent);font-weight:680}.primary-button:hover{background:var(--accent-strong)}.primary-button:disabled{cursor:not-allowed;opacity:.45}.secondary-button{color:var(--text);border-color:var(--border);background:var(--panel)}.secondary-button:hover{border-color:var(--border-strong);background:var(--panel-raised)}.sections-grid{grid-template-columns:1fr;gap:14px;display:grid}.work-section,.settings-section,.empty-panel{border:1px solid var(--border);background:var(--panel);border-radius:8px}.work-section{min-width:0;overflow:hidden}.work-section.is-over{border-color:var(--accent-border)}.section-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:0 12px;display:flex}.section-heading h2,.archive-title h2{color:var(--text);margin:0;font-size:14px;font-weight:700;line-height:1.2}.section-heading span{color:var(--muted);font:700 12px/1 var(--mono)}.task-list{gap:1px;min-height:51px;padding:6px;display:grid}.task-row{background:var(--row);border:1px solid #0000;border-radius:7px;grid-template-columns:30px 30px minmax(0,1fr) 30px;align-items:start;gap:4px;min-height:40px;padding:4px;display:grid}.task-row:hover{border-color:var(--border)}.task-row.is-dragging{z-index:2;border-color:var(--accent-border);box-shadow:var(--shadow)}.task-row.is-complete .task-text{color:var(--muted);text-decoration:line-through;-webkit-text-decoration-color:var(--muted);text-decoration-color:var(--muted)}.icon-button{width:30px;height:30px;color:var(--muted);background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-button:hover:not(:disabled){color:var(--text);background:var(--panel-raised)}.icon-button:disabled{cursor:default;opacity:.65}.checkbox-button{border-color:var(--border)}.is-complete .checkbox-button{color:var(--accent);border-color:var(--accent-border);background:var(--accent-wash)}.drag-handle{cursor:grab}.drag-handle:active{cursor:grabbing}.task-text{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}.task-content{min-width:0;display:block}.task-input{resize:none;background:0 0;border-color:#0000;border-radius:5px;width:100%;min-width:0;min-height:30px;max-height:180px;padding:5px 8px;line-height:20px;overflow:hidden}.read-only-text{padding:4px 8px;line-height:20px;display:block}.delete-button:hover{color:var(--danger)}.empty-row{min-height:38px;color:var(--faint);align-items:center;padding:0 10px;font-size:13px;display:flex}.button-row{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.archive-layout{grid-template-columns:minmax(0,1fr) 312px;align-items:start;gap:14px;display:grid}.archive-sidebar{gap:12px;min-width:0;display:grid;position:sticky;top:18px}.archive-panel{border:1px solid var(--border);background:var(--panel);border-radius:8px;overflow:hidden}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;padding:10px;display:grid}.calendar-weekday{height:22px;color:var(--faint);font:700 10px/1 var(--mono);text-transform:uppercase;justify-content:center;align-items:center;display:flex}.calendar-day{aspect-ratio:1;width:100%;color:var(--faint);font:700 12px/1 var(--mono);background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.calendar-day.has-archive{color:var(--text);border-color:var(--border);background:var(--row);cursor:pointer}.calendar-day.has-archive:hover,.calendar-day.is-selected{color:#08110c;border-color:var(--accent);background:var(--accent)}.calendar-day.is-outside{opacity:.38}.calendar-day:disabled{cursor:default}.archive-list{align-content:start;gap:6px;min-height:156px;max-height:calc(100svh - 338px);padding:10px;display:grid;overflow:auto}.archive-item{border:1px solid var(--border);width:100%;color:var(--text);background:var(--panel);font:inherit;text-align:left;cursor:pointer;border-radius:8px;gap:5px;padding:12px;display:grid}.archive-item:hover,.archive-item.is-selected{border-color:var(--accent-border);background:var(--panel-raised)}.archive-item small{color:var(--muted);font-size:12px}.archive-detail{gap:12px;min-width:0;display:grid}.archive-title{padding:3px 2px}.empty-panel{color:var(--muted);padding:20px}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.settings-summary{margin-bottom:14px}.settings-section{gap:12px;padding:12px;display:grid}.settings-section .section-heading{border-bottom:0;min-height:28px;padding:0}.settings-section textarea{resize:vertical;width:100%;min-height:340px;font:13px/1.45 var(--mono);box-sizing:border-box;border-radius:7px;padding:12px}.cloud-section{margin-bottom:14px}.cloud-status{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.cloud-status.is-syncing{color:#d8c36f}.cloud-status.is-synced{color:var(--accent)}.cloud-status.is-error{color:var(--danger)}.cloud-account-row{border:1px solid var(--border);background:var(--row);border-radius:7px;justify-content:space-between;align-items:center;gap:12px;padding:10px;display:flex}.cloud-account-row strong{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.cloud-actions{justify-content:flex-start}.cloud-config{border:1px solid var(--border);color:var(--muted);background:var(--field);font:12px/1.4 var(--mono);border-radius:7px;gap:4px;padding:10px;display:grid}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.summary-item{border:1px solid var(--border);background:var(--row);border-radius:7px;grid-template-columns:30px minmax(0,1fr);grid-template-areas:"icon label""icon value";align-items:center;min-width:0;min-height:56px;padding:8px;display:grid}.summary-icon{width:30px;height:30px;color:var(--accent);grid-area:icon;justify-content:center;align-items:center;display:inline-flex}.summary-label{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;grid-area:label;font-size:12px;overflow:hidden}.summary-item strong{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;grid-area:value;font-size:14px;font-weight:700;overflow:hidden}.file-button{position:relative;overflow:hidden}.file-button input{cursor:pointer;opacity:0;position:absolute;inset:0}.settings-message{color:var(--muted);margin:0;font-size:13px}.settings-message.is-error{color:var(--danger)}@media (width<=850px){.app-shell{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;align-content:start}.sidebar{z-index:5;border-right:0;border-bottom:1px solid var(--border);grid-template-columns:minmax(148px,180px) minmax(0,1fr);align-self:start;align-items:center;gap:10px;padding:8px 10px;display:grid;position:sticky;top:0;overflow:hidden}.brand{grid-template-columns:0 minmax(0,1fr);gap:0;min-width:0;display:grid}.sidebar{grid-template-columns:0 minmax(0,1fr);gap:0;padding:8px 10px}.brand strong,.brand small{display:none}.nav-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.nav-tabs button{white-space:nowrap;border-radius:7px;justify-content:center;gap:6px;min-width:0;height:32px;padding:0 8px;font-size:13px;line-height:1;overflow:hidden}.nav-tabs button svg{flex:none;width:16px;height:16px}.nav-label-full{display:none}.nav-label-short{text-overflow:ellipsis;min-width:0;display:inline;overflow:hidden}.page{padding:18px 12px}.page-header,.summary-grid,.settings-grid{grid-template-columns:1fr}.archive-layout{grid-template-columns:minmax(0,1fr) 236px;gap:10px}.archive-sidebar{gap:8px;top:12px}.calendar-grid{gap:2px;padding:7px}.calendar-weekday{height:18px;font-size:9px}.calendar-day{border-radius:5px;font-size:11px}.page-header{display:grid}.page-header h1{font-size:22px}.archive-list{min-height:120px;max-height:calc(100svh - 300px);padding:7px}}@media (width<=560px){.brand{grid-template-columns:30px}.brand>div{display:none}.nav-tabs button{gap:6px;padding-inline:6px;font-size:12px}.task-row{grid-template-columns:30px 30px minmax(0,1fr) 30px}.archive-layout{grid-template-columns:1fr}.archive-sidebar{order:-1;position:static}.archive-list{max-height:none}.button-row{justify-content:stretch}.button-row button,.button-row label{flex:auto}}