@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif;font-style:italic;font-display:swap;font-weight:400;src:url(./instrument-serif-latin-400-italic-DKMiL14s.woff2)format("woff2"),url(./instrument-serif-latin-400-italic-u__WvvIK.woff)format("woff")}@font-face{font-family:Instrument Serif;font-style:italic;font-display:swap;font-weight:400;src:url(./instrument-serif-latin-ext-400-italic-C9HzH3YL.woff2)format("woff2"),url(./instrument-serif-latin-ext-400-italic-D7-lnxEk.woff)format("woff")}:root{--bg:#05070d;--raised:#0a0f1a;--surface:#0e1524;--surface-strong:#131b2d;--surface-top:#1a2338;--text:#f3f6fc;--secondary:#d6deec;--muted:#aeb8cc;--subtle:#919cb3;--accent:#5c9dff;--soft:#a8c8ff;--blue:#2a6df4;--blue-100:#d8e6ff;--focus:#8fb8ff;--green:#4ade80;--amber:#fbbf24;--red:#f87171;--border:#aac4ff1c;--border-strong:#aac4ff33;--border-accent:#5c9dff6b;--glass:#94b2ff0b;--glass-strong:#94b2ff13;--tint:#2a6df424;--card-fill:#0a0f1ab8;--grid-line:#aac4ff0b;--glow:#2a6df433;--gradient-button:linear-gradient(180deg, #2466f0, #1450d8);--gradient-button-hover:linear-gradient(180deg, #2a6df4, #1d5fec);--gradient-text:linear-gradient(100deg, #fff 10%, #a8c8ff 90%);--gradient-tile:linear-gradient(135deg, #3b7bff, #1450d8);--gradient-border:linear-gradient(160deg, #aac4ff47, #aac4ff0a 45%, #5c9dff38);--gradient-surface:linear-gradient(180deg, #94b2ff12, #94b2ff04);--shadow-md:0 12px 32px -12px #0009;--shadow-lg:0 32px 80px -24px #000000bf;--shadow-accent:0 10px 34px -10px #2a6df499;--highlight:inset 0 1px 0 #ffffff14;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--ease:cubic-bezier(.22, 1, .36, 1);--fast:.16s;--base:.28s;--font-sans:"Inter Variable", Inter, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;--font-serif:"Instrument Serif", Georgia, serif;--container:1240px;--page-width:820px;--content-width:600px;--page-gutter:clamp(16px, 4vw, 48px);--gutter-left:max(var(--page-gutter), env(safe-area-inset-left));--gutter-right:max(var(--page-gutter), env(safe-area-inset-right));--header-height:76px;--action-height:60px;--nav-height:74px;--nav-bottom:16px;--nav-clearance:calc(var(--nav-height) + var(--nav-bottom) + 12px);font-family:var(--font-sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;color:var(--text);margin:0}button,input,textarea{font:inherit;outline-offset:3px}button{cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent;transition:background var(--fast), color var(--fast), border-color var(--fast), box-shadow var(--fast), translate var(--base) var(--ease), filter var(--base);border:0}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--focus)}button:disabled{opacity:.4;cursor:default}button:not(:disabled):active{translate:0 1px}svg{stroke-width:1.7px;flex-shrink:0;width:22px;height:22px}button svg{pointer-events:none}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance;font-weight:600}p{color:var(--muted);line-height:1.7}small{color:var(--subtle);font-size:14px}em{font-family:var(--font-serif);letter-spacing:-.01em;background:var(--gradient-text);color:#0000;-webkit-background-clip:text;background-clip:text;padding-inline-end:.06em;font-style:italic;font-weight:400}em::selection{-webkit-text-fill-color:var(--bg)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.stat,.task-row,.metric,.chart-panel,.settings-section,.settings-link,.history-list,.how-it-works>div,.theme-options button,.bottom-nav,.empty-icon,.toast{isolation:isolate;background:var(--gradient-surface), var(--card-fill);box-shadow:var(--highlight), var(--shadow-md);position:relative}.stat:before,.task-row:before,.metric:before,.chart-panel:before,.settings-section:before,.settings-link:before,.history-list:before,.how-it-works>div:before,.theme-options button:before,.bottom-nav:before,.empty-icon:before,.toast:before{content:"";z-index:-1;border-radius:inherit;background:var(--gradient-border);pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}body:before,body:after{content:"";z-index:0;pointer-events:none;position:fixed;inset:0}body:before{background:radial-gradient(70% 50% at 50% -10%, var(--glow), transparent 70%), radial-gradient(50% 40% at 50% 55%, #2a6df40f, transparent 70%)}body:after{opacity:.12;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.91' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.3' filter='url(%23n)'/%3E%3C/svg%3E")}#root{z-index:1;position:relative}.app{isolation:isolate;min-height:100svh;padding:env(safe-area-inset-top) var(--gutter-right) calc(var(--nav-clearance) + 32px + env(safe-area-inset-bottom)) var(--gutter-left);position:relative}.app:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-position:top;background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(90% 70% at 50% 0,#000 20%,#0000 75%);mask-image:radial-gradient(90% 70% at 50% 0,#000 20%,#0000 75%)}.topbar{z-index:6;margin-inline:calc(-1 * var(--gutter-left)) calc(-1 * var(--gutter-right));padding-inline:var(--gutter-left) var(--gutter-right);background:color-mix(in srgb, var(--bg) 62%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.3);border-bottom:1px solid var(--border);position:sticky;top:0}.topbar-inner{height:var(--header-height);max-width:var(--container);justify-content:space-between;align-items:center;gap:24px;margin:0 auto;display:flex}.brand-small{border-radius:var(--radius-xs);text-align:left;background:0 0;align-items:center;gap:12px;min-height:44px;padding:0;display:flex}.app-mark{background:var(--gradient-tile);width:36px;height:36px;box-shadow:var(--highlight), 0 6px 20px -8px #2a6df4cc;color:#fff;border:1px solid #96beff59;border-radius:10px;place-items:center;display:grid}.app-mark svg{width:22px;height:22px}.brand-copy{flex-direction:column;gap:4px;line-height:1;display:flex}.brand-copy>span:first-child{letter-spacing:-.04em;font-size:20px;font-weight:600}.brand-dot{color:var(--accent)}.brand-credit{color:var(--subtle);letter-spacing:0;align-items:center;gap:4px;font-size:12px;display:flex}.brand-ai{background:var(--tint);color:var(--soft);border-radius:4px;padding:1px 4px;font-size:11px;font-weight:600}.topbar-right{align-items:center;gap:12px;display:flex}.add-button{border-radius:var(--radius-sm);background:var(--glass-strong);border:1px solid var(--border-strong);min-height:44px;box-shadow:var(--highlight);color:var(--text);align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:600;display:inline-flex}.add-button:hover{background:var(--tint);border-color:var(--border-accent)}.add-button svg{width:18px;height:18px;color:var(--accent)}.app.view-focus{height:100dvh;min-height:0;padding-bottom:calc(var(--nav-clearance) + env(safe-area-inset-bottom));flex-direction:column;display:flex}.view-focus .topbar,.view-focus .error-banner,.view-focus .update-banner{flex-shrink:0}.view-focus #main-content{flex-direction:column;flex:1;min-height:0;display:flex}.focus-view{width:100%;min-height:0;max-width:var(--content-width);text-align:center;flex:1;grid-template-rows:auto minmax(0,1fr) auto;margin:0 auto;padding-top:clamp(12px,2.5vh,32px);display:grid}.stat-strip{z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;display:grid;position:relative}.stat{border-radius:var(--radius-lg);min-height:clamp(80px,10vh,96px);color:var(--muted);font-variant-numeric:tabular-nums;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:14px;display:flex}.stat:hover{box-shadow:var(--highlight), var(--shadow-lg);translate:0 -2px}.stat-value{letter-spacing:-.025em;color:var(--text);font-size:clamp(26px,1.2vw + 20px,34px);font-weight:600;line-height:1.1}.stat>span:last-child{align-items:center;gap:7px;display:inline-flex}.stat>span:last-child:before{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #5c9dff29}.stat.completed>span:last-child:before{background:var(--green);box-shadow:0 0 0 3px #4ade8024}.stat.postponed>span:last-child:before{background:var(--amber);box-shadow:0 0 0 3px #fbbf2424}.focus-stage{place-items:center;min-height:0;padding:12px 0;display:grid;position:relative;overflow:hidden;container-type:size}.orbit-scene{aspect-ratio:1;pointer-events:none;background:radial-gradient(closest-side,#2a6df429,#0000);width:min(580px,100cqw,100cqh);position:absolute;top:50%;left:50%;translate:-50% -50%}.orbit{border:1px solid #5c9dff24;border-radius:50%;position:absolute;inset:0}.orbit-two{border-style:dashed;border-color:#5c9dff38;animation:120s linear infinite orbit;inset:6%}.orbit-three{border-color:#5c9dff17;inset:13%}.orbit-four{border-color:#5c9dff0f;inset:21%}.orbit-dot{background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;box-shadow:0 0 14px 3px #2a6df459}.dot-one{top:25%;left:7%}.dot-two{bottom:25%;right:7%}.dot-three{opacity:.7;width:4px;height:4px;top:9%;right:21%}.task-focus{overscroll-behavior:contain;width:100%;max-width:100%;max-height:100%;animation:task-in .35s var(--ease);padding:24px 12px;position:relative;overflow:auto}.task-focus h2{letter-spacing:-.04em;overflow-wrap:anywhere;max-width:560px;margin:0 auto;font-size:clamp(30px,1.6vw + 1.6vh + 14px,54px);line-height:1.1}.task-focus h2.long-title{letter-spacing:-.025em;font-size:clamp(24px,.8vw + 20px,32px);line-height:1.25}.no-task h2{letter-spacing:-.045em;font-size:clamp(38px,2vw + 2vh + 16px,64px);line-height:1.04}.eyebrow{letter-spacing:.01em;color:var(--soft);align-items:center;gap:12px;font-size:15px;font-weight:500;display:inline-flex}.eyebrow>span{background:linear-gradient(90deg, transparent, var(--accent));width:24px;height:1px}.task-focus .eyebrow{margin-bottom:20px}.waiting-label{border:1px solid var(--border-strong);background:color-mix(in srgb, var(--raised) 60%, transparent);min-height:34px;color:var(--secondary);border-radius:999px;align-items:center;gap:8px;margin:22px auto 0;padding:6px 14px;font-size:14px;line-height:1.4;display:inline-flex}.waiting-label svg{width:16px;height:16px;color:var(--accent)}.waiting-label.aging{border-color:#fbbf2459}.waiting-label.old{border-color:#f8717159}.waiting-label.aging svg,.waiting-label.old svg{color:currentColor}.aging{color:var(--amber)!important}.old{color:var(--red)!important}.postpone-hint{max-width:340px;color:var(--subtle);margin:12px auto 0;font-size:14px;line-height:1.6}.empty-focus-copy{white-space:pre-line;max-width:400px;margin:18px auto 0;font-size:16px}.focus-actions{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;display:grid;position:relative}.focus-action{width:100%;min-width:0;height:var(--action-height);border-radius:16px;place-items:center;padding:0;display:grid}.focus-action svg{stroke-width:2px;width:30px;height:30px}.focus-action.done{color:#ddffeb;background:linear-gradient(150deg,#13804d,#0a5739);border:1px solid #4ade8070;box-shadow:inset 0 1px #ffffff14,0 10px 34px -12px #0db76c73}.focus-action.later{color:#d8e6ff;background:linear-gradient(150deg,#174bb6,#0c2863);border:1px solid #5c9dff90;box-shadow:inset 0 1px #ffffff14,0 10px 34px -12px #2a6df48c}.focus-action:hover:not(:disabled){filter:brightness(1.12)}.first-task{justify-self:center}.bottom-nav{z-index:5;left:50%;bottom:calc(var(--nav-bottom) + env(safe-area-inset-bottom));width:var(--content-width);max-width:calc(100% - var(--gutter-left) - var(--gutter-right));height:var(--nav-height);border-radius:var(--radius-lg);background:var(--gradient-surface), color-mix(in srgb, var(--raised) 88%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.3);box-shadow:var(--highlight), var(--shadow-lg);grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:6px;display:grid;position:fixed;translate:-50%}.bottom-nav button{border-radius:var(--radius-md);min-width:0;color:var(--subtle);letter-spacing:-.01em;background:0 0;border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:14px;font-weight:500;display:flex}.bottom-nav button svg{width:21px;height:21px}.bottom-nav button:hover{background:var(--glass);color:var(--secondary)}.bottom-nav button.active{background:var(--glass-strong);border-color:var(--border-strong);color:var(--text);box-shadow:var(--highlight)}.bottom-nav button.active svg{color:var(--accent);filter:drop-shadow(0 0 7px #2a6df48c)}.primary,.secondary{border-radius:var(--radius-sm);letter-spacing:-.005em;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:12px 20px;font-size:16px;font-weight:600;line-height:1.2;display:inline-flex}.primary{background:var(--gradient-button);box-shadow:var(--highlight), var(--shadow-accent);color:#fff;border:1px solid #96beff59}.primary:hover:not(:disabled){background:var(--gradient-button-hover);box-shadow:var(--highlight), 0 14px 40px -10px #2a6df4cc}.secondary{background:var(--glass-strong);border:1px solid var(--border-strong);box-shadow:var(--highlight);color:var(--text)}.secondary:hover:not(:disabled){background:#94b2ff21}.primary svg,.secondary svg{width:19px;height:19px}.full{width:100%}.split-button{color:#fff;letter-spacing:-.005em;white-space:nowrap;border-radius:var(--radius-sm);background:0 0;align-items:stretch;gap:3px;min-height:52px;padding:0;font-size:17px;font-weight:600;display:inline-flex}.split-label,.split-tail{background:var(--gradient-button);box-shadow:var(--highlight), var(--shadow-accent);transition:background var(--base), box-shadow var(--base);border:1px solid #96beff59;justify-content:center;align-items:center;display:inline-flex}.split-label{border-radius:var(--radius-sm) 4px 4px var(--radius-sm);gap:12px;padding-inline:22px}.split-tail{border-radius:4px var(--radius-sm) var(--radius-sm) 4px;width:52px}.split-button svg{width:20px;height:20px}.split-tail svg{transition:translate var(--base) var(--ease)}.split-button:hover .split-label,.split-button:hover .split-tail{background:var(--gradient-button-hover)}.split-button:hover .split-tail svg{translate:3px}.text-button,.back-button{min-height:44px;color:var(--accent);background:0 0;align-items:center;gap:8px;padding:8px 0;font-size:15px;font-weight:500;display:inline-flex}.text-button:hover:not(:disabled){color:var(--soft)}.text-button svg,.back-button svg{width:18px;height:18px}.back-button{color:var(--muted);margin-bottom:20px}.back-button:hover{color:var(--text)}.back-button:hover svg{translate:-3px}.back-button svg{transition:translate var(--base) var(--ease)}.icon-button{min-width:44px;min-height:44px;color:var(--subtle);background:0 0;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover:not(:disabled){background:var(--tint);color:var(--text)}.icon-button svg{width:18px;height:18px}.icon-button.delete-button:hover:not(:disabled){color:var(--red);background:#f871711a}.page-view{max-width:var(--page-width);animation:task-in .28s var(--ease);margin:0 auto;padding:clamp(28px,5vw,64px) 0 24px}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:clamp(28px,4vw,48px);display:flex}.page-heading h1{letter-spacing:-.045em;margin:16px 0 14px;font-size:clamp(38px,2.6vw + 24px,60px);line-height:1.04}.page-heading p{max-width:52ch;font-size:16px}.page-heading .secondary{flex-shrink:0}.heading-icon{border-radius:var(--radius-md);background:var(--tint);border:1px solid var(--border-accent);width:48px;height:48px;color:var(--soft);padding:12px}.list-caption{color:var(--subtle);justify-content:space-between;gap:12px;margin-bottom:14px;font-size:14px;display:flex}.task-list,.history-list{margin:0;padding:0;list-style:none}.task-row{border-radius:var(--radius-lg);transition:translate var(--base) var(--ease), box-shadow var(--base);margin-bottom:12px;padding:20px 20px 10px}.task-row:hover{box-shadow:var(--highlight), var(--shadow-lg)}.task-row.is-current{background:radial-gradient(120% 140% at 0% 0%, #2a6df424, transparent 60%), var(--gradient-surface), var(--card-fill)}.task-row.is-current:before{background:linear-gradient(160deg,#5c9dff99,#5c9dff14 50%,#5c9dff4d)}.task-row.drop-target{box-shadow:inset 0 2px 0 var(--accent), var(--shadow-md);background:var(--tint)}.task-row-main{align-items:flex-start;gap:14px;display:flex}.grip{width:16px;height:20px;color:var(--subtle);opacity:.5;cursor:grab;margin-top:14px}.task-row:hover .grip{opacity:.9}.queue-number{font-variant-numeric:tabular-nums;color:var(--subtle);margin-top:15px;font-size:14px;font-weight:500}.task-details{flex:1;min-width:0}.task-tags{color:var(--subtle);flex-wrap:wrap;align-items:center;gap:6px 12px;margin-bottom:6px;font-size:14px;line-height:1.5;display:flex}.current-tag,.next-tag{border-radius:999px;align-items:center;min-height:26px;padding:2px 10px;font-size:14px;font-weight:500;display:inline-flex}.current-tag{background:var(--tint);border:1px solid var(--border-accent);color:var(--blue-100)}.next-tag{background:var(--glass);border:1px solid var(--border);color:var(--secondary)}.task-details h2{letter-spacing:-.015em;overflow-wrap:anywhere;font-size:clamp(18px,.4vw + 16px,20px);line-height:1.45}.task-row-actions{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:2px;margin-top:12px;padding-top:6px;display:flex}.order-actions{margin-right:auto;display:flex}.next-button{padding:8px 10px;font-size:14px}.add-row{border-radius:var(--radius-lg);border:1px dashed var(--border-strong);width:100%;min-height:64px;color:var(--accent);background:0 0;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:15px;font-weight:500;display:flex}.add-row:hover{background:var(--glass);border-color:var(--border-accent)}.empty-state{text-align:center;padding:clamp(40px,6vw,72px) 16px}.empty-icon{width:76px;height:76px;color:var(--accent);border-radius:22px;place-items:center;margin:0 auto 24px;display:grid}.empty-icon svg{width:32px;height:32px}.empty-state h2{letter-spacing:-.025em;font-size:clamp(24px,1vw + 20px,30px)}.empty-state p{max-width:420px;margin:14px auto 26px;font-size:16px}.history-list{border-radius:var(--radius-lg);padding:4px clamp(16px,2.6vw,28px)}.history-list>li{align-items:center;gap:16px;padding:20px 0;display:flex}.history-list>li+li{border-top:1px solid var(--border)}.history-check{width:38px;height:38px;color:var(--green);background:#4ade801a;border:1px solid #4ade8040;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.history-check svg{width:19px;height:19px}.history-list>li>div:nth-child(2){flex:1;min-width:0}.history-list h2{letter-spacing:-.015em;overflow-wrap:anywhere;margin-bottom:4px;font-size:18px;line-height:1.45}.history-list p{font-size:14px}.history-list small{margin-top:2px;display:block}.history-actions{align-items:center;gap:6px;display:flex}.history-actions .secondary{min-height:44px;padding:8px 14px;font-size:14px}.section-note{color:var(--subtle);margin-top:24px;font-size:14px;line-height:1.7}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.metric{border-radius:var(--radius-lg);flex-direction:column;gap:8px;padding:clamp(20px,3vw,32px);display:flex}.metric>span{color:var(--muted);font-size:15px}.metric strong{letter-spacing:-.045em;font-variant-numeric:tabular-nums;font-size:clamp(42px,2vw + 32px,60px);font-weight:600;line-height:1}.metric small{line-height:1.5}.chart-panel{border-radius:var(--radius-xl);margin-top:16px;padding:clamp(20px,3vw,32px)}.section-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.section-heading h2{letter-spacing:-.015em;font-size:19px}.section-heading>span{color:var(--subtle);font-size:14px}.section-heading svg{width:21px;color:var(--accent)}.bar-chart{justify-content:space-around;gap:clamp(8px,2vw,20px);margin-top:28px;display:flex}.bar-column{min-width:0;color:var(--subtle);flex-direction:column;flex:1;align-items:center;gap:10px;font-size:14px;display:flex}.bar-value{color:var(--secondary);font-variant-numeric:tabular-nums}.bar-track{border-bottom:1px solid var(--border-strong);background:linear-gradient(var(--grid-line) 1px, transparent 1px) 0 0 / 100% 25%;flex-direction:column;justify-content:flex-end;width:100%;max-width:48px;height:clamp(110px,14vw,160px);display:flex}.bar-fill{background:linear-gradient(#5c9dffa6,#2a6df440);border-radius:6px 6px 2px 2px;min-height:0}.today .bar-fill{background:var(--gradient-button);box-shadow:0 0 24px -4px #2a6df4b3}.today>span:last-child{color:var(--accent);font-weight:600}.lifetime-heading{margin-top:40px}.lifetime-stats{grid-template-columns:repeat(3,minmax(0,1fr));margin:24px 0;display:grid}.lifetime-stats>div{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:4px 8px;display:flex}.lifetime-stats>div+div{border-left:1px solid var(--border)}.lifetime-stats svg{width:20px;height:20px;color:var(--accent)}.lifetime-stats strong{letter-spacing:-.025em;font-variant-numeric:tabular-nums;font-size:clamp(28px,1.5vw + 20px,38px);font-weight:600;line-height:1.1}.lifetime-stats span{color:var(--muted);font-size:14px;line-height:1.4}.settings-section{border-radius:var(--radius-lg);margin-bottom:16px;padding:clamp(20px,3vw,32px)}.settings-section h2{letter-spacing:-.02em;align-items:center;gap:10px;font-size:20px;display:flex}.settings-section h2 svg,.settings-section .section-heading svg{width:20px;color:var(--accent)}.settings-section p{max-width:64ch;margin-top:10px;font-size:15px}.settings-section .section-note{margin-top:18px}.settings-section .text-button{margin-top:10px}.theme-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.theme-options button{border-radius:var(--radius-md);min-height:60px;color:var(--muted);box-shadow:var(--highlight);align-items:center;gap:10px;padding:14px 16px;font-size:15px;font-weight:500;display:flex}.theme-options button:hover:not(:disabled){color:var(--text)}.theme-options button.selected{background:var(--tint);color:var(--text)}.theme-options button.selected:before{background:linear-gradient(160deg,#5c9dffb3,#5c9dff40)}.theme-options svg{width:20px;height:20px}.theme-options button.selected svg:first-child{color:var(--accent)}.theme-options .theme-check{width:17px;color:var(--accent);margin-left:auto}.backup-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.backup-actions .secondary{white-space:nowrap;flex:0 auto}.storage-status{color:var(--secondary);align-items:center;gap:10px;margin-top:18px;font-size:14px;display:flex}.status-dot{background:var(--green);border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block;box-shadow:0 0 0 3px #4ade8029}.status-dot.offline{background:var(--subtle);box-shadow:none}.settings-link{border-radius:var(--radius-lg);text-align:left;align-items:center;gap:12px;width:100%;min-height:64px;padding:16px clamp(20px,3vw,32px);display:flex}.settings-link:hover{box-shadow:var(--highlight), var(--shadow-lg)}.settings-link>svg:first-child{color:var(--accent)}.settings-link>span{font-size:16px;font-weight:500}.settings-link small{margin-left:auto}.settings-link>svg:last-child{width:18px;color:var(--subtle);transition:translate var(--base) var(--ease)}.settings-link:hover>svg:last-child{color:var(--text);translate:3px}.about-mark{background:var(--gradient-tile);width:72px;height:72px;box-shadow:var(--highlight), 0 16px 48px -12px #2a6df4b3;color:#fff;border:1px solid #96beff59;border-radius:17px;place-items:center;margin:12px auto 24px;display:grid}.about-mark svg{stroke-width:2.3px;width:40px;height:40px}.wordmark{letter-spacing:-.045em;font-size:clamp(48px,4vw + 30px,76px);font-weight:600;line-height:1.04}.about-view>.wordmark{text-align:center}.version-pill{border:1px solid var(--border-strong);background:color-mix(in srgb, var(--raised) 60%, transparent);width:max-content;min-height:34px;color:var(--secondary);border-radius:999px;justify-content:center;align-items:center;gap:10px;margin:20px auto 0;padding:6px 14px;font-size:14px;display:flex}.version-pill span{color:var(--subtle)}.about-lead{text-align:center;max-width:60ch;margin:28px auto 0;font-size:clamp(16px,.5vw + 14px,19px);line-height:1.75}.how-it-works{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:40px 0 16px;display:grid}.how-it-works>div{border-radius:var(--radius-lg);padding:24px}.how-it-works>div>span{background:var(--tint);border:1px solid var(--border-accent);width:36px;height:36px;color:var(--soft);font-variant-numeric:tabular-nums;border-radius:10px;place-items:center;font-size:14px;font-weight:600;display:inline-grid}.how-it-works h2{letter-spacing:-.02em;margin:16px 0 8px;font-size:20px}.how-it-works p{font-size:15px}.release{align-items:center;gap:14px;margin-top:18px;font-size:14px;display:flex}.release strong{border-radius:var(--radius-xs);background:var(--tint);color:var(--soft);padding:4px 10px}.release span{color:var(--subtle)}.error-banner,.update-banner{width:100%;max-width:var(--page-width);border-radius:var(--radius-md);background:var(--surface);color:var(--red);box-shadow:var(--shadow-md);border:1px solid #f871714d;justify-content:space-between;align-items:center;gap:16px;margin:16px auto 0;padding:12px 12px 12px 20px;font-size:14px;line-height:1.6;display:flex}.update-banner{border-color:var(--border-accent);background:var(--tint);color:var(--blue-100)}.update-banner .secondary{flex-shrink:0;min-height:40px;font-size:14px}.toast{z-index:8;left:50%;bottom:calc(var(--nav-clearance) + env(safe-area-inset-bottom));width:max-content;max-width:min(620px, calc(100% - var(--gutter-left) - var(--gutter-right)));border-radius:var(--radius-md);background:var(--gradient-surface), color-mix(in srgb, var(--surface-strong) 92%, transparent);-webkit-backdrop-filter:blur(14px);box-shadow:var(--highlight), var(--shadow-lg);color:var(--secondary);animation:toast-in .3s var(--ease);align-items:center;gap:10px;padding:6px 6px 6px 16px;font-size:14px;line-height:1.5;display:flex;position:fixed;translate:-50%}.view-focus:has(.focus-actions) .toast{bottom:calc(var(--nav-clearance) + var(--action-height) + 12px + env(safe-area-inset-bottom))}.toast>span{flex:1}.toast-check{width:17px;height:17px;color:var(--green)}.toast button{border-radius:var(--radius-sm);min-width:44px;min-height:44px;color:var(--accent);white-space:nowrap;background:0 0;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:14px;font-weight:600;display:flex}.toast button:hover{background:var(--glass-strong)}.toast button svg{width:16px;height:16px}.toast .toast-dismiss{color:var(--subtle);padding:0}.offline-indicator{z-index:10;top:calc(12px + env(safe-area-inset-top));border:1px solid var(--border-strong);background:color-mix(in srgb, var(--raised) 85%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;align-items:center;gap:8px;min-height:34px;padding:6px 14px;font-size:14px;display:flex;position:fixed;left:50%;translate:-50%}.offline-indicator svg{width:16px;height:16px;color:var(--amber)}dialog{border-radius:var(--radius-lg);border:1px solid var(--border-strong);background:var(--gradient-surface), var(--surface);width:calc(100% - 32px);max-width:520px;max-height:calc(100dvh - 40px);color:var(--text);box-shadow:var(--highlight), var(--shadow-lg);padding:0}dialog[open]{animation:dialog-in .28s var(--ease)}dialog::backdrop{-webkit-backdrop-filter:blur(10px);background:#02040adb}.dialog-inner{padding:clamp(20px,4vw,32px)}.dialog-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.dialog-heading h2{letter-spacing:-.035em;font-size:clamp(24px,1vw + 20px,28px)}.dialog-heading .icon-button{margin-right:-10px}.field-label{color:var(--secondary);margin-bottom:10px;font-size:15px;font-weight:500;display:block}textarea{resize:vertical;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--glass);width:100%;min-height:112px;max-height:40vh;color:var(--text);transition:border-color var(--fast), background var(--fast);padding:14px 16px;font-size:17px;line-height:1.6}textarea:hover{border-color:#aac4ff4d}textarea:focus{border-color:var(--border-accent);background:var(--glass-strong)}textarea::placeholder{color:var(--subtle)}.form-meta{color:var(--subtle);justify-content:space-between;gap:12px;margin:8px 0 22px;font-size:14px;line-height:1.5;display:flex}.form-meta span:last-child{font-variant-numeric:tabular-nums}.checkbox-row{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--glass);cursor:pointer;align-items:flex-start;gap:12px;margin-bottom:24px;padding:14px 16px;font-size:15px;font-weight:500;line-height:1.5;display:flex}.checkbox-row:has(input:checked){border-color:var(--border-accent);background:var(--tint)}.checkbox-row input{width:20px;height:20px;accent-color:var(--blue);flex-shrink:0;margin:1px 0 0}.checkbox-row small{margin-top:2px;font-weight:400;display:block}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.import-warning{border-radius:var(--radius-sm);color:var(--amber);background:#fbbf240f;border:1px solid #fbbf244d;margin-top:20px;padding:14px 16px;font-size:14px;line-height:1.7}.filename{overflow-wrap:anywhere;color:var(--text)}.loading-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:28px;min-height:100svh;padding:40px 20px;display:flex}.loading-screen p{justify-content:center;align-items:center;gap:10px;max-width:600px;margin-bottom:20px;display:flex}.spin{animation:1.5s linear infinite orbit}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f7fc;--raised:#fff;--surface:#fff;--surface-strong:#eaf0fb;--surface-top:#dfe7f6;--text:#101b30;--secondary:#283853;--muted:#53627a;--subtle:#5e6b81;--accent:#1758d5;--soft:#225ac5;--blue-100:#183f8f;--focus:#1758d5;--green:#16713c;--amber:#926000;--red:#bc3535;--border:#1c417c1f;--border-strong:#1c417c38;--border-accent:#1758d566;--glass:#2a6df40a;--glass-strong:#2a6df412;--tint:#2a6df41a;--card-fill:#ffffffd1;--grid-line:#1c417c0f;--glow:#2a6df41f;--gradient-text:linear-gradient(100deg, #183668, #2a6df4);--gradient-border:linear-gradient(160deg, #1c417c33, #1c417c14 45%, #2a6df43d);--gradient-surface:linear-gradient(180deg, #2a6df40a, #2a6df400);--shadow-md:0 12px 32px -16px #142d5f38;--shadow-lg:0 28px 64px -28px #142d5f4d;--highlight:inset 0 1px 0 #ffffffe6;background:var(--bg);color:var(--text)}[data-theme=light] body:after{opacity:.05;mix-blend-mode:multiply}[data-theme=light] .task-row.is-current:before{background:linear-gradient(160deg,#1758d58c,#1758d51f 50%,#1758d54d)}[data-theme=light] .theme-options button.selected:before{background:linear-gradient(160deg,#1758d5a6,#1758d54d)}[data-theme=light] .bar-fill{background:linear-gradient(#2a6df4b3,#2a6df44d)}[data-theme=light] .focus-action.done{box-shadow:inset 0 1px #ffffff1f,0 10px 28px -12px #12855080}[data-theme=light] .focus-action.later{box-shadow:inset 0 1px #ffffff1f,0 10px 28px -12px #2a6df480}[data-theme=light] dialog::backdrop{background:#101b3073}[data-theme=light] .error-banner{background:#fff}@media (width<=1024px){:root{--header-height:72px}}@media (width<=640px){:root{--header-height:64px;--page-gutter:20px}.brand-small{gap:10px}.app-mark{border-radius:9px;width:32px;height:32px}.app-mark svg{width:20px;height:20px}.brand-copy>span:first-child{font-size:18px}.add-button{border-radius:999px;justify-content:center;width:44px;padding:0}.add-button svg{width:20px;height:20px}.add-button>span{display:none}.stat-strip,.focus-actions{gap:10px}.stat{border-radius:16px}.task-focus{padding:20px 4px}.waiting-label{margin-top:18px}.bottom-nav button{gap:4px}.page-heading{display:block;position:relative}.page-heading p{font-size:15px}.page-heading .secondary,.page-heading .heading-icon{position:absolute;top:-12px;right:0}.page-heading .secondary{gap:6px;min-height:44px;padding:10px 12px;font-size:14px}.page-heading .secondary svg{width:16px;height:16px}.heading-icon{width:40px;height:40px;padding:10px;top:-10px!important}.desktop-hint{display:none}.task-row{border-radius:16px;padding:16px 12px 6px}.task-row-main{gap:10px}.grip{display:none}.queue-number{margin-top:13px;padding-left:4px}.task-details h2{font-size:17px}.task-row-actions{gap:0}.task-row-actions .icon-button{min-width:40px}.next-button{white-space:nowrap;gap:4px;padding:6px}.next-button svg{width:16px}.history-list>li{flex-wrap:wrap;align-items:flex-start;gap:12px}.history-check{width:32px;height:32px;margin-top:2px}.history-list>li>div:nth-child(2){min-width:calc(100% - 48px)}.history-list h2{font-size:17px}.history-actions{justify-content:flex-end;width:100%}.stats-grid{gap:10px}.metric{border-radius:16px}.metric>span{font-size:14px}.chart-panel{border-radius:var(--radius-lg)}.lifetime-heading{flex-direction:column;align-items:flex-start;gap:6px}.settings-section{border-radius:16px;margin-bottom:12px}.settings-section h2{font-size:19px}.theme-options{gap:8px}.theme-options button{flex-direction:column;justify-content:center;gap:8px;padding:14px 6px;font-size:14px}.theme-options .theme-check{width:14px;position:absolute;top:8px;right:8px}.backup-actions{gap:10px}.backup-actions .secondary{flex:180px}.settings-link{border-radius:16px}.about-lead{text-align:left}.how-it-works{grid-template-columns:1fr;gap:10px;margin-top:32px}.how-it-works>div{border-radius:16px;grid-template-columns:36px 1fr;column-gap:16px;padding:20px;display:grid}.how-it-works>div>span{grid-row:span 2}.how-it-works h2{margin:6px 0}.error-banner,.update-banner{flex-wrap:wrap;margin-top:10px;padding:12px}.toast{gap:6px;padding:4px 4px 4px 14px}.toast-check{display:none}.toast .toast-dismiss{min-width:40px}.dialog-actions .primary,.dialog-actions .secondary{flex:1;padding:12px;font-size:15px}}@media (width<=420px){.next-button svg{display:none}}@media (width<=370px){:root{--page-gutter:16px}.brand-credit{display:none}.stat{min-height:76px}.stat>span:last-child:before{display:none}.split-label{gap:10px;padding-inline:16px}.bottom-nav{gap:2px;padding:5px;display:flex}.bottom-nav button{flex:1 1 0}.bottom-nav button.active{flex-grow:1.6}.bottom-nav button:not(.active)>span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.task-row{padding-inline:10px}.task-row-actions{flex-wrap:wrap}.next-button{border-top:1px solid var(--border);flex-basis:100%;order:1;justify-content:center}}@media (height<=760px) and (width<=640px){.stat{gap:4px;min-height:76px}.stat-value{font-size:26px}.task-focus h2{font-size:30px}.no-task h2{font-size:36px}.task-focus .eyebrow{margin-bottom:14px}.waiting-label{margin-top:14px}}@media (height<=500px){:root{--header-height:56px;--action-height:48px;--nav-height:58px;--nav-bottom:16px}.focus-view{padding-top:8px}.stat{flex-direction:row;gap:10px;min-height:58px}.stat-value{font-size:24px}.task-focus{padding:10px 12px}.task-focus h2{font-size:26px;line-height:1.2}.no-task h2{font-size:30px}.waiting-label{margin-top:10px}.bottom-nav button{flex-direction:row;gap:8px;font-size:14px}.bottom-nav button svg{width:18px;height:18px}.split-button{min-height:46px}.split-tail{width:46px}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes task-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes dialog-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (forced-colors:active){em{color:canvastext;background:0 0}.primary,.split-label,.split-tail,.focus-action{border:1px solid buttontext}}