:root{--bg: #09090f;--surface: #0f0f1a;--surface2: #161625;--surface3: #1e1e30;--border: #252540;--accent: #e8b400;--accent2: #ff6b35;--text: #e0e0ee;--muted: #7a7a9a;--good: #3dd68c;--warn: #e8b400;--bad: #f04444;--font-display: "Barlow Condensed", "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Courier New", monospace;--gt3: #3b9eff;--lmh: #f04444;--lmp2: #9d4edd;--lmp3: #ff9f1c;--gte: #3dd68c}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:Barlow,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.mono{font-family:var(--font-mono)}.muted{color:var(--muted)}.accent{color:var(--accent)}.pct-alien{color:#ff4cff}.pct-fast{color:var(--good)}.pct-mid{color:var(--accent)}.pct-slow{color:var(--bad)}button{cursor:pointer;border:1px solid var(--border);border-radius:6px;padding:6px 14px;background:var(--surface2);color:var(--text);font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.04em;transition:background .15s}button:hover{background:var(--surface3)}button.primary{background:var(--accent);color:#000;border-color:var(--accent);font-weight:700}button.primary:hover{opacity:.9}input[type=text]{background:var(--surface2);border:1px solid var(--border);border-radius:6px;padding:6px 10px;color:var(--text);font-size:13px;width:100%}input[type=text]:focus{outline:none;border-color:var(--accent)}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);margin-bottom:16px}.tab{padding:8px 16px;border:none;border-radius:0;background:transparent;color:var(--muted);font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-bottom:2px solid transparent}.tab:hover{background:transparent;color:var(--text)}.tab.active{color:var(--accent);border-bottom-color:var(--accent);background:transparent}.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:16px}.class-badge{display:inline-block;padding:2px 7px;border-radius:4px;font-family:var(--font-display);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.class-GT3,.class-LMGT3{background:#0e2540;color:var(--gt3)}.class-LMH,.class-Hypercar{background:#2a0808;color:var(--lmh)}.class-LMP2_ELMS,.class-LMP2elms,.class-LMP2_WEC,.class-LMP2wec{background:#1e0b38;color:var(--lmp2)}.class-LMP3{background:#2a1600;color:var(--lmp3)}.class-GTE{background:#062214;color:var(--gte)}.type-badge{display:inline-block;padding:1px 6px;border-radius:3px;font-family:var(--font-display);font-size:10px;font-weight:700;letter-spacing:.04em}.type-Practice{background:#1a2a1a;color:#5ccc5c}.type-Qualify{background:#1a1a2a;color:#5c9cff}.type-Race{background:#2a1a1a;color:#ff6060}