*,:before,:after{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0b0e;--bg-elev:#14161c;--bg-elev-2:#1b1e26;--bg-sunken:#101218;--input-bg:#0c0e13;--kbd-bg:#0f1116;--line:#262a34;--line-soft:#1e222a;--line-strong:#3a4152;--sep:#333947;--track:#23283354;--text:#e7e9ee;--text-dim:#9aa1b1;--text-faint:#8991a1;--accent:#7c6cff;--accent-soft:#7c6cff22;--accent-hover:#8b7dff;--accent-line:#3f37a8;--accent-active:#2a2450;--accent-text:#b6adff;--on-accent:#fff;--on-accent-line:#fff4;--on-accent-bg:#ffffff1f;--danger:#ff6b6b;--danger-soft:#ff6b6b1f;--danger-line:#6b2020;--danger-text:#ffa3a3;--warn:#ffb454;--warn-soft:#ffb4540f;--warn-line:#6b4a15;--warn-text:#f0c48a;--ok:#4ade80;--ok-soft:#4ade8010;--ok-line:#1f5b39;--ok-text:#86e7ac;--btn-hover-bg:#232733;--btn-hover-line:#333949;--row-hover:#ffffff05;--overlay:#040508b8;--shadow-modal:0 24px 60px #0000008c}@media (prefers-color-scheme:light){:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f7f9;--bg-elev:#fff;--bg-elev-2:#eef0f4;--bg-sunken:#fafbfc;--input-bg:#fff;--kbd-bg:#eceff4;--line:#d5d9e2;--line-soft:#e4e7ee;--line-strong:#b9c0cd;--sep:#c3c9d5;--track:#e0e4ec;--text:#1a1d24;--text-dim:#5b6373;--text-faint:#6e7686;--accent:#5b4bd6;--accent-soft:#5b4bd614;--accent-hover:#4d3ec4;--accent-line:#b9b0f0;--accent-active:#ddd8fa;--accent-text:#4d3ec4;--on-accent:#fff;--on-accent-line:#fff6;--on-accent-bg:#ffffff2e;--danger:#c8302f;--danger-soft:#c8302f14;--danger-line:#e8a9a8;--danger-text:#a82724;--warn:#a86412;--warn-soft:#a8641210;--warn-line:#e6c48a;--warn-text:#8a5210;--ok:#197a45;--ok-soft:#197a4510;--ok-line:#a9d9be;--ok-text:#12653a;--btn-hover-bg:#e3e6ec;--btn-hover-line:#c3c9d5;--row-hover:#00000008;--overlay:#171a2173;--shadow-modal:0 24px 60px #1418232e}}:root{--radius:12px;--radius-sm:8px;--font:ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:15px;line-height:1.5}button{font:inherit;color:inherit;cursor:pointer}input,textarea,select{font:inherit;color:inherit}.shell{max-width:820px;margin:0 auto;padding:32px 24px 96px}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.brand{align-items:baseline;gap:10px;display:flex}.brand h1{letter-spacing:-.02em;margin:0;font-size:26px;font-weight:650}.brand .dot{color:var(--accent)}.brand .tagline{color:var(--text-faint);font-size:13px}.topbar-actions{align-items:center;gap:10px;display:flex}.stack{flex-direction:column;gap:20px;display:flex}.card{background:var(--bg-elev);border:1px solid var(--line-soft);border-radius:var(--radius);padding:18px}.card-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.card-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);margin:0;font-size:13px;font-weight:600}.btn{background:var(--bg-elev-2);border:1px solid var(--line);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:8px 12px;font-size:14px;transition:background .12s,border-color .12s;display:inline-flex}.btn:hover{background:var(--btn-hover-bg);border-color:var(--btn-hover-line)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:550}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-ghost{color:var(--text-dim);background:0 0;border-color:#0000;padding:6px 8px}.btn-ghost:hover{background:var(--bg-elev-2);color:var(--text)}.btn-danger:hover{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.btn:disabled{opacity:.45;cursor:not-allowed}.kbd{font-family:var(--mono);border:1px solid var(--line);background:var(--kbd-bg);color:var(--text-dim);border-radius:4px;padding:3px 5px;font-size:11px;line-height:1}.btn-primary .kbd{border-color:var(--on-accent-line);background:var(--on-accent-bg);color:var(--on-accent)}.task{border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--bg-sunken);align-items:flex-start;gap:12px;margin-bottom:8px;padding:12px;transition:border-color .12s;display:flex}.task:hover{border-color:var(--line)}.task.is-done{background:0 0}.check{appearance:none;border:1.5px solid var(--line-strong);cursor:pointer;background:0 0;border-radius:6px;flex:none;width:22px;height:22px;margin:2px 0 0;transition:border-color .12s,background .12s;position:relative}.check:hover{border-color:var(--accent)}.check:checked{background:var(--accent);border-color:var(--accent)}.check:checked:after{content:"";border:solid var(--on-accent);border-width:0 2px 2px 0;width:4px;height:9px;position:absolute;top:3px;left:7px;transform:rotate(45deg)}.task-main{flex:1;min-width:0}.task-title{overflow-wrap:anywhere;font-size:15px}.task.is-done .task-title{color:var(--text-dim);text-decoration:line-through}.task-desc{color:var(--text-dim);white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 0;font-size:13px}.task-meta{color:var(--text-faint);flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:6px;font-size:12.5px;display:flex}.due{color:var(--text-dim)}.due.is-overdue{color:var(--danger)}.due.is-today{color:var(--warn)}.sep{color:var(--sep)}.icon-btn{color:var(--text-dim);background:0 0;border:none;border-radius:6px;min-width:36px;min-height:36px;padding:8px;font-size:13px;line-height:1}.icon-btn:hover{background:var(--bg-elev-2);color:var(--text)}.icon-btn.danger:hover{background:var(--danger-soft);color:var(--danger)}.editor{flex-direction:column;gap:10px;width:100%;display:flex}.field{flex-direction:column;gap:5px;display:flex}.field label{color:var(--text-faint);letter-spacing:.03em;font-size:12px}.input,.textarea{background:var(--input-bg);border:1px solid var(--line);border-radius:var(--radius-sm);outline:none;width:100%;padding:9px 11px;transition:border-color .12s}.input:focus,.textarea:focus{border-color:var(--accent)}.textarea{resize:vertical;min-height:62px}.editor-actions{align-items:center;gap:8px;display:flex}.spacer{flex:1}.overlay{background:var(--overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;justify-content:center;align-items:flex-start;padding:12vh 16px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.quickadd{background:var(--bg-elev);border:1px solid var(--line);width:100%;max-width:620px;box-shadow:var(--shadow-modal);border-radius:14px;padding:0}.quickadd-input{letter-spacing:-.01em;background:0 0;border:none;outline:none;width:100%;padding:8px 20px 18px;font-size:19px}.quickadd-input::placeholder{color:var(--text-faint)}.quickadd-preview{color:var(--text-faint);flex-wrap:wrap;align-items:center;gap:10px;padding:0 20px 14px;font-size:13px;display:flex}.pill{border:1px solid var(--line);background:var(--bg-elev-2);color:var(--text-dim);border-radius:999px;align-items:center;gap:6px;padding:4px 9px;font-size:12.5px;display:inline-flex}.pill.is-auto{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent-text)}.strike{color:var(--text-faint);text-decoration:line-through}.quickadd-details{border-top:1px solid var(--line-soft);flex-direction:column;gap:12px;padding:14px 20px;display:flex}.quickadd-foot{border-top:1px solid var(--line-soft);background:var(--bg-sunken);align-items:center;gap:8px;padding:12px 20px;display:flex}.hint{color:var(--text-faint);font-size:12px}.examples{color:var(--text-faint);padding:0 20px 14px;font-size:12px;line-height:1.9}.examples code{font-family:var(--mono);background:var(--bg-elev-2);border:1px solid var(--line-soft);color:var(--text-dim);border-radius:4px;padding:2px 5px;font-size:11.5px}.banner{border-radius:var(--radius-sm);border:1px solid;align-items:flex-start;gap:10px;margin-bottom:14px;padding:11px 13px;font-size:13px;display:flex}.banner.warn{border-color:var(--warn-line);background:var(--warn-soft);color:var(--warn-text)}.banner strong{font-weight:600}.empty{text-align:center;color:var(--text-faint);padding:40px 20px;font-size:14px}.empty p{margin:0 0 4px}.stats{color:var(--text-faint);border-top:1px solid var(--line-soft);flex-wrap:wrap;gap:8px 20px;margin-top:14px;padding-top:12px;font-size:12.5px;display:flex}.stats b{color:var(--text-dim);font-weight:550;font-family:var(--mono);font-variant-numeric:tabular-nums}.help-list{flex-direction:column;gap:9px;margin:0;padding:0;list-style:none;display:flex}.help-list li{color:var(--text-dim);align-items:center;gap:12px;font-size:14px;display:flex}.help-list .kbd{text-align:center;min-width:34px;padding:4px 6px;font-size:12px}.help-panel{background:var(--bg-elev);border:1px solid var(--line);width:100%;max-width:420px;box-shadow:var(--shadow-modal);border-radius:14px;padding:20px}.help-panel h2{margin:0 0 16px;font-size:16px;font-weight:620}.confirm-panel{background:var(--bg-elev);border:1px solid var(--line);width:100%;max-width:440px;box-shadow:var(--shadow-modal);border-radius:14px;padding:20px}.confirm-title{letter-spacing:-.01em;margin:0 0 8px;font-size:17px;font-weight:620}.confirm-body{color:var(--text-dim);margin:0 0 18px;font-size:14px;line-height:1.6}.confirm-actions{align-items:center;gap:8px;display:flex}.account{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.account-chip{color:var(--text-dim);border:1px solid var(--line-soft);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;align-items:center;gap:7px;max-width:200px;padding:6px 10px;font-size:13px;display:inline-flex;overflow:hidden}.account-chip.is-quiet{color:var(--text-faint)}.account-chip.is-error{border-color:var(--danger-line);color:var(--danger)}.sync-dot{background:var(--ok);border-radius:50%;flex:none;width:6px;height:6px}.sync-dot.is-busy{background:var(--warn);animation:1s ease-in-out infinite sync-pulse}.sync-dot.is-error{background:var(--danger);animation:none}@keyframes sync-pulse{0%,to{opacity:1}50%{opacity:.25}}.banner.ok{border-color:var(--ok-line);background:var(--ok-soft);color:var(--ok-text)}.banner.danger{border-color:var(--danger-line);background:var(--danger-soft);color:var(--danger-text)}.toast{align-items:center;margin-bottom:18px}.auth-panel{background:var(--bg-elev);border:1px solid var(--line);width:100%;max-width:460px;box-shadow:var(--shadow-modal);border-radius:14px;overflow:hidden}.auth-tabs{border-bottom:1px solid var(--line-soft);display:flex}.auth-tab{color:var(--text-faint);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:14px 10px;font-size:14px;transition:color .12s,border-color .12s}.auth-tab:hover{color:var(--text-dim)}.auth-tab.is-active{color:var(--text);border-bottom-color:var(--accent)}.auth-body{flex-direction:column;gap:14px;padding:20px;display:flex}.auth-title{letter-spacing:-.01em;margin:0;font-size:17px;font-weight:620}.auth-lede{color:var(--text-dim);margin:-6px 0 0;font-size:14px}.auth-lede strong{color:var(--text);font-weight:600}.auth-note{color:var(--text-faint);margin:0;font-size:12.5px;line-height:1.6}.auth-choices{flex-direction:column;gap:10px;display:flex}.auth-choice{text-align:left;background:var(--bg-elev-2);border:1px solid var(--line);border-radius:var(--radius-sm);flex-direction:column;gap:4px;padding:13px 14px;transition:border-color .12s,background .12s;display:flex}.auth-choice:hover:not(:disabled){border-color:var(--accent);background:var(--btn-hover-bg)}.auth-choice:disabled{opacity:.45;cursor:not-allowed}.auth-choice.is-primary{border-color:var(--accent-line);background:var(--accent-soft)}.auth-choice.is-primary:hover:not(:disabled){border-color:var(--accent);background:var(--accent-active)}.auth-choice-title{font-size:14.5px;font-weight:550}.auth-choice-sub{color:var(--text-faint);font-size:12.5px;line-height:1.55}.auth-foot{align-items:center;gap:8px;padding-top:4px;display:flex}@media (max-width:620px){.topbar-actions{flex-wrap:wrap;width:100%}}.tracking-card{padding:24px}.focus-label{color:var(--accent-text);letter-spacing:.1em;font-size:11px;font-weight:650}.is-paused .focus-label{color:var(--text-dim)}.focus-title{overflow-wrap:anywhere;margin:8px 0 16px;font-size:25px;line-height:1.3}.focus-clock{font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:clamp(40px,8vw,56px);font-weight:600;line-height:1.2}.turn-progress{appearance:none;background:var(--line-soft);width:100%;height:4px;accent-color:var(--accent);border:0;border-radius:4px;margin:16px 0;display:block;overflow:hidden}.turn-progress::-webkit-progress-bar{background:var(--line-soft)}.turn-progress::-webkit-progress-value{background:var(--accent)}.turn-progress::-moz-progress-bar{background:var(--accent)}.focus-hint{color:var(--text-dim);margin:10px 0 0;font-size:13px}.focus-action{justify-content:center;min-width:120px;min-height:44px;margin:20px 0 12px}.focus-next{color:var(--text-dim);overflow-wrap:anywhere;margin:0 0 16px;font-size:13px}.notification-action{border-top:1px solid var(--line-soft);margin-top:8px;padding-top:12px}.notification-action .btn{padding-left:0}.task-list{margin:0;padding:0;list-style:none}.task.is-active{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.task-total{font-variant-numeric:tabular-nums}.task-current{color:var(--accent-text);font-size:11px}.task-actions,.task-order{flex-shrink:0;align-items:center;display:flex}.task-move{justify-content:center;align-items:center;display:inline-flex}.task-move:disabled{opacity:.25;cursor:default;color:var(--text-dim);background:0 0}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.completed-tasks{margin-top:16px}.completed-tasks summary{cursor:pointer;color:var(--text-dim);padding:8px 0;font-size:13px}.completed-tasks[open] summary{margin-bottom:8px}.app-footer{color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:16px;margin-top:22px;font-size:12px;display:flex}.app-footer .btn{font-size:inherit;padding-left:0}a{color:var(--accent-text);text-underline-offset:3px}a.btn{text-decoration:none}.app-footer a{color:inherit}.banner{overflow-wrap:anywhere}.banner>span{flex:1;min-width:0}.banner>button{flex-shrink:0}dialog{color:var(--text);max-height:calc(100dvh - 32px);margin:auto;overflow-y:auto}dialog::backdrop{background:var(--overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}dialog.quickadd,dialog.help-panel{width:calc(100% - 32px)}.quickadd-head{justify-content:space-between;align-items:center;gap:16px;padding:14px 20px 0;display:flex}.quickadd-head h2,.help-panel h2{margin:0;font-size:16px}.quickadd-preview strong{color:var(--text-dim);overflow-wrap:anywhere}.examples{margin:0}.editor .field{width:100%}.editor-actions{flex-wrap:wrap;width:100%}:where(button,a,input,textarea,select,summary):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.quickadd-input:focus-visible{outline-offset:-3px}@media (max-width:620px){.shell{padding:24px 16px 64px}.topbar{gap:14px}.tracking-card{padding:20px}.task{gap:10px;padding:12px 10px}.task-actions{flex-direction:column-reverse;align-items:flex-end}.task-order .icon-btn{min-width:44px;min-height:44px}.quickadd-foot{flex-wrap:wrap;gap:4px;padding:12px}.quickadd-foot .btn{font-size:13px}.account{gap:4px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}