:root{--accent: #f5a623;--accent-dim: rgba(245, 166, 35, .15);--accent-border: rgba(245, 166, 35, .3);--accent-hover: #f7b64d;--bg-primary: #04070b;--bg-secondary: #0a111c;--bg-card: #0f1824;--bg-card-hover: #162233;--text-primary: #ecf4fc;--text-secondary: #9eb8d2;--text-muted: #5a7591;--border: #1a2838;--border-light: #22344a;--green: #22d47a;--red: #f05252;--yellow: #eab308;--blue: #3b82f6;--purple: #a855f7;--radius: 8px;--radius-lg: 12px;--font-mono: "JetBrains Mono", ui-monospace, monospace;--font-sans: "DM Sans", system-ui, sans-serif;--font-display: "Barlow Condensed", "DM Sans", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px;-webkit-font-smoothing:antialiased}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.5}#root{max-width:1280px;margin:0 auto;padding:0 16px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;transition:border-color .2s}.card:hover{border-color:var(--accent-border)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display)}.section-title{font-family:var(--font-display);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:12px}.badge{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:600;padding:2px 8px;border-radius:999px;line-height:1.4}.badge--green{background:#22c55e26;color:var(--green)}.badge--red{background:#ef444426;color:var(--red)}.badge--yellow{background:#eab30826;color:var(--yellow)}.badge--amber{background:var(--accent-dim);color:var(--accent)}.badge--blue{background:#3b82f626;color:var(--blue)}.fallback-warning{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;color:var(--yellow);padding:4px 10px;background:#eab3081a;border-radius:var(--radius);border:1px solid rgba(234,179,8,.2)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}@media(max-width:768px){#root{padding:0 10px}.card{padding:14px}}