@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Barlow+Condensed:wght@500;700&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}.fixed{position:fixed}.sticky{position:sticky}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}:root{--blue:#1a73e8;--blue-dark:#1557b0;--blue-light:#e8f0fe;--accent:#ff6b00;--bg:#f5f7fa;--surface:#fff;--surface2:#f0f2f5;--border:#0000001a;--text:#1a1a2e;--text-muted:#6b7280;--gold:#f59e0b;--green:#10b981;--red:#ef4444;--shadow:0 2px 8px #00000014;--shadow-lg:0 4px 16px #0000001f}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,sans-serif}.font-display{letter-spacing:.04em;font-family:Barlow Condensed,sans-serif}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px}.badge{letter-spacing:.03em;text-transform:uppercase;border-radius:999px;align-items:center;padding:2px 8px;font-family:Inter,sans-serif;font-size:11px;font-weight:600;display:inline-flex}.pred-btn{color:#6b7280;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#f9fafb;border:1.5px solid #d1d5db;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:700;transition:all .15s;display:flex}.pred-btn:hover{border-color:var(--blue);color:var(--blue);background:#e8f0fe}.pred-btn:active{transform:scale(.93)}.pred-btn.active-1{border-color:var(--green);color:#065f46;background:#dcfce7}.pred-btn.active-x{color:#374151;background:#f3f4f6;border-color:#6b7280}.pred-btn.active-2{border-color:var(--red);color:#991b1b;background:#fee2e2}.score-input{text-align:center;width:44px;height:40px;color:var(--text);background:#f9fafb;border:1.5px solid #d1d5db;border-radius:8px;font-family:Inter,sans-serif;font-size:18px;font-weight:700}.score-input:focus{border-color:var(--blue);background:#fff;outline:none}.tab-item{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 16px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:all .15s}.tab-item:hover{color:var(--blue)}.tab-item.active{color:var(--blue);border-bottom-color:var(--blue)}.group-pill{background:var(--blue);color:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:700;display:inline-flex}.filter-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #d1d5db;border-radius:20px;padding:6px 14px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;transition:all .15s}.filter-btn.active{background:var(--blue);border-color:var(--blue);color:#fff}.ranking-grid{grid-template-columns:40px 1fr 60px 60px 60px;align-items:center;display:grid}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.2s forwards fadeUp}input[type=number]{-webkit-appearance:none;-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}@media (max-width:640px){.pred-btn{width:44px;height:44px;font-size:15px}.tab-item{padding:10px 12px;font-size:12px}.ranking-grid{grid-template-columns:32px 1fr 44px 44px 44px}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}