:root{--bg:#141519;--panel:#191a20;--panel-2:#1e1f26;--panel-3:#23242d;--border:#23242b;--card-border:transparent;--text:#e9eaef;--muted:#8b909c;--accent:#b6a8f5;--on-accent:#17131f;--urgent:#e8927c;--urgent-bg:#251b1c;--urgent-border:#3a2a28;--good:#9fd8ab;--good-bg:#17251c;--good-border:#28402f;--shadow:none;--tabbar-bg:rgba(20,21,25,0.92);--radius:14px}@media (prefers-color-scheme:light){:root{--bg:#f3f2ee;--panel:#ffffff;--panel-2:#eceae4;--panel-3:#ffffff;--border:#e7e5de;--card-border:#eceae4;--text:#26282b;--muted:#83867f;--accent:#4d7c5f;--on-accent:#f6f7f4;--urgent:#b3593e;--urgent-bg:#f7eae4;--urgent-border:#ead6cb;--good:#4d7c5f;--good-bg:#e9f0e9;--good-border:#d3e0d3;--shadow:0 1px 3px rgba(38,40,43,0.08);--tabbar-bg:rgba(243,242,238,0.92)}}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100dvh;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--accent)}.wrap{max-width:640px;margin:0 auto;padding:calc(16px + env(safe-area-inset-top, 0px)) 16px calc(110px + env(safe-area-inset-bottom, 0px))}header.top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:4px}header.top h1{font-size:24px;font-weight:650;margin:0;letter-spacing:-.02em}header.top .sub{color:var(--muted);font-size:14px;margin-top:3px}form.capture{display:flex;gap:8px;margin:16px 0 24px}form.capture input{flex:1 1;background:var(--panel-2);border:1px solid var(--border);color:var(--text);font-size:16px;padding:16px;border-radius:var(--radius);outline:none}form.capture input:focus{border-color:var(--accent)}form.capture button{background:var(--accent);color:var(--on-accent);border:none;font-weight:600;font-size:16px;padding:0 20px;border-radius:var(--radius);cursor:pointer}section{margin-bottom:26px}details.sec h2,section h2{font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0 0 10px}details.sec h2{margin:0}section.urgent h2{color:var(--urgent)}ul.tasks{list-style:none;margin:0;padding:0;gap:8px}li.task,ul.tasks{display:flex;flex-direction:column}li.task{background:var(--panel);border:1px solid var(--card-border);box-shadow:var(--shadow);border-radius:var(--radius);padding:12px 14px;gap:10px;align-items:stretch}li.task.pinned{background:var(--urgent-bg);border-color:var(--urgent-border)}.task .body{flex:1 1;min-width:0}.task .title{font-size:15px;line-height:1.35}.task .next{color:var(--muted);font-size:13px;margin-top:3px}.task .next strong{color:var(--good);font-weight:600}.task .due{font-size:12px;color:var(--urgent);margin-top:3px}.task .actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}li.task.row{padding:0}.rowd summary{display:flex;align-items:center;gap:10px;padding:13px 14px;cursor:pointer;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rowd summary::-webkit-details-marker{display:none}.rtitle{flex:1 1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px}.rmeta{flex-shrink:0;display:flex;gap:6px}.rmeta .due{margin:0;font-size:11px}.rmeta .age{margin:0;vertical-align:0}.rchev{color:var(--muted);font-size:12px;flex-shrink:0;transition:transform .15s}.rowd[open] .rchev{transform:rotate(180deg)}.rowd .rbody{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--border);padding:10px 14px 13px}button.chip{background:var(--panel-2);border:1px solid var(--border);color:var(--muted);font-size:13px;padding:9px 14px;border-radius:10px;cursor:pointer;line-height:1}details.more{display:inline-flex;align-items:center;gap:8px}details.more summary{list-style:none;cursor:pointer;color:var(--muted);border:1px solid var(--border);background:var(--panel-2);border-radius:10px;padding:9px 14px;font-size:13px;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}details.more summary::-webkit-details-marker{display:none}details.more[open]{flex-wrap:wrap}button.chip:hover{color:var(--text);border-color:var(--accent)}button.chip.done:hover{color:var(--good);border-color:var(--good)}button.chip.drop:hover{color:var(--urgent);border-color:var(--urgent)}.empty{color:var(--muted);font-size:14px;font-style:italic}.focus-zone{margin-bottom:22px}.slot{margin-bottom:12px}.slot-label{font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:7px}.slot.now .slot-label{color:var(--accent)}.slot.now li.task{background:var(--panel-3);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent)}.slot.now .title{font-size:17px;font-weight:600}.slot.next li.task{opacity:.85}.focus-chip.on{color:var(--accent);border-color:var(--accent)}.focus-card .frow{display:flex;align-items:center;gap:12px}.focus-card .fbody{flex:1 1;min-width:0}.big-done{background:var(--accent);color:var(--on-accent);border:none;font-weight:700;font-size:15px;padding:12px 18px;border-radius:12px;cursor:pointer;white-space:nowrap}.focus-card .frow{flex-wrap:wrap}.focus-card .frow details.more summary{padding:12px 15px;border-radius:12px;border:none;background:var(--panel-2);font-size:15px;font-weight:700;color:var(--muted)}.focus-card .frow details.more[open]{width:100%;order:4;margin-top:4px}.big-done:active,button.chip:active,details.more summary:active{transform:scale(.95);opacity:.7}button,summary{touch-action:manipulation}details.sec{margin-bottom:22px}details.sec summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}details.sec summary::-webkit-details-marker{display:none}details.sec summary:after{content:"▸";color:var(--muted);font-size:12px;transition:transform .15s}details.sec[open] summary:after{transform:rotate(90deg)}details.sec summary h2{margin:0}details.sec .count{background:var(--panel-2);border:1px solid var(--border);color:var(--muted);font-size:11px;border-radius:8px;padding:2px 8px}details.sec>.empty,details.sec>ul.tasks{margin-top:10px}details.sec .count.over{color:var(--urgent);border-color:var(--urgent-border)}.cap-note{margin-top:10px;font-size:13px;line-height:1.5;color:var(--urgent);background:var(--urgent-bg);border:1px solid var(--urgent-border);border-radius:10px;padding:10px 12px}.cap-note.quiet{color:var(--muted);background:var(--panel);border-color:var(--card-border)}.age{margin-left:8px;font-size:11px;color:var(--muted);background:var(--panel-2);border:1px solid var(--border);border-radius:7px;padding:2px 6px;vertical-align:2px;white-space:nowrap}.age.stale{color:var(--urgent);border-color:var(--urgent-border)}.wins{color:var(--good)}details.edit{margin-top:8px}details.edit summary{cursor:pointer;color:var(--muted);font-size:12px;list-style:none;width:-moz-fit-content;width:fit-content}details.edit summary:before{content:"✎ "}details.edit summary:hover{color:var(--text)}.triage-form input[type=date]{flex:0 0 auto;color-scheme:dark}.tabbar{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:var(--tabbar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);padding:6px 0 calc(6px + env(safe-area-inset-bottom));z-index:50}.tab{display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:var(--muted);font-size:11px;min-width:64px;padding:4px 8px;border-radius:10px}.tab .icon{font-size:20px;line-height:1}.tab.active{color:var(--accent)}.tab:active{background:var(--panel-2)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.stat-grid .stat:only-child,.stat.big:first-child:last-child{grid-column:1/-1}.stat{background:var(--panel);border:1px solid var(--card-border);box-shadow:var(--shadow);border-radius:var(--radius);padding:14px}.stat.over{border-color:var(--urgent-border);background:var(--urgent-bg)}.stat-label{font-size:12px;color:var(--muted);margin-bottom:4px}.stat-value{font-size:24px;font-weight:650;letter-spacing:-.02em}.stat-target{font-size:14px;color:var(--muted);font-weight:400}.stat-sub{font-size:12px;color:var(--muted);margin-top:4px}.stat.over .stat-sub{color:var(--urgent)}.bar{height:6px;background:var(--panel-2);margin-top:10px;overflow:hidden}.bar,.bar-fill{border-radius:3px}.bar-fill{height:100%;background:var(--accent)}.bar-fill.over{background:var(--urgent)}.settings-form{display:flex;flex-direction:column;gap:8px;margin-top:10px;max-width:320px}.settings-form label{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;color:var(--muted)}.settings-form input{width:110px;background:var(--bg);border:1px solid var(--border);color:var(--text);padding:8px 10px;border-radius:9px;font-size:14px}.settings-form button{align-self:flex-start;background:var(--accent);color:var(--on-accent);border:none;font-weight:600;padding:9px 16px;border-radius:9px;cursor:pointer}.connect-btn{display:inline-block;background:#fc4c02;color:#fff;text-decoration:none;font-weight:600;padding:10px 16px;border-radius:10px;margin-top:6px}.stub{background:var(--panel);border:1px dashed var(--border);border-radius:var(--radius);padding:18px;font-size:14px;line-height:1.55}.stub-title{font-size:16px;font-weight:600;margin-bottom:8px}.stub ul{margin:8px 0;padding-left:20px;color:var(--text)}.stub li{margin:4px 0}.stub-need{color:var(--muted);font-size:13px;margin-top:12px}section.account{margin-top:40px;border-top:1px solid var(--border);padding-top:14px}.notice{font-size:13px;padding:8px 12px;border-radius:9px;margin-bottom:10px;width:-moz-fit-content;width:fit-content}.notice.ok{color:var(--good);background:var(--good-bg);border:1px solid var(--good-border)}.notice.err{color:var(--urgent);background:var(--urgent-bg);border:1px solid var(--urgent-border)}.triage-form{display:flex;gap:6px;margin-top:8px;width:100%}.triage-form input{flex:1 1;background:var(--bg);padding:8px 10px}.triage-form button,.triage-form input{border:1px solid var(--border);color:var(--text);font-size:13px;border-radius:9px}.triage-form button{background:var(--panel-2);padding:0 12px;cursor:pointer}.login-wrap{max-width:360px;margin:14vh auto 0;padding:0 20px}.login-wrap h1{font-size:22px;letter-spacing:-.02em}.login-wrap p{color:var(--muted);font-size:14px}.login-wrap form{display:flex;flex-direction:column;gap:10px;margin-top:18px}.login-wrap input{background:var(--panel-2);border:1px solid var(--border);color:var(--text);font-size:16px;padding:14px;border-radius:var(--radius)}.login-wrap button{background:var(--accent);color:var(--on-accent);border:none;font-weight:600;font-size:16px;padding:14px;border-radius:var(--radius);cursor:pointer}.login-wrap .err{color:var(--urgent);font-size:14px}.login-wrap .row{display:flex;gap:10px}.login-wrap .row button{flex:1 1}.login-wrap .ghost{background:var(--panel-2);color:var(--text);border:1px solid var(--border)}