*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #06060f;--surface: #0d0d1a;--surface2: #111127;--border: #1e1e3a;--border-bright:#2a2a50;--qual: #3b82f6;--qual-glow: rgba(59,130,246,.15);--react: #ef4444;--react-glow: rgba(239,68,68,.15);--pattern: #a855f7;--pattern-glow: rgba(168,85,247,.15);--s1: #3b82f6;--s2: #a855f7;--text: #e2e8f0;--text-dim: #64748b;--text-muted: #374151;--font-ui: "Inter", system-ui, sans-serif;--font-mono: "IBM Plex Mono", "Fira Mono", monospace}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:2px}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-qual{0%,to{box-shadow:0 0 0 1px #3b82f666,0 0 20px var(--qual-glow)}50%{box-shadow:0 0 0 1px var(--qual),0 0 40px #3b82f640}}@keyframes pulse-pattern{0%,to{box-shadow:0 0 0 1px #a855f766,0 0 20px var(--pattern-glow)}50%{box-shadow:0 0 0 1px var(--pattern),0 0 40px #a855f740}}