@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700;900&family=JetBrains+Mono:wght@400;500;700&family=DM+Sans:wght@300;400;500;600&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#080810;--surface:#0f0f1a;--card:#161624;--card-hover:#1e1e2e;--border:#2a2a40;--accent:#f97316;--accent2:#fbbf24;--accent3:#818cf8;--text:#f1f1f5;--muted:#7070a0;--muted2:#4a4a6a;--font-display:"Playfair Display",serif;--font-mono:"JetBrains Mono",monospace;--font-body:"DM Sans",sans-serif}body{background:var(--bg);color:var(--text);font-family:var(--font-body)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}input[type=range]{appearance:none;cursor:pointer;border-radius:2px;outline:none;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;border-radius:50%;width:14px;height:14px}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scoreFlash{0%{transform:scale(1)}30%{transform:scale(1.3)}to{transform:scale(1)}}.fade-in{animation:.4s both fadeIn}.slide-in{animation:.3s both slideIn}.score-flash{animation:.3s scoreFlash}