:root{color-scheme:light dark;--color-bg: #f6f7f9;--color-surface: #ffffff;--color-surface-muted: #eef0f3;--color-border: #dde1e6;--color-text: #15181d;--color-text-muted: #5b6470;--color-accent: #0b7a5e;--color-accent-contrast: #ffffff;--color-success: #0b7a5e;--color-warning: #9a5b00;--color-danger: #b42318;--color-danger-contrast: #ffffff;--color-focus: #2563eb}@media(prefers-color-scheme:dark){:root{--color-bg: #0e1013;--color-surface: #171a1f;--color-surface-muted: #20242b;--color-border: #2c313a;--color-text: #eef0f3;--color-text-muted: #9aa3ae;--color-accent: #34d399;--color-accent-contrast: #062b1f;--color-success: #34d399;--color-warning: #fbbf24;--color-danger: #f87171;--color-danger-contrast: #2a0a0a;--color-focus: #60a5fa}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}*{touch-action:manipulation}html:has(dialog[open]){overflow:hidden}button,summary,.btn,label:has(>input[type=radio]){-webkit-user-select:none;user-select:none}img{-webkit-touch-callout:none;-webkit-user-drag:none}body{margin:0;min-height:100vh;min-height:100dvh;background:var(--color-bg);color:var(--color-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}h1{font-size:1.75rem;line-height:1.2;font-weight:700}h2{font-size:1.25rem;line-height:1.3;font-weight:700}button,input{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.page{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:720px;margin-inline:auto;padding-block:1.5rem;padding-left:max(1rem,var(--page-safe-left, env(safe-area-inset-left)));padding-right:max(1rem,env(safe-area-inset-right))}.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:1.5rem}.empty-state{display:flex;flex-direction:column;gap:.5rem;text-align:center;color:var(--color-text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.5rem 1.5rem;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);font-weight:700;text-decoration:none;cursor:pointer;transition:background-color .12s ease,transform 80ms ease}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{border-color:transparent;background:var(--color-accent);color:var(--color-accent-contrast)}.btn--danger{border-color:transparent;background:var(--color-danger);color:var(--color-danger-contrast)}.btn--block{width:100%}.btn--large{min-height:56px;font-size:1.25rem}.btn--ghost{border-color:transparent;background:transparent;color:var(--color-text-muted)}@media(hover:hover){.btn--ghost:hover:not(:disabled){background:var(--color-surface-muted);color:var(--color-text)}}.btn--small{align-self:flex-start;padding-inline:.5rem;font-size:.875rem;font-weight:500}.btn--icon{width:44px;padding:0;font-size:1.75rem;line-height:1}.muted{color:var(--color-text-muted)}.badge{display:inline-flex;align-items:center;padding:2px .5rem;border-radius:999px;background:var(--color-accent);color:var(--color-accent-contrast);font-size:.75rem;font-weight:700;white-space:nowrap}.badge--done{gap:3px;background:color-mix(in srgb,var(--color-success) 16%,transparent);color:var(--color-success)}.alert{padding:1rem;border:1px solid currentColor;border-radius:10px;background:var(--color-surface)}.alert--success{color:var(--color-success)}.alert--danger{color:var(--color-danger)}.alert a{color:inherit;font-weight:700}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(4.5rem,1fr));gap:1rem;margin:0}.stats dt{color:var(--color-text-muted);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.stats dd{margin:0;font-size:1.25rem;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.input{width:100%;min-height:44px;padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);font-family:ui-rounded,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:1.25rem;font-variant-numeric:tabular-nums}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}