:root{color-scheme:dark;--color-bg: #121212;--color-surface: #181818;--color-surface-raised: #282828;--color-surface-sunken: #0d0d0d;--color-surface-hover: #232323;--color-surface-active: #2f2f2f;--color-text: #ffffff;--color-text-muted: #b3b3b3;--color-text-subtle: #7c7c7c;--color-text-inverse: #121212;--color-border: #2a2a2a;--color-border-strong: #3e3e3e;--color-accent: #1db954;--color-accent-hover: #1ed760;--color-accent-text: #1ed760;--color-on-accent: #000000;--color-info: #4aa3f0;--color-success: #45c463;--color-warning: #f0a33c;--color-danger: #ff5c56;--color-on-status: #0d0d0d;--color-overlay: rgba(0, 0, 0, .66);--shadow-1: 0 1px 2px rgba(0, 0, 0, .6);--shadow-2: 0 4px 12px rgba(0, 0, 0, .5);--shadow-3: 0 12px 32px rgba(0, 0, 0, .6)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){color-scheme:light;--color-bg: #f7f7f8;--color-surface: #ffffff;--color-surface-raised: #ffffff;--color-surface-sunken: #f0f0f1;--color-surface-hover: #f0f0f1;--color-surface-active: #e4e4e6;--color-text: #191414;--color-text-muted: #555555;--color-text-subtle: #767676;--color-text-inverse: #ffffff;--color-border: #e4e4e6;--color-border-strong: #c9c9cd;--color-accent: #1db954;--color-accent-hover: #19a349;--color-accent-text: #0f7a37;--color-on-accent: #000000;--color-info: #0b63ce;--color-success: #1e7d32;--color-warning: #a35a00;--color-danger: #c62828;--color-on-status: #ffffff;--color-overlay: rgba(0, 0, 0, .4);--shadow-1: 0 1px 2px rgba(0, 0, 0, .08);--shadow-2: 0 4px 12px rgba(0, 0, 0, .12);--shadow-3: 0 12px 32px rgba(0, 0, 0, .16)}}:root[data-theme=light]{color-scheme:light;--color-bg: #f7f7f8;--color-surface: #ffffff;--color-surface-raised: #ffffff;--color-surface-sunken: #f0f0f1;--color-surface-hover: #f0f0f1;--color-surface-active: #e4e4e6;--color-text: #191414;--color-text-muted: #555555;--color-text-subtle: #767676;--color-text-inverse: #ffffff;--color-border: #e4e4e6;--color-border-strong: #c9c9cd;--color-accent: #1db954;--color-accent-hover: #19a349;--color-accent-text: #0f7a37;--color-on-accent: #000000;--color-info: #0b63ce;--color-success: #1e7d32;--color-warning: #a35a00;--color-danger: #c62828;--color-on-status: #ffffff;--color-overlay: rgba(0, 0, 0, .4);--shadow-1: 0 1px 2px rgba(0, 0, 0, .08);--shadow-2: 0 4px 12px rgba(0, 0, 0, .12);--shadow-3: 0 12px 32px rgba(0, 0, 0, .16)}:root{--color-accent-soft: color-mix(in srgb, var(--color-accent) 16%, transparent);--color-info-soft: color-mix(in srgb, var(--color-info) 16%, transparent);--color-success-soft: color-mix(in srgb, var(--color-success) 16%, transparent);--color-warning-soft: color-mix(in srgb, var(--color-warning) 16%, transparent);--color-danger-soft: color-mix(in srgb, var(--color-danger) 16%, transparent);--color-focus-ring: var(--color-accent-text)}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px}:root{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-base: 1.6}:root{--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px;--radius-circle: 50%}:root{--duration-fast: .12s;--duration-base: .2s;--duration-slow: .32s;--easing-standard: cubic-bezier(.2, 0, 0, 1);--easing-decelerate: cubic-bezier(0, 0, 0, 1)}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 1ms;--duration-base: 1ms;--duration-slow: 1ms}}:root{--layout-max-width: 68rem}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{overscroll-behavior-y:contain;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);line-height:var(--line-height-base);color:var(--color-text);background-color:var(--color-bg);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}a{color:var(--color-accent-text)}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.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}.page{width:100%;max-width:var(--layout-max-width);margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-8);flex:1}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background:transparent;color:var(--color-text);font:inherit;font-weight:var(--font-weight-bold);text-decoration:none;cursor:pointer;transition:filter var(--duration-base) var(--easing-standard),background-color var(--duration-base) var(--easing-standard)}.button:hover{background-color:var(--color-surface-hover)}.button[hidden]{display:none}.button--primary{background-color:var(--color-accent);border-color:transparent;color:var(--color-on-accent)}.button--primary:hover{background-color:var(--color-accent-hover)}.button[aria-disabled=true],.button:disabled{pointer-events:none;opacity:.6}.badge{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.02em;background-color:var(--color-surface-raised);color:var(--color-text-muted)}.badge--live{background-color:var(--color-accent-soft);color:var(--color-accent-text)}.badge--soon{background-color:var(--color-warning-soft);color:var(--color-warning)}.badge--dev{background-color:var(--color-info-soft);color:var(--color-info)}