:root{color-scheme:light;--neutral-0:oklch(100% 0 0);--neutral-1:oklch(99% 0 0);--neutral-2:oklch(97.8% 0 0);--neutral-3:oklch(95.8% 0 0);--neutral-4:oklch(91.5% 0 0);--neutral-5:oklch(84% 0 0);--neutral-6:oklch(72% 0 0);--neutral-7:oklch(59% 0 0);--neutral-8:oklch(46% 0 0);--neutral-9:oklch(34% 0 0);--neutral-10:oklch(23% 0 0);--neutral-11:oklch(15% 0 0);--surface-raised:var(--neutral-0,#ffffff);--surface-muted:var(--neutral-2,#f5f5f5);--text-secondary:var(--neutral-8,#737373);--text-muted:var(--neutral-7,#a3a3a3);--border-subtle:oklch(96.5% 0 0);--border-strong:oklch(82% 0 0);--control-on:oklch(23% 0 0);--control-glyph:oklch(100% 0 0);--control-track:oklch(89.5% 0 0);--control-track-hover:oklch(86% 0 0);--control-thumb:oklch(100% 0 0);--control-thumb-on:oklch(100% 0 0);--control-thumb-shadow:0 0 0 0.5px oklch(0% 0 0/0.07),0 1px 2px oklch(0% 0 0/0.14),0 2px 6px oklch(0% 0 0/0.06);--control-on-subtle:color-mix(in oklab,var(--control-on) 10%,transparent);--control-fill:var(--control-on);--focus-ring:transparent;--shadow-resting:0 1px 2px oklch(0% 0 0/0.035);--shadow-raised:0 6px 18px oklch(0% 0 0/0.065),0 1px 3px oklch(0% 0 0/0.035);--shadow-floating:0 20px 48px oklch(0% 0 0/0.105),0 3px 10px oklch(0% 0 0/0.045);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-control:1.125rem;--radius-panel:1.625rem;--radius-surface:2.125rem;--radius-pill:9999px;--control-height-sm:2.25rem;--control-height-md:2.75rem;--control-height-lg:3.125rem;--font-body:var(--font-inter,sans-serif);--tracking-body:-0.01em;--leading-body:1.4;--ease-enter:cubic-bezier(0.16,1,0.3,1);--ease-standard:cubic-bezier(0.22,1,0.36,1);--ease-exit:cubic-bezier(0.7,0,0.84,0);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--duration-instant:120ms;--duration-fast:160ms;--duration-standard:240ms;--duration-considered:480ms;--duration-spring:580ms}.dark,:root.dark,:root[data-theme=dark]{color-scheme:dark;--surface-raised:oklch(24% 0 0);--surface-muted:oklch(26% 0 0);--text-secondary:oklch(77% 0 0);--text-muted:oklch(64% 0 0);--border-subtle:oklch(25% 0 0);--border-strong:oklch(40% 0 0);--control-on:oklch(93% 0 0);--control-glyph:oklch(19% 0 0);--control-track:oklch(33% 0 0);--control-track-hover:oklch(37% 0 0);--control-thumb:oklch(97% 0 0);--control-thumb-on:oklch(19% 0 0);--control-fill:oklch(62% 0 0);--control-thumb-shadow:0 0 0 0.5px oklch(0% 0 0/0.3),0 1px 2px oklch(0% 0 0/0.35),0 2px 6px oklch(0% 0 0/0.2);--shadow-resting:0 1px 2px oklch(0% 0 0/0.18);--shadow-raised:0 8px 22px oklch(0% 0 0/0.22);--shadow-floating:0 22px 55px oklch(0% 0 0/0.34)}