:root{--bg: #0c0f14;--bg-elev: #141922;--bg-elev-2: #1b212c;--line: #232b38;--line-soft: #1a212b;--text: #e9edf3;--muted: #8b97a8;--muted-2: #5f6b7c;--accent: #f2b441;--accent-dim: #b9871f;--do: #ff6f61;--plan: #36b7a6;--delegate: #9b8cf0;--drop: #6b7787;--font-display: "Bricolage Grotesque", "IBM Plex Sans", system-ui, sans-serif;--font-body: "IBM Plex Sans", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", monospace;--radius: 14px;--radius-sm: 10px;--pad-top: max(env(safe-area-inset-top), 8px);--pad-bottom: max(env(safe-area-inset-bottom), 10px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:radial-gradient(120% 80% at 100% 0%,rgba(242,180,65,.06),transparent 60%),radial-gradient(120% 80% at 0% 100%,rgba(54,183,166,.05),transparent 55%),var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}button{font-family:inherit;color:inherit;cursor:pointer;border:none;background:none}code{font-family:var(--font-mono);background:var(--bg-elev-2);padding:1px 5px;border-radius:5px;font-size:.85em}.muted{color:var(--muted);font-size:13px}.muted.small{font-size:12px}.app{min-height:100%;display:flex;flex-direction:column;width:100%;max-width:980px;margin:0 auto}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(var(--pad-top) + 10px) 18px 12px;background:linear-gradient(var(--bg) 70%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.topbar-title{display:flex;align-items:baseline;gap:10px}.brand{font-family:var(--font-display);font-weight:800;font-size:22px;letter-spacing:-.02em;margin:0;background:linear-gradient(100deg,var(--text),var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sync{font-family:var(--font-mono);font-size:11px;color:var(--muted-2);letter-spacing:.02em}.topbar-actions{display:flex;gap:6px}.icon-btn{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:17px;color:var(--muted);border:1px solid var(--line);background:var(--bg-elev);transition:transform .12s ease,color .12s ease,border-color .12s ease}.icon-btn:active{transform:scale(.92);color:var(--text);border-color:var(--accent-dim)}.content{flex:1;padding:6px 16px calc(var(--pad-bottom) + 32px)}.focus-head,.q-head{display:flex;align-items:baseline;justify-content:space-between}.focus h2{font-family:var(--font-display);font-size:15px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:14px 2px 10px}.focus-head .muted{font-size:11px}.focus-strip{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.focus-strip::-webkit-scrollbar{display:none}.focus-card{position:relative;flex:0 0 75%;max-width:280px;scroll-snap-align:start;text-align:left;padding:16px 16px 14px;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(165deg,var(--bg-elev-2),var(--bg-elev));display:flex;flex-direction:column;gap:8px;min-height:118px;overflow:hidden;animation:fadeUp .45s both}.focus-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--tone, var(--accent))}.rank{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--bg);background:var(--tone, var(--accent));width:22px;height:22px;border-radius:7px;display:grid;place-items:center}.focus-title{font-weight:600;font-size:15.5px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.focus-meta{margin-top:auto;display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}.focus-meta .dot{color:var(--muted-2)}.focus-score{position:absolute;top:14px;right:14px;font-family:var(--font-mono);font-size:19px;font-weight:600;color:var(--tone, var(--accent))}.tone-do{--tone: var(--do)}.tone-plan{--tone: var(--plan)}.tone-delegate{--tone: var(--delegate)}.tone-drop{--tone: var(--drop)}.matrix{display:grid;grid-template-columns:1fr;gap:12px;margin-top:18px}@media (min-width: 720px){.matrix{grid-template-columns:1fr 1fr}}.quadrant{border:1px solid var(--line);border-left:3px solid var(--tone, var(--accent));border-radius:var(--radius);background:var(--bg-elev);padding:12px 12px 8px;animation:fadeUp .5s both}.q-head{margin-bottom:8px}.q-head h3{font-family:var(--font-display);font-size:14.5px;font-weight:700;margin:0;color:var(--text)}.q-action{font-size:11.5px;color:var(--tone, var(--muted));letter-spacing:.01em}.q-count{font-family:var(--font-mono);font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:2px 9px}.q-list{display:flex;flex-direction:column}.q-empty{color:var(--muted-2);text-align:center;padding:6px 0 10px;margin:0}.row{display:grid;grid-template-columns:34px 1fr auto auto;align-items:center;gap:8px;width:100%;text-align:left;padding:9px 6px;border-radius:var(--radius-sm);border-bottom:1px solid var(--line-soft);transition:background .12s ease}.row:last-child{border-bottom:none}.row:active{background:var(--bg-elev-2)}.star{font-size:19px;color:var(--muted-2);width:34px;height:34px;border-radius:9px;transition:transform .12s ease,color .12s ease}.star.on{color:var(--accent);text-shadow:0 0 14px rgba(242,180,65,.45)}.star:active{transform:scale(.82)}.row-main{min-width:0;display:flex;flex-direction:column;gap:3px}.row-title{font-size:14.5px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.row-sub{display:flex;gap:6px;flex-wrap:wrap}.chip{font-size:11px;padding:2px 7px;border-radius:6px;background:var(--bg-elev-2);color:var(--muted);white-space:nowrap}.chip.due{font-family:var(--font-mono);font-size:10.5px}.chip.due.overdue{color:var(--do);background:#ff6f611f}.chip.score-chip,.chip.list{border:1px solid var(--line)}.chip.account{color:var(--accent);border:1px solid var(--accent-dim);background:#f2b4411a}.account-list{list-style:none;margin:10px 0 12px;padding:0;display:flex;flex-direction:column;gap:8px}.account-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-elev)}.account-meta{display:flex;flex-direction:column;gap:1px;min-width:0}.account-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ghost.small{font-size:12px;padding:6px 10px;border:1px solid var(--line);border-radius:8px;flex:none}.score{font-family:var(--font-mono);font-size:14px;font-weight:600;color:var(--muted);min-width:26px;text-align:right}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#05070a99;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-end;justify-content:center;animation:fade .18s ease}.sheet{width:100%;max-width:560px;background:var(--bg-elev);border:1px solid var(--line);border-bottom:none;border-radius:22px 22px 0 0;padding:8px 20px calc(var(--pad-bottom) + 18px);max-height:88vh;overflow-y:auto;animation:slideUp .26s cubic-bezier(.22,1,.36,1)}.sheet-grip{width:40px;height:4px;border-radius:99px;background:var(--line);margin:6px auto 12px}.sheet-head{display:flex;align-items:flex-start;gap:12px;justify-content:space-between}.sheet-title{font-family:var(--font-display);font-size:19px;font-weight:700;line-height:1.25;margin:0;overflow-wrap:anywhere}.sheet-tags{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 4px}.notes{color:var(--muted);font-size:13.5px;background:var(--bg);border:1px solid var(--line-soft);border-radius:var(--radius-sm);padding:10px 12px;margin:10px 0 4px;overflow-wrap:anywhere;word-break:break-word}.notes-block{margin:10px 0 4px}.notes-edit{width:100%;resize:vertical;min-height:160px;max-height:55vh;color:var(--text);font-family:inherit;font-size:13.5px;line-height:1.5;background:var(--bg);border:1px solid var(--line-soft);border-radius:var(--radius-sm);padding:10px 12px;overflow-wrap:anywhere}.notes-edit:focus{outline:none;border-color:var(--accent)}.notes-edit:disabled{opacity:.7}.notes-save{margin-top:8px;padding:9px 16px;border-radius:var(--radius-sm);border:1px solid var(--accent-dim);background:#f2b4411f;color:var(--accent);font-weight:600;font-size:13.5px}.notes-save:disabled{opacity:.6}.field{margin-top:18px}.field-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:9px}.field-label{font-weight:600;font-size:14px}.toggle{width:100%;text-align:left;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-elev-2);font-size:14px;transition:border-color .12s ease,color .12s ease}.toggle.on{border-color:var(--accent-dim);color:var(--accent);background:#f2b44114}.due-row{display:flex;gap:8px;flex-wrap:wrap}.due-btn{flex:1;min-width:70px;padding:11px 8px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-elev-2);font-size:13.5px;transition:transform .1s ease,border-color .12s ease}.due-btn:active{transform:scale(.96);border-color:var(--accent-dim)}.due-btn.ghost{color:var(--muted)}.date-pick{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg)}.date-pick input{background:transparent;border:none;color:var(--text);font-family:var(--font-mono);font-size:13px;color-scheme:inherit}.segmented{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.seg{padding:12px 0;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-elev-2);font-family:var(--font-mono);font-size:15px;transition:transform .1s ease}.seg:active{transform:scale(.94)}.seg.on{border-color:var(--accent);color:var(--accent);background:#f2b4411a}.stepper{display:flex;align-items:center;gap:14px}.step{width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:var(--bg-elev-2);font-size:22px;display:grid;place-items:center}.step:active{border-color:var(--accent-dim)}.step-value{font-family:var(--font-mono);font-size:16px;min-width:60px;text-align:center}.open-link{display:block;margin-top:20px;text-align:center;color:var(--accent);font-size:14px;text-decoration:none}.store-note{margin-top:18px}.ghost{color:var(--muted)}.ghost.wide{display:block;width:100%;margin-top:18px;padding:12px;border:1px solid var(--line);border-radius:var(--radius-sm);text-align:center}.toast{position:fixed;left:16px;right:16px;bottom:calc(var(--pad-bottom) + 14px);z-index:45;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:var(--radius-sm);background:#ff6f6124;border:1px solid rgba(255,111,97,.4);color:#ffd9d4;font-size:13px;box-shadow:0 12px 40px #0006;animation:slideUp .22s ease}.toast span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loading{display:flex;flex-direction:column;align-items:center;gap:14px;padding:80px 0}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--accent);animation:spin .8s linear infinite}.empty{padding:70px 24px;text-align:center;color:var(--muted)}.gate{min-height:100%;display:grid;place-items:center;padding:24px}.gate-card{max-width:360px;text-align:center;background:var(--bg-elev);border:1px solid var(--line);border-radius:20px;padding:34px 26px}.gate-card .brand{font-size:30px;margin-bottom:10px}.tagline{color:var(--muted);margin:0 0 22px}.primary{width:100%;padding:14px;border-radius:12px;background:linear-gradient(100deg,var(--accent),var(--accent-dim));color:#1a1305;font-weight:700;font-size:15px;transition:transform .12s ease}.primary:active{transform:scale(.97)}.gate-card .small{margin-top:16px}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){*{animation:none!important}}:root[data-theme=light]{--bg: #f3f5f9;--bg-elev: #ffffff;--bg-elev-2: #eceff5;--line: #d7dde7;--line-soft: #e7ebf2;--text: #1b2532;--muted: #586577;--muted-2: #95a0b1;--accent: #b07d17;--accent-dim: #8a610f;--do: #d2503f;--plan: #1a8d7e;--delegate: #6a59c9;--drop: #7a8698;color-scheme:light}:root[data-theme=light] body{background:radial-gradient(120% 80% at 100% 0%,rgba(176,125,23,.07),transparent 60%),radial-gradient(120% 80% at 0% 100%,rgba(26,141,126,.06),transparent 55%),var(--bg)}.segmented.wide{grid-template-columns:repeat(3,1fr)}.text-input{width:100%;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-elev-2);color:var(--text);font-family:inherit;font-size:15px}.text-input:focus{outline:none;border-color:var(--accent)}.followup{position:sticky;bottom:0;z-index:30;background:var(--bg-elev);border-top:1px solid var(--line);box-shadow:0 -12px 28px #00000038;padding-bottom:var(--pad-bottom)}.followup-list{background:var(--bg-elev)}.followup-bar{width:100%;display:flex;align-items:center;gap:10px;padding:13px 16px;text-align:left}.followup-tag{font-family:var(--font-display);font-weight:700;font-size:15px}.followup-summary{color:var(--muted);font-size:12.5px}.followup-counts{margin-left:auto;display:flex;align-items:center;gap:10px}.followup-stale{font-size:12px;color:var(--do);background:#ff6f611f;border:1px solid rgba(255,111,97,.4);padding:2px 8px;border-radius:999px;white-space:nowrap}.followup-count{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--muted);min-width:22px;text-align:right}.followup-chev{color:var(--muted-2);font-size:12px}.followup-list{max-height:46vh;overflow-y:auto;padding:0 12px 10px}.followup-row{width:100%;display:flex;align-items:center;gap:12px;padding:11px 6px;border-top:1px solid var(--line-soft);text-align:left}.followup-row-main{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.followup-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.followup-row.stale .followup-title{font-weight:600}.followup-sub{display:flex;align-items:center;gap:6px}.waited{font-family:var(--font-mono);font-size:12px;color:var(--muted);white-space:nowrap}.waited.stale{color:var(--do);font-weight:600}.complete-btn{flex:none;width:30px;height:30px;margin-left:4px;display:grid;place-items:center}.complete-btn .tick{width:21px;height:21px;border-radius:50%;border:2px solid var(--muted-2);display:grid;place-items:center;font-size:12px;line-height:1;color:transparent;transition:transform .12s ease,border-color .12s ease,color .12s ease,background .12s ease}.complete-btn:hover .tick{border-color:var(--plan)}.complete-btn:active .tick{transform:scale(.82);border-color:var(--plan);background:var(--plan);color:#fff}.complete-cta{width:100%;margin:2px 0 8px;padding:13px;border-radius:var(--radius-sm);border:1px solid var(--plan);color:var(--plan);background:#36b7a61a;font-weight:600;font-size:15px}.complete-cta:active{transform:scale(.99)}.move-cta{width:100%;margin:0 0 8px;padding:12px;border-radius:var(--radius-sm);border:1px solid var(--line);color:var(--text);background:var(--bg-elev-2);font-weight:600;font-size:14.5px}.move-cta:active{transform:scale(.99)}.toast.undo{background:var(--bg-elev);border:1px solid var(--line);color:var(--text)}.toast-link{flex:none;color:var(--accent);font-weight:600;padding:4px 8px}@media (min-width: 700px){.focus-strip{flex-wrap:wrap;overflow-x:visible;scroll-snap-type:none}.focus-card{flex:1 1 158px;max-width:none}}