@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=IBM+Plex+Mono:wght@300;400;500&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&display=swap");@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-primary:#0a0c10;--bg-secondary:#0f1117;--bg-card:#13161e;--bg-card-hover:#171b24;--border:#1e2230;--border-light:#252a38;--text-primary:#e8e4d9;--text-secondary:#8b8fa8;--text-muted:#545870;--accent-gold:#c9a84c;--accent-gold-dim:#8a6f2e;--accent-green:#3fcb7a;--accent-green-dim:#1a5c38;--accent-red:#e85c50;--accent-red-dim:#5c2020;--accent-blue:#4a9eff;--accent-blue-dim:#1a3a5c;--accent-amber:#f0a040}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh}body{font-family:DM Sans,ui-sans-serif,system-ui,-apple-system,sans-serif}.font-display{font-family:"DM Serif Display",Georgia,serif}.font-mono{font-family:IBM Plex Mono,Menlo,Consolas,monospace}.font-body{font-family:DM Sans,ui-sans-serif,system-ui,sans-serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px}.card-hover{transition:background .15s ease,border-color .15s ease;cursor:pointer}.card-hover:hover{background:var(--bg-card-hover);border-color:var(--border-light)}.score-badge{font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:500;padding:2px 8px;border-radius:3px;display:inline-flex;align-items:center}.tier-a{color:var(--accent-green);background:var(--accent-green-dim)}.tier-b{color:var(--accent-gold);background:#3a2a10}.tier-c{color:var(--accent-amber);background:#3a2810}.tier-none{color:var(--text-muted);background:#1a1d25}.positive{color:var(--accent-green)}.negative{color:var(--accent-red)}.neutral{color:var(--text-secondary)}.data-table{border-collapse:collapse;width:100%}.data-table th{font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:10px 12px;text-align:left;white-space:nowrap}.data-table td,.data-table th{border-bottom:1px solid var(--border)}.data-table td{padding:12px;font-size:13px}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background .1s}.data-table tbody tr:hover{background:var(--bg-card-hover)}.gradient-mesh{position:relative;overflow:hidden}.gradient-mesh:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(201,168,76,.04) 0,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(74,158,255,.03) 0,transparent 50%);pointer-events:none;z-index:0}.pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:100px;font-size:11px;font-weight:500;font-family:IBM Plex Mono,monospace;white-space:nowrap}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .3s ease forwards}.fade-up-delay-1{animation:fadeUp .3s ease .05s forwards;opacity:0}.fade-up-delay-2{animation:fadeUp .3s ease .1s forwards;opacity:0}.fade-up-delay-3{animation:fadeUp .3s ease .15s forwards;opacity:0}.fade-up-delay-4{animation:fadeUp .3s ease .2s forwards;opacity:0}.score-bar{height:4px;border-radius:2px;background:var(--border);position:relative;overflow:hidden;min-width:40px}.score-bar-fill{position:absolute;left:0;top:0;height:100%;border-radius:2px;transition:width .6s cubic-bezier(.34,1.56,.64,1)}a[data-active=true]{color:var(--accent-gold);background:rgba(201,168,76,.08);border-left-color:var(--accent-gold)}input[type=range]{accent-color:var(--accent-gold);width:100%}select{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);border-radius:4px;padding:4px 8px;font-size:12px;outline:none}select:focus{border-color:var(--accent-gold-dim)}