:root{--color-slate-950:#0a0a0c;--color-slate-900:#12141a;--color-slate-850:#16161b;--color-slate-800:#1e1e28;--color-slate-750:#21212f;--color-slate-700:#262638;--color-indigo-500:#4a4fe5;--color-indigo-400:#7c80f0;--color-emerald-400:#34d399;--color-amber-400:#f59e0b;--color-violet-500:#7649c9;--color-blue-400:#3b82f6;--surface-page:var(--color-slate-900);--surface-page-elevated:var(--color-slate-850);--surface-page-deep:var(--color-slate-950);--surface-card:var(--color-slate-750);--surface-card-raised:var(--color-slate-700);--surface-card-featured:#1e1e2e;--surface-primary:var(--color-slate-800);--surface-primary-deep:#181824;--surface-bar:#0e0f15d1;--surface-ghost:#ffffff06;--surface-ghost-hover:#ffffff0a;--surface-ghost-focus:#ffffff0e;--text-primary:#ffffffeb;--text-secondary:#ffffffb8;--text-tertiary:#ffffff8c;--text-muted:#ffffff59;--text-faint:#ffffff47;--text-ghost:#ffffff29;--border-subtle:#ffffff08;--border-default:#ffffff1a;--border-strong:#ffffff2e;--border-focus:#3b82f640;--border-warning:#f59e0b47;--accent:var(--color-indigo-500);--accent-light:var(--color-indigo-400);--accent-soft:#6366f1a6;--accent-tint:#6366f11f;--accent-border:#6366f138;--accent-dim:#6366f173;--success:#34d399d9;--success-tint:#34d3991a;--warning:#f59e0bd9;--warning-tint:#f59e0b1a;--purple:var(--color-violet-500);--purple-tint:#7649c91f;--error:#ef4444e0;--error-tint:#ef444414;--error-border:#ef444440;--error-solid:#e5484d;--focus-glow:#3b82f614;--nav-active-bg:#ffffff0d;--nav-active-text:#ffffffad;--nav-inactive-text:#ffffff52;--shadow-xs:0 1px 2px #0006;--shadow-card:0 1px 2px #0006, 0 4px 12px -4px #0000004d;--shadow-lift:0 4px 12px -2px #00000080, 0 16px 40px -12px #0006;--shadow-primary:0 1px 0 #ffffff1a inset, 0 6px 20px -6px #4a4fe580;--shadow-focus:0 0 0 4px var(--focus-glow);--sans:"Geist", "Inter", -apple-system, system-ui, "Segoe UI", sans-serif;--display:"Geist", "Inter", -apple-system, system-ui, sans-serif;--mono:"Geist Mono", "JetBrains Mono", ui-monospace, monospace;--text-2xs:10px;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-md:19px;--text-lg:22px;--text-xl:28px;--text-hero:36px;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--leading-tight:1.02;--leading-snug:1.3;--leading-normal:1.5;--leading-relaxed:1.55;--tracking-tight:-.035em;--tracking-normal:0;--tracking-wide:.04em;--tracking-widest:.08em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-pill:999px;--layout-max-width:760px;--layout-padding-x:32px;--layout-padding-x-mobile:16px;--layout-padding-top:48px;--layout-padding-bottom:80px;--layout-padding-bottom-mobile:100px;--layout-card-gap:14px;--topbar-height:52px;--mobile-nav-height:64px;--z-base:0;--z-raised:10;--z-bar:100;--z-overlay:150;--z-toast:200;--motion-micro:.14s;--motion-fast:.2s;--motion-normal:.26s;--motion-slow:.32s;--motion-ease-out:cubic-bezier(.22, 1, .36, 1);--motion-snappy:cubic-bezier(.2, .6, .3, 1);--motion-in-out:cubic-bezier(.4, 0, .2, 1);--bp-mobile:640px;--bp-tablet:768px;--bg:var(--surface-page);--bg-2:var(--surface-page-elevated);--bg-deep:var(--surface-page-deep);--card:var(--surface-card);--card-2:var(--surface-card-raised);--card-featured:var(--surface-card-featured);--card-edge:var(--border-default);--card-edge-strong:var(--border-strong);--ink:var(--text-primary);--ink-2:var(--text-secondary);--ink-3:var(--text-tertiary);--ink-4:var(--text-muted);--ink-5:var(--text-ghost);--indigo:var(--accent);--indigo-light:var(--accent-light);--indigo-soft:var(--accent-soft);--indigo-tint:var(--accent-tint);--emerald:var(--success);--emerald-tint:var(--success-tint);--amber:var(--warning);--amber-tint:var(--warning-tint);--violet:var(--color-violet-500);--violet-tint:var(--purple-tint);--r-xs:var(--radius-xs);--r-sm:var(--radius-sm);--r-md:var(--radius-md);--r-lg:var(--radius-lg);--r-xl:var(--radius-xl);--r-pill:var(--radius-pill)}
*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--sans);font-size:var(--text-base);font-feature-settings:"ss01", "cv11";color:var(--text-primary);background-color:var(--surface-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background-image:radial-gradient(at 38% 28%,#6366f10b,#0000 52%),radial-gradient(at 72% 68%,#6366f105,#0000 40%),linear-gradient(#ffffff04 0%,#0000 20%);background-attachment:fixed;min-height:100vh}.display{font-family:var(--display);font-weight:var(--weight-medium);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.mono{font-family:var(--mono);font-feature-settings:"ss02", "cv11"}.eyebrow{font-family:var(--mono);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-tertiary)}input:focus,textarea:focus,button:focus{outline:none}input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);border:2px solid var(--surface-page);background:#ffffff14}::-webkit-scrollbar-thumb:hover{background:#ffffff29}@keyframes fadeUpAnim{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-soft{0%,to{opacity:.5}50%{opacity:1}}@keyframes donePop{0%{transform:scale(1)}30%{transform:scale(1.5)}58%{transform:scale(.87)}80%{transform:scale(1.07)}to{transform:scale(1)}}@keyframes doneRipple{0%{opacity:.55;transform:translate(-50%,-50%)scale(0)}to{opacity:0;transform:translate(-50%,-50%)scale(5)}}@keyframes notTodayDrain{0%{width:100%}to{width:0%}}@keyframes doneCardFlash{0%{opacity:0}18%{opacity:1}to{opacity:0}}@keyframes dumpLine{0%{opacity:0}15%{opacity:1}70%{opacity:1}85%,to{opacity:0}}@keyframes dumpCursor{0%,55%{opacity:0}62%,72%{opacity:1}80%,to{opacity:0}}@keyframes decideScan{0%,8%{opacity:0;transform:translateY(0)}14%{opacity:.45}52%{opacity:.2;transform:translateY(26px)}58%,to{opacity:0;transform:translateY(26px)}}@keyframes decideHighlight{0%,45%{opacity:.45}62%,85%{opacity:1}95%,to{opacity:.45}}@keyframes actCheck{0%,22%{stroke-dashoffset:30px;opacity:0}28%{opacity:1}62%,85%{stroke-dashoffset:0}95%,to{stroke-dashoffset:30px;opacity:0}}@keyframes actBtn{0%,30%{opacity:.5}50%,80%{opacity:1}95%,to{opacity:.5}}@keyframes float{0%,to{transform:translateY(0);box-shadow:0 4px 12px -2px #0f0f1414,0 16px 40px -12px #0f0f141f}50%{transform:translateY(-5px);box-shadow:0 8px 28px -4px #0f0f1424,0 24px 56px -12px #0f0f1429}}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}@keyframes lumaShimmer{0%,to{opacity:.35}50%{opacity:.65}}@keyframes logoBreathe{0%,to{opacity:1}50%{opacity:.65}}.fade-up{animation:.22s both fadeUpAnim}.enter{animation:.36s cubic-bezier(.22,1,.36,1) both fadeUpAnim}.enter-1{animation:.36s cubic-bezier(.22,1,.36,1) 70ms both fadeUpAnim}.enter-2{animation:.36s cubic-bezier(.22,1,.36,1) .13s both fadeUpAnim}.enter-3{animation:.36s cubic-bezier(.22,1,.36,1) .19s both fadeUpAnim}.enter-4{animation:.36s cubic-bezier(.22,1,.36,1) .25s both fadeUpAnim}.enter-5{animation:.36s cubic-bezier(.22,1,.36,1) .32s both fadeUpAnim}.dump-l1{opacity:0;animation:3.2s ease-in-out infinite dumpLine}.dump-l2{opacity:0;animation:3.2s ease-in-out .45s infinite dumpLine}.dump-l3{opacity:0;animation:3.2s ease-in-out .9s infinite dumpLine}.dump-cur{opacity:0;animation:3.2s ease-in-out infinite dumpCursor}.decide-scan{transform-box:fill-box;transform-origin:top;animation:3.2s ease-in-out infinite decideScan}.decide-row1{animation:3.2s ease-in-out infinite decideHighlight}.act-btn{animation:3.2s ease-in-out infinite actBtn}.act-check{stroke-dasharray:20;stroke-dashoffset:20px;animation:3.2s ease-in-out infinite actCheck}@media (prefers-reduced-motion:no-preference){@keyframes focusBreathe{0%,to{opacity:0}50%{opacity:1}}.focus-glow:before{content:"";border-radius:inherit;pointer-events:none;z-index:0;opacity:0;animation:3.5s ease-in-out infinite focusBreathe;position:absolute;inset:-1px;box-shadow:0 0 0 1px #3b82f633,0 0 12px #3b82f60a,0 6px 20px -10px #3b82f61c}.logo-halo{animation:4s ease-in-out infinite logoBreathe}}.auth-mobile-page{display:none}.auth-desktop-page{min-height:100vh;display:flex}.auth-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-tertiary);letter-spacing:-.005em;margin-bottom:7px;display:block}@media (max-width:768px){.auth-mobile-page{background:linear-gradient(#0a0a0c 0%,#16161b 55%,#0a0a0c 100%);flex-direction:column;min-height:100dvh;display:flex}.auth-desktop-page{display:none}.auth-mobile-dark{flex-direction:column;flex-shrink:0;gap:0;padding:56px 28px 52px;display:flex;position:relative;overflow:hidden}.auth-mobile-glow{pointer-events:none;background:radial-gradient(circle,#4a4fe547 0%,#0000 65%);width:360px;height:360px;position:absolute;top:-80px;left:50%;transform:translate(-50%)}.auth-mobile-card{background:var(--surface-page);border-radius:28px 28px 0 0;flex:1;padding:36px 24px 52px;overflow-y:auto;box-shadow:0 -2px 32px #00000047}}.signout-mobile-only{display:none!important}@media (max-width:640px){.signout-mobile-only{display:inline-flex!important}.topbar-date,.topbar-nav,.topbar-signout{display:none!important}.topbar-inner{padding:12px 16px!important}.mobile-nav{display:flex!important}.page-content{padding:24px var(--layout-padding-x-mobile) var(--layout-padding-bottom-mobile)!important}.watch-grid{grid-template-columns:1fr!important}.dump-action-row{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.dump-action-row .btn-lg{min-width:unset!important;width:100%!important}.display-hero{font-size:30px!important}.stats-row{flex-direction:column!important;gap:12px!important}.stats-divider{align-self:auto!important;width:100%!important;height:1px!important;margin:0!important}.steps-grid{grid-template-columns:1fr!important}.task-body-primary{padding-right:80px!important}.task-title-primary{font-size:var(--text-lg)!important}.add-cta-shortcut{display:none!important}.toast-root{bottom:calc(64px + env(safe-area-inset-bottom,0px))!important}}
.btn{appearance:none;cursor:pointer;font-family:var(--sans);font-size:14px;font-weight:var(--weight-medium);letter-spacing:-.01em;justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);transition:all var(--motion-micro) var(--motion-snappy);-webkit-user-select:none;user-select:none;white-space:nowrap;background:0 0;border:0;padding:11px 18px;text-decoration:none;display:inline-flex}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:disabled:hover{transform:none}.btn-primary{color:#0a0a0c;background:#fff;box-shadow:inset 0 1px #ffffff1a,0 4px 14px -4px #0006}.btn-primary:hover{background:#ffffffeb;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff1a,0 6px 20px -4px #00000073}.btn-primary:active{transform:translateY(0)}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border-strong);background:0 0}.btn-ghost:hover{color:var(--text-primary);background:#ffffff0d;border-color:#fff3}.btn-quiet{color:var(--text-tertiary);padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.btn-quiet:hover{color:var(--text-primary);background:#ffffff0d}.btn-lg{min-height:50px;padding:14px 24px;font-size:14.5px}.card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.divider{background:var(--border-default);border:0;height:1px}.stats-divider{background:var(--border-default);flex-shrink:0;align-self:stretch;width:1px;margin:0 28px}.input,.textarea{width:100%;font-family:var(--sans);color:var(--text-primary);background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-md);resize:none;transition:border-color var(--motion-micro) ease, box-shadow var(--motion-micro) ease;padding:14px 16px;font-size:16px}.input:focus,.textarea:focus{border-color:var(--border-focus);box-shadow:var(--shadow-focus);outline:none}.textarea::placeholder,.input::placeholder{color:var(--text-muted)}.input-cleared::placeholder{color:var(--text-tertiary)}.loading-dots{gap:var(--space-1);align-items:center;display:inline-flex}.loading-dots span{border-radius:var(--radius-pill);opacity:.4;background:currentColor;width:5px;height:5px;animation:1.4s ease-in-out infinite pulse-soft}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}.mobile-nav{z-index:var(--z-bar);background:var(--surface-bar);-webkit-backdrop-filter:blur(24px)saturate(180%);border-top:1px solid var(--border-default);padding:6px 0;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px));justify-content:space-around;align-items:stretch;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-nav-item{appearance:none;cursor:pointer;font-family:var(--sans);font-size:10.5px;font-weight:var(--weight-medium);color:var(--text-muted);letter-spacing:.01em;transition:color var(--motion-micro);white-space:nowrap;-webkit-user-select:none;user-select:none;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:6px 12px;display:flex}.mobile-nav-item.active{color:var(--text-primary)}.settings-save-toast{z-index:var(--z-toast);position:fixed;bottom:28px;right:28px}@media (max-width:640px){.settings-save-toast{bottom:calc(68px + env(safe-area-inset-bottom,0px));right:16px}}.topbar-bar{z-index:var(--z-bar);background:var(--surface-bar);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);position:sticky;top:0}.topbar-tab{font-size:12px;font-weight:var(--weight-medium);color:var(--nav-inactive-text);border-radius:var(--radius-xs);transition:all var(--motion-micro) var(--motion-snappy);cursor:pointer;font-family:var(--sans);letter-spacing:-.005em;background:0 0;border:none;align-items:center;gap:5px;padding:5px 12px;display:inline-flex}.topbar-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.topbar-tab--active{background:var(--nav-active-bg);color:var(--nav-active-text)}.task-card{border-radius:var(--radius-md);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.task-card--primary{border-radius:var(--radius-lg);background:linear-gradient(180deg, var(--surface-primary) 0%, var(--surface-primary-deep) 100%)}.task-card--standard{background:var(--surface-card)}
