:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;--color-bg:#f4f5fa;--color-surface:#fff;--color-surface-2:#eef0f6;--color-text:#12121a;--color-text-muted:#5f6074;--color-border:#e2e4ee;--color-border-strong:#c5c8d6;--color-accent:#4f46e5;--color-accent-soft:#eceefe;--color-accent-text:#4338ca;--color-on-accent:#fff;--gradient-accent:linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--gradient-hero:linear-gradient(135deg, #4f46e5 0%, #7c3aed 55%, #a21caf 100%);--color-on-hero:#fff;--color-on-hero-muted:#ffffffd9;--color-hero-track:#ffffff40;--color-high-soft:#ffe4e8;--color-high-text:#be123c;--color-medium-soft:#fef3c7;--color-medium-text:#92400e;--color-low-soft:#eef0f4;--color-low-text:#475569;--color-danger:#dc2626;--color-danger-soft:#fdecec;--color-danger-text:#b91c1c;--color-on-danger:#fff;--color-glass:#ffffffb8;--color-backdrop:#12122859;--icon-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-pill:999px;--shadow-sm:0 1px 2px #1414320a, 0 2px 6px #1414320d;--shadow-md:0 6px 24px #14143214;--shadow-accent:0 6px 20px #4f46e559;--shadow-hero:0 12px 32px #5b21b659;--shadow-dialog:0 -8px 40px #1414322e;--shadow-segment:0 1px 3px #1414321f;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.75rem;--font-size-2xl:2.25rem;--font-weight-title:750;--letter-spacing-title:-.025em;--touch-target:44px;--input-height:48px;--checkbox-size:24px;--progress-height:6px;--ring-size:84px;--ring-stroke:8px;--project-card-width:72%;--sidebar-width:240px;--tabbar-height:64px;--content-max:880px;--dialog-width:30rem;--sheet-handle-width:40px;--sheet-handle-height:5px;--icon-box:36px;--nav-pill-width:56px;--nav-pill-height:30px;--nav-icon-box:32px;--empty-icon-size:52px;--chart-height:96px;--chart-bar-width:14px;--chart-bar-radius:4px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--transition:.18s var(--ease-out);--duration-fast:.16s;--duration-slow:.32s}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-bg:#0b0b12;--color-surface:#15151f;--color-surface-2:#1d1d2a;--color-text:#f2f2f7;--color-text-muted:#9c9db3;--color-border:#262636;--color-border-strong:#3a3a50;--color-accent:#a5b4fc;--color-accent-soft:#23234a;--color-accent-text:#c7d2fe;--color-high-soft:#3a1520;--color-high-text:#fda4af;--color-medium-soft:#36280b;--color-medium-text:#fcd34d;--color-low-soft:#222431;--color-low-text:#b4b8c8;--color-danger:#f87171;--color-danger-soft:#3a1d1d;--color-danger-text:#fca5a5;--color-on-danger:#1a0b0b;--color-glass:#15151fb8;--color-backdrop:#0009;--shadow-sm:0 1px 2px #0006;--shadow-md:0 8px 28px #00000073;--shadow-accent:0 6px 20px #6366f14d;--shadow-dialog:0 -8px 40px #0009}}@media (prefers-reduced-motion:reduce){:root{--transition:0s;--duration-fast:0s;--duration-slow:0s}}.app__main{max-width:var(--content-max);padding:var(--space-6) var(--space-5);padding-left:max(var(--space-5), env(safe-area-inset-left));padding-right:max(var(--space-5), env(safe-area-inset-right));padding-bottom:calc(var(--tabbar-height) + env(safe-area-inset-bottom) + var(--space-8));outline:none;margin:0 auto}.app__main:focus-visible{outline:none}.skip-link{left:var(--space-2);z-index:100;padding:var(--space-2) var(--space-3);background:var(--color-surface);border-radius:var(--radius-sm);position:absolute;top:-100px}.skip-link:focus{top:var(--space-2)}.nav{z-index:10;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--color-border);background:var(--color-glass);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);view-transition-name:nav;position:fixed;bottom:0;left:0;right:0}.nav__brand{display:none}.nav__list{padding:0 max(var(--space-2), env(safe-area-inset-right)) 0 max(var(--space-2), env(safe-area-inset-left));margin:0;list-style:none;display:flex}.nav__list li{flex:1}.nav__link{min-height:var(--tabbar-height);color:var(--color-text-muted);font-size:var(--font-size-xs);transition:color var(--transition);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-weight:550;text-decoration:none;display:flex}.nav__icon{width:var(--nav-pill-width);height:var(--nav-pill-height);border-radius:var(--radius-pill);transition:background var(--transition), transform var(--transition);place-items:center;display:grid}.nav__link--active{color:var(--color-accent-text)}.nav__link--active .nav__icon{background:var(--color-accent-soft)}.nav__link:active .nav__icon{transform:scale(.92)}@media (width>=1024px){.app{grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh;display:grid}.nav{height:100vh;padding:var(--space-6) var(--space-4);border-top:none;border-right:1px solid var(--color-border);background:var(--color-surface);position:sticky;top:0}.nav__brand{align-items:center;gap:var(--space-3);padding:0 var(--space-2) var(--space-8);font-size:var(--font-size-lg);font-weight:var(--font-weight-title);letter-spacing:var(--letter-spacing-title);display:flex}.nav__logo{width:var(--icon-box);height:var(--icon-box);border-radius:var(--radius-sm);background:var(--gradient-accent);color:var(--color-on-accent);box-shadow:var(--shadow-accent);place-items:center;display:grid}.nav__list{gap:var(--space-1);flex-direction:column;padding:0}.nav__link{justify-content:flex-start;gap:var(--space-2);min-height:var(--touch-target);padding:0 var(--space-2);border-radius:var(--radius-md);font-size:var(--font-size-md);transition:color var(--transition), background var(--transition);flex-direction:row}.nav__icon{width:var(--nav-icon-box);height:var(--nav-icon-box)}.nav__link--active .nav__icon{background:0 0}.nav__link:hover{background:var(--color-surface-2);color:var(--color-text)}.nav__link--active,.nav__link--active:hover{background:var(--color-accent-soft);color:var(--color-accent-text)}.app__main{width:100%;padding:var(--space-8) var(--space-8) var(--space-8)}}.page-header{margin-bottom:var(--space-6)}.page-header__eyebrow{margin:0 0 var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:550}.page-header__row{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.page-header__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-title);letter-spacing:var(--letter-spacing-title);overflow-wrap:anywhere;margin:0;line-height:1.15}.back-link{align-items:center;gap:var(--space-1);min-height:var(--touch-target);color:var(--color-accent-text);font-size:var(--font-size-sm);font-weight:550;text-decoration:none;display:inline-flex}.empty-state{padding:var(--space-8) var(--space-5);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);text-align:center;color:var(--color-text-muted);flex-direction:column;align-items:center;display:flex}.empty-state__icon{width:var(--empty-icon-size);height:var(--empty-icon-size);margin-bottom:var(--space-3);border-radius:var(--radius-pill);background:var(--color-accent-soft);color:var(--color-accent-text);place-items:center;display:grid}.empty-state__title{margin:0 0 var(--space-1);color:var(--color-text);font-size:var(--font-size-lg);font-weight:650}.empty-state__text{font-size:var(--font-size-sm);overflow-wrap:anywhere}.empty-state__text a{font-weight:600;text-decoration:none}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.icon{flex-shrink:0}.button{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch-target);padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--font-size-sm);white-space:nowrap;cursor:pointer;transition:transform var(--transition), background var(--transition), box-shadow var(--transition), filter var(--transition);font-weight:650;display:inline-flex}.button:active{transform:scale(.96)}.button--primary{background:var(--gradient-accent);color:var(--color-on-accent);box-shadow:var(--shadow-accent);border-color:#0000}.button--danger{background:var(--color-danger);color:var(--color-on-danger);border-color:#0000}.button--ghost{color:var(--color-text-muted);background:0 0;border-color:#0000}.button--icon{width:var(--touch-target);border-radius:var(--radius-pill);padding:0}@media (hover:hover){.button:hover{background:var(--color-surface-2)}.button--primary:hover,.button--danger:hover{filter:brightness(1.08)}.button--primary:hover{background:var(--gradient-accent)}.button--danger:hover{background:var(--color-danger)}.button--ghost:hover{background:var(--color-surface-2);color:var(--color-text)}}.form-stack{gap:var(--space-5);flex-direction:column;display:flex}.field{gap:var(--space-2);flex-direction:column;display:flex}.field__label{color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:600}.field__input{min-height:var(--input-height);padding:0 var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-2);color:var(--color-text);font:inherit;font-size:var(--font-size-md);transition:border-color var(--transition), background var(--transition);border:2px solid #0000}.field__input:focus{border-color:var(--color-accent);background:var(--color-surface);outline:none}.field__input--invalid{border-color:var(--color-danger)}.field__select{appearance:auto}.field__error{color:var(--color-danger-text);font-size:var(--font-size-sm);margin:0;font-weight:550}.segmented{border:none;min-width:0;margin:0;padding:0}.segmented .field__label{margin-bottom:var(--space-2);padding:0;display:block}.segmented__options{padding:var(--space-1);border-radius:var(--radius-md);background:var(--color-surface-2);display:flex}.segmented__option{flex:1;position:relative}.segmented__input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segmented__label{min-height:calc(var(--input-height) - 2 * var(--space-1));border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--font-size-sm);transition:background var(--transition), color var(--transition), box-shadow var(--transition);justify-content:center;align-items:center;font-weight:600;display:flex}.segmented__input:checked+.segmented__label{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-segment)}.segmented__input:focus-visible+.segmented__label{outline:2px solid var(--color-accent);outline-offset:1px}.dialog{width:min(var(--dialog-width), calc(100vw - 2 * var(--space-4)));max-height:calc(100dvh - 2 * var(--space-4));overscroll-behavior:contain;padding:var(--space-6);border-radius:var(--radius-xl);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-dialog);border:none;overflow-y:auto}.dialog::backdrop{background:var(--color-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog[open]{animation:dialog-in var(--duration-slow) var(--ease-out)}.dialog[open]::backdrop{animation:fade-in var(--duration-slow) var(--ease-out)}.dialog__title{margin:0 0 var(--space-5);font-size:var(--font-size-lg);font-weight:var(--font-weight-title);letter-spacing:var(--letter-spacing-title)}.dialog__body{margin-bottom:var(--space-6);color:var(--color-text-muted);overflow-wrap:anywhere}.dialog__body .field,.dialog__body .segmented{color:var(--color-text)}.dialog__actions{justify-content:flex-end;gap:var(--space-2);display:flex}.dialog__delete{width:100%;margin-top:var(--space-3);color:var(--color-danger-text)}@media (width<=639px){.dialog{width:100%;max-width:none;max-height:calc(100dvh - var(--space-8));padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom));border-radius:var(--radius-xl) var(--radius-xl) 0 0;margin:auto 0 0}.dialog:before{content:"";width:var(--sheet-handle-width);height:var(--sheet-handle-height);margin:calc(-1 * var(--space-3)) auto var(--space-4);border-radius:var(--radius-pill);background:var(--color-border-strong);display:block}.dialog[open]{animation-name:sheet-in}.dialog__actions .button{min-height:var(--input-height);flex:1}}@keyframes dialog-in{0%{opacity:0;transform:translateY(var(--space-3)) scale(.97)}}@keyframes sheet-in{0%{transform:translateY(100%)}}@keyframes fade-in{0%{opacity:0}}body:has(dialog[open]){overflow:hidden}.notice{margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-danger-soft);color:var(--color-danger-text);font-size:var(--font-size-sm);font-weight:550}.task-section__bar{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.list-summary{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0;font-weight:550}.task-list{padding:var(--space-1) 0;border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);margin:0;list-style:none;overflow:hidden}.task{align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-2) var(--space-1) var(--space-4);background:var(--color-surface);display:flex;position:relative}.task+.task:before{content:"";top:0;right:0;left:calc(var(--space-4) + var(--checkbox-size) + var(--space-3));border-top:1px solid var(--color-border);position:absolute}.task__checkbox{width:var(--checkbox-size);height:var(--checkbox-size);border:2px solid var(--color-border-strong);border-radius:var(--radius-pill);appearance:none;cursor:pointer;transition:border-color var(--transition), background var(--transition);background:0 0;flex-shrink:0;place-items:center;margin:0;display:grid}.task__checkbox:checked{background:var(--icon-check) center / 70% no-repeat, var(--gradient-accent);animation:check-pop var(--duration-slow) var(--ease-spring);border-color:#0000}.task__checkbox:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@keyframes check-pop{0%{transform:scale(.6)}to{transform:scale(1)}}.task__title{align-items:center;gap:var(--space-2);min-width:0;min-height:calc(var(--touch-target) + var(--space-2));overflow-wrap:anywhere;cursor:pointer;flex:1;display:flex}.task__text{min-width:0;transition:color var(--transition);flex:1;font-weight:500}.task__meta{gap:var(--space-1) var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-xs);flex-wrap:wrap;margin-top:2px;font-weight:500;text-decoration:none;display:flex}.task__meta-item{align-items:center;gap:var(--space-1);display:inline-flex}.task__meta-item--routine{color:var(--color-accent-text);font-weight:600}.task__meta-item--streak{color:var(--color-medium-text);font-weight:650}.task--done .task__meta-item--routine{color:var(--color-text-muted)}.view-filter{margin-bottom:var(--space-4)}.task--done .task__text{color:var(--color-text-muted)}.task--done .task__name{text-decoration:line-through;-webkit-text-decoration-color:var(--color-border-strong);text-decoration-color:var(--color-border-strong)}.task__actions{flex-shrink:0;display:flex}.priority-tag{padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);font-size:var(--font-size-xs);flex-shrink:0;font-weight:650;line-height:1;text-decoration:none}.priority-tag--high{background:var(--color-high-soft);color:var(--color-high-text)}.priority-tag--medium{background:var(--color-medium-soft);color:var(--color-medium-text)}.priority-tag--low{background:var(--color-low-soft);color:var(--color-low-text)}.task--done .priority-tag{background:var(--color-low-soft);color:var(--color-text-muted)}.progress{gap:var(--space-2);flex-direction:column;display:flex}.progress__track{height:var(--progress-height);border-radius:var(--radius-pill);background:var(--color-surface-2);overflow:hidden}.progress__fill{border-radius:inherit;background:var(--gradient-accent);height:100%;transition:width var(--duration-slow) var(--ease-out)}.progress__text{color:var(--color-text-muted);font-size:var(--font-size-xs);margin:0;font-weight:550}.ring{width:var(--ring-size);height:var(--ring-size);flex-shrink:0;position:relative}.ring__svg{width:100%;height:100%;display:block;transform:rotate(-90deg)}.ring__track,.ring__value{fill:none;stroke-width:var(--ring-stroke)}.ring__track{stroke:var(--color-hero-track)}.ring__value{stroke:var(--color-on-hero);stroke-linecap:round;transition:stroke-dashoffset var(--duration-slow) var(--ease-out)}.ring__label{font-size:var(--font-size-lg);font-weight:var(--font-weight-title);font-variant-numeric:tabular-nums;place-items:center;display:grid;position:absolute;inset:0}.project-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}@media (width>=640px){.project-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.project-card{gap:var(--space-4);height:100%;min-height:var(--touch-target);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);color:var(--color-text);transition:transform var(--transition), box-shadow var(--transition);flex-direction:column;text-decoration:none;display:flex}.project-card:active{transform:scale(.98)}@media (hover:hover){.project-card:hover{box-shadow:var(--shadow-md)}}.project-card__head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.project-card__name{overflow-wrap:anywhere;font-weight:650}.project-card__arrow{color:var(--color-text-muted)}.project-progress{margin-bottom:var(--space-6);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm)}.page-header__actions{flex-shrink:0;display:flex}.hero{align-items:center;gap:var(--space-5);margin-bottom:var(--space-8);padding:var(--space-5);border-radius:var(--radius-xl);background:var(--gradient-hero);box-shadow:var(--shadow-hero);color:var(--color-on-hero);display:flex}.hero__count{font-size:var(--font-size-2xl);font-weight:var(--font-weight-title);letter-spacing:var(--letter-spacing-title);font-variant-numeric:tabular-nums;margin:0;line-height:1}.hero__label{margin:var(--space-1) 0 0;font-size:var(--font-size-md);font-weight:600}.hero__meta{margin:var(--space-2) 0 0;color:var(--color-on-hero-muted);font-size:var(--font-size-sm)}.dashboard-section+.dashboard-section{margin-top:var(--space-8)}.dashboard-section__header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.dashboard-section__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-title);letter-spacing:var(--letter-spacing-title);margin:0}.dashboard-section__link{min-height:var(--touch-target);color:var(--color-accent-text);font-size:var(--font-size-sm);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.project-scroller{gap:var(--space-3);margin:0 calc(-1 * var(--space-5));padding:var(--space-1) var(--space-5) var(--space-4);scroll-snap-type:x mandatory;scroll-padding-inline:var(--space-5);scrollbar-width:none;list-style:none;display:flex;overflow-x:auto}.project-scroller::-webkit-scrollbar{display:none}.project-scroller>li{flex:0 0 var(--project-card-width);scroll-snap-align:start}@media (width>=640px){.project-scroller{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;display:grid;overflow:visible}}.backup{gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.backup__head{align-items:flex-start;gap:var(--space-3);display:flex}.backup__icon{width:var(--icon-box);height:var(--icon-box);border-radius:var(--radius-sm);background:var(--color-accent-soft);color:var(--color-accent-text);flex-shrink:0;place-items:center;display:grid}.backup__text{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.backup__actions{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.backup__message{font-size:var(--font-size-sm);margin:0;font-weight:550}.backup__message--success{color:var(--color-text)}.backup__message--success:before{content:"✓ ";color:var(--color-accent-text)}.backup__message--error{color:var(--color-danger-text)}::view-transition-old(root){animation:page-out var(--duration-fast) var(--ease-out) both}::view-transition-new(root){animation:page-in var(--duration-slow) var(--ease-out) both}::view-transition-group(*){animation-duration:var(--duration-slow);animation-timing-function:var(--ease-out)}@keyframes page-out{to{opacity:0}}@keyframes page-in{0%{opacity:0;transform:translateY(var(--space-2))}}@media (hover:hover){.dialog__delete:hover{background:var(--color-danger-soft);color:var(--color-danger-text)}}.weekdays{border:none;min-width:0;margin:0;padding:0}.weekdays .field__label{margin-bottom:var(--space-2);padding:0;display:block}.weekdays__options{gap:var(--space-1);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.weekdays__option{position:relative}.weekdays__input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.weekdays__label{aspect-ratio:1;min-height:var(--touch-target);border-radius:var(--radius-pill);background:var(--color-surface-2);color:var(--color-text-muted);font-size:var(--font-size-sm);transition:background var(--transition), color var(--transition), transform var(--transition);place-items:center;font-weight:650;display:grid}.weekdays__input:checked+.weekdays__label{background:var(--gradient-accent);color:var(--color-on-accent)}.weekdays__input:active+.weekdays__label{transform:scale(.92)}.weekdays__input:focus-visible+.weekdays__label{outline:2px solid var(--color-accent);outline-offset:2px}.weekdays .field__error{margin-top:var(--space-2)}.starter{gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-md);flex-direction:column;display:flex}.starter__head{align-items:flex-start;gap:var(--space-3);display:flex}.starter__icon{width:var(--empty-icon-size);height:var(--empty-icon-size);border-radius:var(--radius-md);background:var(--gradient-accent);color:var(--color-on-accent);box-shadow:var(--shadow-accent);flex-shrink:0;place-items:center;display:grid}.starter__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-title);letter-spacing:var(--letter-spacing-title);margin:0}.starter__text{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.starter__list{margin:0;padding:0;list-style:none}.starter__item{align-items:center;gap:var(--space-3);min-height:var(--touch-target);cursor:pointer;display:flex}.starter__list li+li .starter__item{border-top:1px solid var(--color-border)}.starter__name{flex:1;font-weight:500}.starter__rhythm{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:550}.starter__actions{align-items:stretch;gap:var(--space-1);flex-direction:column;display:flex}.starter__actions .button{min-height:var(--input-height)}.starter__actions .button:disabled{opacity:.5;cursor:not-allowed}.starter__skip{min-height:var(--touch-target);color:var(--color-accent-text);font-size:var(--font-size-sm);place-items:center;font-weight:600;text-decoration:none;display:grid}.week{gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.week__summary{justify-content:space-between;align-items:baseline;gap:var(--space-1) var(--space-3);flex-wrap:wrap;display:flex}.week__total{font-size:var(--font-size-xl);font-weight:var(--font-weight-title);letter-spacing:var(--letter-spacing-title);font-variant-numeric:tabular-nums;margin:0}.week__unit{color:var(--color-text-muted);font-size:var(--font-size-sm);letter-spacing:normal;font-weight:550}.week__compare{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.week__chart{gap:var(--space-2);grid-template-columns:repeat(7,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.week__day{align-items:center;gap:var(--space-2);flex-direction:column;display:flex;position:relative}.week__bar-area{width:100%;height:var(--chart-height);border-bottom:1px solid var(--color-border);justify-content:center;align-items:flex-end;display:flex;position:relative}.week__bar{width:var(--chart-bar-width);border-radius:var(--chart-bar-radius) var(--chart-bar-radius) 0 0;background:var(--color-accent);min-height:0;transition:height var(--duration-slow) var(--ease-out)}.week__day--today .week__bar{background:var(--gradient-accent);box-shadow:var(--shadow-accent)}.week__value{bottom:calc(100% + var(--space-1));color:var(--color-text);font-size:var(--font-size-xs);font-weight:700;position:absolute}.week__day--today .week__value{margin-bottom:var(--space-1);position:static}.week__day--today .week__bar-area{flex-direction:column;justify-content:flex-end;align-items:center}.week__label{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:600}.week__day--today .week__label{color:var(--color-accent-text)}@media (hover:hover){.week__day:hover:after{content:attr(data-tooltip);bottom:calc(100% + var(--space-1));z-index:1;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--color-text);color:var(--color-bg);font-size:var(--font-size-xs);white-space:nowrap;pointer-events:none;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}}.week__streak{align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-medium-soft);color:var(--color-medium-text);font-size:var(--font-size-sm);margin:0;display:flex}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--font-size-md);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;line-height:1.5;overflow-x:hidden}a{color:var(--color-accent)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}