:root{--brand:oklch(0.55 0.18 25);--brand-strong:oklch(0.45 0.2 25);--brand-tint:oklch(0.96 0.015 25);--brand-bar:oklch(0.42 0.18 25);--brand-bar-active:oklch(0.32 0.16 25);--chrome:oklch(0.995 0 0);--on-chrome:oklch(0.2 0 0);--on-chrome-soft:oklch(0.42 0 0);--chrome-rule:oklch(0.88 0 0);--paper:oklch(0.985 0 0);--scrim:oklch(0.2 0 0/0.45);--surface:oklch(0.99 0 0);--surface-raised:oklch(0.965 0 0);--ink:oklch(0.2 0 0);--ink-soft:oklch(0.4 0 0);--mute:oklch(0.52 0 0);--rule:oklch(0.88 0 0);--breaking:oklch(0.5 0.22 27);--link:var(--brand);--focus-ring:oklch(0.55 0.18 25);--accent-gold:oklch(0.78 0.13 85);--up:oklch(0.5 0.13 150);--down:oklch(0.52 0.18 25);--aqi-good:oklch(0.55 0.12 150);--aqi-moderate:oklch(0.62 0.12 85);--aqi-unhealthy:oklch(0.55 0.18 45);--aqi-severe:oklch(0.48 0.2 25);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--space-32:8rem;--page-max:80rem;--body-max:42.5rem;--radius-0:0;--radius-1:4px;--radius-2:8px;--radius-3:12px;--radius-full:9999px;--ease-out-quint:cubic-bezier(0.16,1,0.3,1);--dur-fast:120ms;--dur-base:200ms;--dur-slow:320ms;--shadow-overlay:0 8px 32px oklch(0 0 0/0.1);--shadow-card:0 1px 2px oklch(0 0 0/0.06)}@media (prefers-color-scheme:dark){:root{--brand:oklch(0.68 0.17 25);--brand-strong:oklch(0.74 0.16 25);--brand-tint:oklch(0.16 0 0);--brand-bar:oklch(0.42 0.18 25);--brand-bar-active:oklch(0.32 0.16 25);--chrome:oklch(0 0 0);--on-chrome:oklch(0.96 0 0);--on-chrome-soft:oklch(0.72 0 0);--chrome-rule:oklch(0.28 0 0);--paper:oklch(0.985 0 0);--scrim:oklch(0 0 0/0.62);--surface:oklch(0 0 0);--surface-raised:oklch(0.12 0 0);--ink:oklch(0.96 0 0);--ink-soft:oklch(0.78 0 0);--mute:oklch(0.62 0 0);--rule:oklch(0.28 0 0);--breaking:oklch(0.55 0.2 27);--focus-ring:oklch(0.74 0.16 25);--link:oklch(0.74 0.16 25);--accent-gold:oklch(0.82 0.12 85);--up:oklch(0.72 0.14 150);--down:oklch(0.7 0.16 25);--aqi-good:oklch(0.72 0.13 150);--aqi-moderate:oklch(0.78 0.13 85);--aqi-unhealthy:oklch(0.7 0.16 45);--aqi-severe:oklch(0.68 0.18 25);--shadow-overlay:0 8px 32px oklch(0 0 0/0.55);--shadow-card:0 1px 2px oklch(0 0 0/0.45)}}:root[data-theme=dark]{--brand:oklch(0.68 0.17 25);--brand-strong:oklch(0.74 0.16 25);--brand-tint:oklch(0.16 0 0);--brand-bar:oklch(0.42 0.18 25);--brand-bar-active:oklch(0.32 0.16 25);--chrome:oklch(0 0 0);--on-chrome:oklch(0.96 0 0);--on-chrome-soft:oklch(0.72 0 0);--chrome-rule:oklch(0.28 0 0);--paper:oklch(0.985 0 0);--scrim:oklch(0 0 0/0.62);--surface:oklch(0 0 0);--surface-raised:oklch(0.12 0 0);--ink:oklch(0.96 0 0);--ink-soft:oklch(0.78 0 0);--mute:oklch(0.62 0 0);--rule:oklch(0.28 0 0);--breaking:oklch(0.55 0.2 27);--focus-ring:oklch(0.74 0.16 25);--link:oklch(0.74 0.16 25);--accent-gold:oklch(0.82 0.12 85);--up:oklch(0.72 0.14 150);--down:oklch(0.7 0.16 25);--aqi-good:oklch(0.72 0.13 150);--aqi-moderate:oklch(0.78 0.13 85);--aqi-unhealthy:oklch(0.7 0.16 45);--aqi-severe:oklch(0.68 0.18 25);--shadow-overlay:0 8px 32px oklch(0 0 0/0.55);--shadow-card:0 1px 2px oklch(0 0 0/0.45)}:root[data-theme=light]{--brand:oklch(0.55 0.18 25);--brand-strong:oklch(0.45 0.2 25);--brand-tint:oklch(0.96 0.015 25);--brand-bar:oklch(0.42 0.18 25);--brand-bar-active:oklch(0.32 0.16 25);--chrome:oklch(0.995 0 0);--on-chrome:oklch(0.2 0 0);--on-chrome-soft:oklch(0.42 0 0);--chrome-rule:oklch(0.88 0 0);--paper:oklch(0.985 0 0);--scrim:oklch(0.2 0 0/0.45);--surface:oklch(0.99 0 0);--surface-raised:oklch(0.965 0 0);--ink:oklch(0.2 0 0);--ink-soft:oklch(0.4 0 0);--mute:oklch(0.52 0 0);--rule:oklch(0.88 0 0);--breaking:oklch(0.5 0.22 27);--focus-ring:oklch(0.55 0.18 25);--link:var(--brand);--accent-gold:oklch(0.78 0.13 85);--up:oklch(0.5 0.13 150);--down:oklch(0.52 0.18 25);--aqi-good:oklch(0.55 0.12 150);--aqi-moderate:oklch(0.62 0.12 85);--aqi-unhealthy:oklch(0.55 0.18 45);--aqi-severe:oklch(0.48 0.2 25);--shadow-overlay:0 8px 32px oklch(0 0 0/0.1);--shadow-card:0 1px 2px oklch(0 0 0/0.06)}:where(a,button,[tabindex],input,select,textarea):focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-1)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}