:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:light dark;--bg:light-dark(#f7f9f7,#151d1b);--panel:light-dark(#fff,#1c2623);--nav:light-dark(#edf2ee,#18211e);--ink:light-dark(#253c33,#e6eee9);--muted:light-dark(#596e63,#a6b9ad);--line:light-dark(#dce5de,#34443b);--accent:light-dark(#38634e,#aad5b8);--soft:light-dark(#e1eee4,#2a4033);--warning:light-dark(#80532a,#e2bb8d);--error:light-dark(#a22e32,#ffa6a8);color:var(--ink);background:var(--bg);font-size:14px;line-height:1.5}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:9px 13px;min-height:40px}button:hover{background:var(--soft)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.primary{background:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:600}.primary:hover{filter:brightness(.94);background:var(--accent)}label{display:grid;gap:6px;font-size:13px}input,select,textarea{width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);min-width:0}textarea{resize:vertical;min-height:85px}input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent);flex-shrink:0}h1,h2,h3,p{margin:0}h1{font-size:32px;letter-spacing:-1px;font-weight:600}h2{font-size:18px;font-weight:600}h3{font-size:14px;font-weight:600}small,.muted{color:var(--muted)}.brand{font-size:19px;font-weight:600;letter-spacing:-.4px}.subtle{border:0;background:transparent;color:var(--muted)}#shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100dvh}aside{padding:28px 16px;background:var(--nav);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:14px}aside .brand{padding:0 12px;margin-bottom:15px}nav{display:grid;gap:4px}nav button{text-align:left;background:transparent;border:0}nav button.active{background:var(--soft);color:var(--accent);font-weight:600}.nav-heading{text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-size:11px;padding:12px 12px 0}#profile{margin-top:auto;display:flex;gap:10px;align-items:center;text-align:left;background:transparent;border:0;padding:16px 8px;min-height:56px}#profile small{display:block;font-size:11px}.avatar{width:32px;height:32px;border-radius:50%;background:var(--soft);color:var(--accent);display:grid;place-items:center}main{min-width:0}header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:18px 32px;border-bottom:1px solid var(--line)}#connection{font-size:12px;color:var(--muted)}.main-content{padding:32px;max-width:1200px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px}.eyebrow{color:var(--muted);font-size:12px;margin-bottom:5px}#page-description{color:var(--muted);margin-top:8px;font-size:13px}#filters{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-bottom:24px}#filters label{flex:1 1 135px}#filter-minutes{max-width:160px}#filters button{font-size:12px}.section-title{display:flex;align-items:center;gap:10px;margin:22px 0 12px}.section-title small{margin-left:auto}.task-list,.manage-list{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:0 18px}.task{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;padding:19px 0;border-top:1px solid var(--line);align-items:start}.task:first-child,.manage-row:first-child{border-top:0}.task-check{display:grid;place-items:start center;min-width:32px;min-height:44px;padding-top:3px}.task-title{border:0;padding:0;min-height:0;background:transparent;text-align:left;font-weight:500;overflow-wrap:anywhere}.task-title:hover{background:none;color:var(--accent)}.meta{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;color:var(--muted);margin-top:7px}.context{color:var(--accent)}.time-label{font-size:12px;color:var(--accent);margin-bottom:5px}.warning{color:var(--warning)}.completed .task-title{text-decoration:line-through;color:var(--muted)}.undo{font-size:12px;padding:7px 9px}.empty{padding:24px 0;color:var(--muted)}.manage-row{padding:18px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.manage-row p{font-size:12px;color:var(--muted);margin-top:5px}.manage-row button{flex-shrink:0}.archived{opacity:.7}.conflict{border:1px solid var(--warning);border-radius:12px;padding:15px;margin-bottom:14px}.conflict p{margin:8px 0}.conflict button{margin:4px 6px 0 0}dialog{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:18px;padding:25px;width:min(620px,calc(100% - 24px));max-height:90dvh;overflow:auto}dialog::backdrop{background:rgb(0 0 0/.4)}dialog label{margin:14px 0}dialog p{margin:12px 0;color:var(--muted)}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.dialog-header button{border:0;background:transparent}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.check{display:flex;align-items:center;gap:8px}.context-options{display:flex;flex-wrap:wrap;gap:0 16px}.context-options label{display:flex;align-items:center;gap:7px}#edit-error,#login-error{color:var(--error)}#settings button{margin:5px 4px 5px 0}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);background:var(--ink);color:var(--bg);padding:10px 18px;border-radius:10px;box-shadow:0 4px 25px rgb(0 0 0/.12);z-index:20}#toast:empty{display:none}#login{padding:40px 20px;min-height:100dvh;display:grid;place-items:center}.login-card{width:min(380px,100%);padding:30px;border-radius:18px;background:var(--panel);border:1px solid var(--line)}.login-card h1{font-size:26px;margin-top:28px}.login-card p{color:var(--muted);margin:10px 0 20px}.login-card label{margin:16px 0}.login-card .primary{width:100%}#mobile-nav{display:none}[data-density=compact] .task,[data-density=compact] .manage-row{padding:10px 0}[data-density=compact] .meta{margin-top:3px}@media(max-width:900px){#shell{grid-template-columns:185px minmax(0,1fr)}header,.main-content{padding:22px}aside{padding:25px 10px}}@media(max-width:650px){#shell{display:block}aside{display:none}body.menu-open aside{display:flex}body.menu-open main{display:none}body.menu-open #profile{margin-top:20px}.main-content{padding:25px 18px 95px}header{padding:15px 18px}h1{font-size:28px}#mobile-nav{display:flex;position:sticky;bottom:0;justify-content:space-around;background:var(--panel);border-top:1px solid var(--line);padding:9px 5px}#mobile-nav button{font-size:12px;min-height:44px;padding:9px}#toast{bottom:80px}.form-grid{grid-template-columns:1fr}input,select,textarea{font-size:16px}.task{grid-template-columns:32px minmax(0,1fr)}.task .undo{grid-column:2;justify-self:start}#filters label{flex-basis:42%}dialog{padding:20px}}@media(pointer:coarse){button{min-height:44px}}

#app-busy{max-width:500px;padding:35px;margin:10vh auto}#app-busy p{margin:16px 0}#app-busy a{color:var(--accent)}

#filters details{flex-basis:100%}#filters summary{cursor:pointer;color:var(--muted);padding:8px 0}.extra-filters{display:flex;gap:10px;flex-wrap:wrap;padding:10px 0}.extra-filters label{flex:1 1 150px}