:root{--bg: #000000;--bg-elevated: #1c1c1e;--surface: rgba(28, 28, 30, .74);--card: rgba(36, 36, 38, .78);--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .14);--text: #ffffff;--muted: rgba(235, 235, 245, .64);--dim: rgba(235, 235, 245, .42);--interactive-hover: rgba(255, 255, 255, .1);--interactive-press: rgba(255, 255, 255, .14);--ring: rgba(255, 255, 255, .22);--ring-soft: rgba(255, 255, 255, .12);--btn-primary-bg: #f2f2f7;--btn-primary-bg-hover: #ffffff;--btn-primary-fg: #000000;--accent-glow: rgba(255, 255, 255, .1);--shadow-raise: 0 10px 36px rgba(0, 0, 0, .48);--shadow-soft: 0 6px 24px rgba(0, 0, 0, .38);--radius: 16px;--radius-sm: 12px;--radius-lg: 22px;--font-sans: "DM Sans", system-ui, sans-serif;--font-display: "Syne", var(--font-sans);--font-mono: "JetBrains Mono", ui-monospace, monospace;--ease-out: cubic-bezier(.22, 1, .36, 1);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-sans);background:#000;color:var(--text);min-height:100vh;min-height:100dvh;line-height:1.55;font-size:15px;overflow-x:hidden}app-root{display:block;position:relative;z-index:1}@keyframes fade-in-soft{0%{opacity:0;transform:translateY(8px)}}