:root{--bg:#06060f;--surface:#0d0d1c;--card:#111128;--card-border:#1e1e40;--primary:#7c3aed;--primary-light:#9d67f5;--primary-dim:#7c3aed26;--primary-glow:#7c3aed59;--accent:#06b6d4;--success:#10b981;--error:#ef4444;--text:#f1f5f9;--text-muted:#94a3b8;--text-dim:#475569}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);min-height:100vh;margin:0;font-family:Inter,system-ui,sans-serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:3px}.glass{border:1px solid var(--card-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#111128b3;border-radius:16px}.gradient-text{background:linear-gradient(135deg,#9d67f5 0%,#06b6d4 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-light);box-shadow:0 4px 20px var(--primary-glow);transform:translateY(-1px)}.btn-ghost{color:var(--text-muted);border:1px solid var(--card-border);background:0 0}.btn-ghost:hover{background:var(--primary-dim);color:var(--text);border-color:var(--primary)}input[type=range]{appearance:none;cursor:pointer;background:#ffffff1f;border-radius:3px;outline:none;height:5px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primary);cursor:pointer;border-radius:50%;width:16px;height:16px;transition:box-shadow .15s,transform .1s;box-shadow:0 0 0 3px #7c3aed40,0 2px 6px #0006}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.1);box-shadow:0 0 0 5px #7c3aed59,0 2px 8px #00000080}input[type=range]::-webkit-slider-runnable-track{border-radius:3px;height:5px}input[type=range]::-moz-range-thumb{background:var(--primary);cursor:pointer;border:none;border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 3px #7c3aed40}input[type=range]::-moz-range-track{background:#ffffff1f;border-radius:3px;height:5px}