:root{--bg: #07070b;--bg-gradient: radial-gradient(circle at 50% 0%, rgba(124, 111, 255, .12) 0%, rgba(7, 7, 11, .98) 70%);--surface: #0f0f18;--surface-elevated: #161624;--surface-glass: rgba(22, 22, 36, .65);--border: rgba(255, 255, 255, .08);--border-active: rgba(124, 111, 255, .45);--text-primary: #f1f1f8;--text-secondary: #9a9ab5;--text-muted: #5e5e78;--accent: #7c6fff;--accent-glow: rgba(124, 111, 255, .25);--accent-cyan: #38bdf8;--accent-emerald: #4ade80;--accent-amber: #fbbf24;--accent-rose: #fb7185;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .6), 0 0 24px var(--accent-glow)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);background-image:var(--bg-gradient);background-attachment:fixed;color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden}code,pre{font-family:var(--font-mono)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.glass-panel{background:var(--surface-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all .25s cubic-bezier(.16,1,.3,1)}.glass-panel:hover{border-color:#ffffff24}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-elevated);color:var(--text-primary);cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.btn:hover{background:#7c6fff26;border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 12px var(--accent-glow)}.btn-primary{background:linear-gradient(135deg,#7c6fff,#6352ff);border-color:#fff3;color:#fff;box-shadow:0 4px 14px #7c6fff59}.btn-primary:hover{background:linear-gradient(135deg,#8a7eff,#7262ff);box-shadow:0 6px 20px #7c6fff80;transform:translateY(-2px)}.badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:var(--radius-full);border:1px solid var(--border)}.badge-live{background:#4ade801f;border-color:#4ade8059;color:var(--accent-emerald)}.badge-accent{background:#7c6fff24;border-color:#7c6fff59;color:var(--accent)}.badge-amber{background:#fbbf241f;border-color:#fbbf2459;color:var(--accent-amber)}.badge-rose{background:#fb71851f;border-color:#fb718559;color:var(--accent-rose)}input[type=text],input[type=range],select,textarea{background:var(--surface);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-sm);padding:8px 12px;font-family:inherit;font-size:13px;outline:none;transition:border-color .2s ease}input[type=text]:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}input[type=range]{height:4px;accent-color:var(--accent);padding:0;cursor:pointer}