:root{--c-panel: #e9edf2;--c-panel-raised: #edf1f5;--c-panel-recessed: #e0e5ec;--c-panel-highlight: #ffffff;--c-shadow-light: rgba(255, 255, 255, .92);--c-shadow-light-soft: rgba(255, 255, 255, .55);--c-shadow-dark: rgba(168, 181, 195, .5);--c-shadow-dark-soft: rgba(168, 181, 195, .28);--c-ice: #38bdf8;--c-ice-soft: #7dd3fc;--c-green: #4ade80;--c-green-soft: #86efac;--c-amber: #fcd34d;--c-red: #f87171;--c-red-deep: #b91c1c;--c-text: #2a3340;--c-text-dim: #7c8794;--c-text-dimmer: #99a3b0;--font-stack: "Inter", "Inter Variable", -apple-system, BlinkMacSystemFont, "Segoe UI Variable Display", "Segoe UI", "Helvetica Neue", system-ui, sans-serif;--fs-label: .6875rem;--fs-readout: .8125rem;--fs-module: .6875rem;--fs-body: .875rem;--shadow-l1: -3px -3px 6px var(--c-shadow-light), 3px 3px 6px var(--c-shadow-dark);--shadow-l2: -6px -6px 14px var(--c-shadow-light), 6px 6px 14px var(--c-shadow-dark);--shadow-l3: -10px -10px 22px var(--c-shadow-light), 10px 10px 22px var(--c-shadow-dark);--shadow-recessed: inset -5px -5px 12px var(--c-shadow-light), inset 5px 5px 12px var(--c-shadow-dark);--shadow-recessed-deep: inset -8px -8px 18px var(--c-shadow-light), inset 8px 8px 18px var(--c-shadow-dark);--shadow-pressed: inset -3px -3px 8px var(--c-shadow-light), inset 3px 3px 8px var(--c-shadow-dark);--glow-ice-faint: 0 0 8px rgba(56, 189, 248, .18), 0 0 18px rgba(56, 189, 248, .1);--glow-ice: 0 0 8px rgba(56, 189, 248, .38), 0 0 18px rgba(56, 189, 248, .22), 0 0 36px rgba(56, 189, 248, .12);--glow-ice-strong: 0 0 6px rgba(56, 189, 248, .55), 0 0 14px rgba(56, 189, 248, .36), 0 0 32px rgba(56, 189, 248, .22);--glow-green: 0 0 8px rgba(74, 222, 128, .35), 0 0 18px rgba(74, 222, 128, .22), 0 0 36px rgba(74, 222, 128, .12);--glow-amber: 0 0 8px rgba(252, 211, 77, .45), 0 0 18px rgba(252, 211, 77, .28), 0 0 36px rgba(252, 211, 77, .16);--glow-red: 0 0 8px rgba(248, 113, 113, .45), 0 0 18px rgba(248, 113, 113, .28), 0 0 36px rgba(248, 113, 113, .16);--t-press: 80ms;--t-release: .12s;--t-glow: .25s;--t-module: .4s;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-out-soft: cubic-bezier(.33, 1, .68, 1);--ease-in-out: cubic-bezier(.45, 0, .55, 1)}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;color:var(--c-text);font-family:var(--font-stack);font-size:16px;line-height:1.5;background:radial-gradient(ellipse at 35% 30%,var(--c-panel-raised) 0%,var(--c-panel) 55%,#dee3eb 100%);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.module-header{margin:0 0 1rem;font-size:var(--fs-module);font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--c-text-dim)}.label{font-size:var(--fs-label);letter-spacing:.04em;text-transform:lowercase;color:var(--c-text-dim)}.module{background:var(--c-panel-raised);border-radius:24px;padding:1.5rem 1.75rem 1.75rem;box-shadow:var(--shadow-l1)}@media (prefers-reduced-motion: reduce){:root{--t-press: 0ms;--t-release: 0ms;--t-glow: 0ms;--t-module: 0ms}}