:root{--color-bg-canvas:#faf9f7;--color-bg-subtle:#f3f1ed;--color-surface-glass:#ffffffb3;--color-surface-glass-strong:#ffffffd9;--color-surface-glass-faint:#ffffff73;--color-surface-solid:#fff;--color-text-primary:#23211d;--color-text-secondary:#6b665d;--color-text-muted:#b0aba1;--color-text-on-accent:#fff;--color-accent-default:#7678de;--color-accent-strong:#5d5fc7;--color-accent-subtle:#e9e9fb;--color-accent-muted:#d4d4f7;--color-accent-text:#4a4ca8;--color-accent-tint:#7678de29;--color-success-default:#5bc69a;--color-success-subtle:#e1f5ec;--color-success-text:#338265;--color-urgent-default:#ef8e74;--color-urgent-subtle:#fde9e4;--color-urgent-text:#c75f44;--color-effort-low:#5bc69a;--color-effort-high:#e8b54a;--color-effort-empty:#00000014;--color-border-glass:#ffffffd9;--color-border-subtle:#e8e5df;--color-border-card:#fff6;--color-scrim:#24212e33;--effect-edge-highlight:#ffffffe6;--effect-shadow-lg:#59548029;--effect-shadow-sm:#59548014;--effect-accent-glow:#7578de59;--glass-blur:blur(24px);--shadow-glass-card:0 24px 60px -8px var(--effect-shadow-lg), 0 8px 20px -4px var(--effect-shadow-sm), inset 0 .5px 0 var(--effect-edge-highlight);--shadow-glass-chip:0 4px 12px -2px var(--effect-shadow-sm), inset 0 .5px 0 var(--effect-edge-highlight);--shadow-accent-glow:0 8px 24px -2px var(--effect-accent-glow);--spacing-2xs:2px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-2xl:24px;--spacing-3xl:32px;--spacing-4xl:40px;--spacing-5xl:48px;--spacing-6xl:64px;--radius-xs:8px;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:32px;--radius-full:999px}[data-theme=dark]{--color-bg-canvas:#131218;--color-bg-subtle:#1b1a22;--color-surface-glass:#ffffff1a;--color-surface-glass-strong:#ffffff29;--color-surface-glass-faint:#ffffff0f;--color-surface-solid:#26242f;--color-text-primary:#efeef4;--color-text-secondary:#a9a7b4;--color-text-muted:#6d6b78;--color-accent-default:#9495e8;--color-accent-strong:#b4b5f0;--color-accent-subtle:#2b2b4e;--color-accent-muted:#4a4ca8;--color-accent-text:#b4b5f0;--color-accent-tint:#9495e83d;--color-success-subtle:#16352a;--color-success-text:#a8e3c8;--color-urgent-subtle:#402018;--color-urgent-text:#f8bfb0;--color-effort-high:#f4d794;--color-effort-empty:#ffffff1f;--color-border-glass:#ffffff29;--color-border-subtle:#ffffff1a;--color-border-card:#ffffff14;--color-scrim:#13121873;--effect-edge-highlight:#ffffff38;--effect-shadow-lg:#00000080;--effect-shadow-sm:#00000059;--effect-accent-glow:#9494e873}@media (prefers-color-scheme:dark){[data-theme=system]{--color-bg-canvas:#131218;--color-bg-subtle:#1b1a22;--color-surface-glass:#ffffff1a;--color-surface-glass-strong:#ffffff29;--color-surface-glass-faint:#ffffff0f;--color-surface-solid:#26242f;--color-text-primary:#efeef4;--color-text-secondary:#a9a7b4;--color-text-muted:#6d6b78;--color-accent-default:#9495e8;--color-accent-strong:#b4b5f0;--color-accent-subtle:#2b2b4e;--color-accent-muted:#4a4ca8;--color-accent-text:#b4b5f0;--color-accent-tint:#9495e83d;--color-success-subtle:#16352a;--color-success-text:#a8e3c8;--color-urgent-subtle:#402018;--color-urgent-text:#f8bfb0;--color-effort-high:#f4d794;--color-effort-empty:#ffffff1f;--color-border-glass:#ffffff29;--color-border-subtle:#ffffff1a;--color-border-card:#ffffff14;--color-scrim:#13121873;--effect-edge-highlight:#ffffff38;--effect-shadow-lg:#00000080;--effect-shadow-sm:#00000059;--effect-accent-glow:#9494e873}}[data-accent=teal]{--color-accent-default:#4ab0bf;--color-accent-strong:#468791;--color-accent-subtle:#ebf7f9;--color-accent-muted:#d7eff4;--color-accent-text:#3c6167;--color-accent-tint:#4ab0bf29;--effect-accent-glow:#4ab0bf59}[data-accent=emerald]{--color-accent-default:#49a269;--color-accent-strong:#457356;--color-accent-subtle:#ecf8f1;--color-accent-muted:#daf1e3;--color-accent-text:#384d3f;--color-accent-tint:#49a26929;--effect-accent-glow:#49a26959}[data-accent=apricot]{--color-accent-default:#e0985c;--color-accent-strong:#c87e41;--color-accent-subtle:#fcf2e9;--color-accent-muted:#f9e4d2;--color-accent-text:#845833;--color-accent-tint:#e0985c29;--effect-accent-glow:#e0985c59}[data-accent=plum]{--color-accent-default:#d06c96;--color-accent-strong:#b4557d;--color-accent-subtle:#faebf1;--color-accent-muted:#f5d6e2;--color-accent-text:#8b4b66;--color-accent-tint:#d06c9629;--effect-accent-glow:#d06c9659}[data-theme=dark] [data-accent=teal]{--color-accent-default:#65bfcd;--color-accent-strong:#7eccd7;--color-accent-subtle:#334447;--color-accent-muted:#3c6167;--color-accent-text:#7eccd7;--color-accent-tint:#65bfcd3d;--effect-accent-glow:#65bfcd73}[data-theme=dark] [data-accent=emerald]{--color-accent-default:#5aba7d;--color-accent-strong:#71c690;--color-accent-subtle:#37433c;--color-accent-muted:#384d3f;--color-accent-text:#71c690;--color-accent-tint:#5aba7d3d;--effect-accent-glow:#5aba7d73}[data-theme=dark] [data-accent=apricot]{--color-accent-default:#e9ad7c;--color-accent-strong:#efc09a;--color-accent-subtle:#533c27;--color-accent-muted:#845833;--color-accent-text:#efc09a;--color-accent-tint:#e9ad7c3d;--effect-accent-glow:#e9ad7c73}[data-theme=dark] [data-accent=plum]{--color-accent-default:#dd88ab;--color-accent-strong:#e6a3bf;--color-accent-subtle:#49313b;--color-accent-muted:#8b4b66;--color-accent-text:#e6a3bf;--color-accent-tint:#dd88ab3d;--effect-accent-glow:#dd88ab73}@media (prefers-color-scheme:dark){[data-theme=system] [data-accent=teal]{--color-accent-default:#65bfcd;--color-accent-strong:#7eccd7;--color-accent-subtle:#334447;--color-accent-muted:#3c6167;--color-accent-text:#7eccd7;--color-accent-tint:#65bfcd3d;--effect-accent-glow:#65bfcd73}[data-theme=system] [data-accent=emerald]{--color-accent-default:#5aba7d;--color-accent-strong:#71c690;--color-accent-subtle:#37433c;--color-accent-muted:#384d3f;--color-accent-text:#71c690;--color-accent-tint:#5aba7d3d;--effect-accent-glow:#5aba7d73}[data-theme=system] [data-accent=apricot]{--color-accent-default:#e9ad7c;--color-accent-strong:#efc09a;--color-accent-subtle:#533c27;--color-accent-muted:#845833;--color-accent-text:#efc09a;--color-accent-tint:#e9ad7c3d;--effect-accent-glow:#e9ad7c73}[data-theme=system] [data-accent=plum]{--color-accent-default:#dd88ab;--color-accent-strong:#e6a3bf;--color-accent-subtle:#49313b;--color-accent-muted:#8b4b66;--color-accent-text:#e6a3bf;--color-accent-tint:#dd88ab3d;--effect-accent-glow:#dd88ab73}}.text-display-lg{letter-spacing:-.8px;font-size:40px;font-weight:800;line-height:46px}.text-display-sm{letter-spacing:-.5px;font-size:32px;font-weight:600;line-height:40px}.text-title-lg{letter-spacing:-.3px;font-size:26px;font-weight:700;line-height:32px}.text-title-md{letter-spacing:-.2px;font-size:22px;font-weight:700;line-height:28px}.text-title-sm{letter-spacing:0;font-size:16px;font-weight:600;line-height:20px}.text-body-lg{letter-spacing:0;font-size:18px;font-weight:500;line-height:26px}.text-body-md{letter-spacing:0;font-size:16px;font-weight:400;line-height:24px}.text-body-sm{letter-spacing:0;font-size:14px;font-weight:400;line-height:20px}.text-label-md{letter-spacing:.2px;font-size:14px;font-weight:600;line-height:20px}.text-label-sm{letter-spacing:.4px;font-size:12px;font-weight:600;line-height:16px}.text-caption{letter-spacing:.1px;font-size:12px;font-weight:500;line-height:16px}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--color-text-primary);background:var(--color-bg-canvas);-webkit-font-smoothing:antialiased;font-family:Geist,system-ui,sans-serif}html,body{overscroll-behavior-y:none}.canvas{isolation:isolate;min-height:100dvh;position:relative;overflow:hidden}html[data-tall] .canvas{min-height:calc(100lvh + 2px)}.blob{filter:blur(70px);z-index:-1;pointer-events:none;border-radius:50%;transition:background-color .6s;position:absolute}.blob-a{background:var(--color-accent-default);opacity:.4;width:420px;height:420px;animation:32s ease-in-out infinite swirl-a;top:-60px;left:-80px}.blob-b{background:var(--color-urgent-default);opacity:.28;width:380px;height:380px;animation:42s ease-in-out -14s infinite swirl-b;bottom:160px;right:-70px}.blob-c{background:var(--color-success-default);opacity:.2;width:340px;height:340px;animation:52s ease-in-out -30s infinite swirl-c;bottom:-80px;left:30%}@keyframes swirl-a{0%{transform:translate(0)scale(1)}25%{transform:translate(180px,140px)scale(1.2)}50%{transform:translate(80px,380px)scale(.9)}75%{transform:translate(-60px,180px)scale(1.15)}to{transform:translate(0)scale(1)}}@keyframes swirl-b{0%{transform:translate(0)scale(1.1)}25%{transform:translate(-160px,-220px)scale(.9)}50%{transform:translate(-320px,-40px)scale(1.2)}75%{transform:translate(-120px,140px)scale(1)}to{transform:translate(0)scale(1.1)}}@keyframes swirl-c{0%{transform:translate(0)scale(1)}25%{transform:translate(140px,-260px)scale(1.25)}50%{transform:translate(-40px,-420px)scale(.95)}75%{transform:translate(-160px,-160px)scale(1.15)}to{transform:translate(0)scale(1)}}@media (prefers-reduced-motion:reduce){.blob{animation:none}}html[data-nav] .blob{animation-play-state:paused}.canvas:has(.add-task[data-open]) .blob{animation-play-state:paused}html[data-chin]{overflow:hidden}html[data-chin] body{overscroll-behavior:none}html[data-chin] .task-list{flex:1;min-height:0;overflow-y:auto}html[data-chin] .screen:not(:has(.tabbar)){max-height:100svh;overflow-y:auto}html[data-edges] .canvas:before{content:"";background:linear-gradient(to top, transparent, var(--color-bg-canvas));pointer-events:none;z-index:0;height:56px;position:absolute;top:0;left:0;right:0}html[data-edges] .canvas:after{content:"";background:linear-gradient(to bottom, transparent, var(--color-bg-canvas));pointer-events:none;z-index:0;height:56px;position:absolute;bottom:0;left:0;right:0}html[data-chin] .canvas:after{content:"";background:linear-gradient(to bottom, transparent, var(--color-bg-canvas));pointer-events:none;z-index:0;height:96px;position:absolute;bottom:0;left:0;right:0}@media (min-width:700px){.blob-a{width:560px;height:560px}.blob-b{width:520px;height:520px}.blob-c{width:460px;height:460px}.blob{filter:blur(90px)}}button,a,.tab{transition:transform .12s}button:active:not(:disabled),a:active{transform:scale(.97)}.task-row-main button:active,.option-row button:active,.settings-row:active,.settings-row-link:active{transform:scale(.985)}@media (prefers-reduced-motion:reduce){button,a,.tab{transition:none}button:active,a:active{transform:none}}