@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--bg: #000000;--surface: #141414;--surface-2: #1a1a1a;--border: #333333;--border-hover: #4a4a4a;--accent: #06b6d4;--accent-hover: #0891b2;--accent-dim: rgba(6, 182, 212, .15);--amber: #f59e0b;--amber-dim: rgba(245, 158, 11, .15);--text: #f5f5f5;--text-muted: #999999;--text-dim: #666666;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444}*{border-color:var(--border)}body{margin:0;background-color:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;letter-spacing:-.01em}::selection{background:var(--accent);color:#000}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}*:focus-visible{outline:2px solid var(--accent);outline-offset:2px}}@layer components{.brutal-card{position:relative;background-color:var(--surface);border:2px solid var(--border);border-radius:0;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.brutal-card:hover{transform:scale(1.015);border-color:var(--accent);box-shadow:4px 4px 0 var(--accent)}.brutal-input{width:100%;background-color:var(--surface);border:2px solid var(--border);border-radius:0;color:var(--text);padding:12px 16px;font-family:inherit;font-size:14px;line-height:1.4;transition:border-color .15s ease}.brutal-input::placeholder{color:var(--text-dim)}.brutal-input:focus{border-color:var(--accent);outline:none}.brutal-btn{display:inline-flex;align-items:center;justify-content:center;background-color:var(--accent);color:#000;font-weight:900;border:2px solid var(--accent);border-radius:0;padding:12px 24px;font-family:inherit;font-size:14px;letter-spacing:.02em;text-transform:uppercase;transition:all .15s ease;cursor:pointer}.brutal-btn:hover:not(:disabled){background-color:var(--accent-hover);border-color:var(--accent-hover)}.brutal-btn:active:not(:disabled){transform:scale(.98)}.brutal-btn:disabled{opacity:.4;cursor:not-allowed}.brutal-btn-secondary{display:inline-flex;align-items:center;justify-content:center;background-color:transparent;color:var(--text);font-weight:900;border:2px solid var(--border);border-radius:0;padding:12px 24px;font-family:inherit;font-size:14px;letter-spacing:.02em;text-transform:uppercase;transition:all .15s ease;cursor:pointer}.brutal-btn-secondary:hover:not(:disabled){background-color:var(--surface-2);border-color:var(--border-hover)}.brutal-btn-secondary:active:not(:disabled){transform:scale(.98)}.brutal-btn-ghost{display:inline-flex;align-items:center;justify-content:center;background-color:transparent;color:var(--text-muted);font-weight:600;border:none;border-radius:0;padding:8px 12px;font-family:inherit;font-size:13px;transition:all .15s ease;cursor:pointer}.brutal-btn-ghost:hover{color:var(--text)}.brutal-btn-ghost:active{transform:scale(.98)}.brutal-tab{position:relative;padding:16px 24px;font-weight:900;color:var(--text-muted);border-bottom:2px solid transparent;font-size:13px;text-transform:uppercase;letter-spacing:.05em;background:none;border-left:none;border-right:none;border-top:none;cursor:pointer;transition:all .15s ease}.brutal-tab:hover{color:var(--text);border-bottom-color:var(--border-hover)}.brutal-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.brutal-tab.active:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:8px;height:8px;background:var(--accent);clip-path:polygon(50% 0%,0% 100%,100% 100%)}.brutal-tabs{display:flex;gap:0}.brutal-rank{font-family:Fira Code,JetBrains Mono,monospace;font-weight:900;color:var(--text-muted);font-size:28px;line-height:1}.brutal-rank.winner{color:var(--accent)}.brutal-rank.top3{color:var(--amber)}.brutal-sfp{font-family:Fira Code,JetBrains Mono,monospace;font-weight:900;color:var(--accent);font-size:32px;line-height:1;position:absolute;top:20px;right:20px}.brutal-model-name{font-weight:900;color:var(--text);font-size:16px;line-height:1.2;margin-bottom:8px}.brutal-tag{display:inline-block;font-family:Fira Code,JetBrains Mono,monospace;font-weight:900;color:var(--amber);text-transform:uppercase;letter-spacing:.1em;font-size:10px}.brutal-desc{color:var(--text-muted);font-size:12px;line-height:1.5}.brutal-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:var(--border);border-radius:0;outline:none;cursor:pointer}.brutal-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;background:var(--accent);border-radius:0;cursor:pointer;border:2px solid var(--bg);box-shadow:0 0 0 2px var(--accent);transition:transform .1s,box-shadow .1s}.brutal-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 0 3px var(--accent)}.brutal-slider::-moz-range-thumb{width:22px;height:22px;background:var(--accent);border:2px solid var(--bg);border-radius:0;cursor:pointer}.brutal-select{width:100%;background-color:var(--surface);border:2px solid var(--border);border-radius:0;color:var(--text);padding:12px 16px;font-family:inherit;font-size:14px;cursor:pointer;transition:border-color .15s ease}.brutal-select:focus{border-color:var(--accent);outline:none}.brutal-divider{height:1px;background-color:var(--border);margin:2rem 0}.brutal-section-title{font-weight:900;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:13px;margin-bottom:16px}.brutal-header{background-color:var(--surface);border-bottom:3px solid var(--accent);display:flex;align-items:center;justify-content:space-between;padding:16px 32px}.brutal-header-title{font-weight:900;color:var(--text);font-size:20px;letter-spacing:-.5px}.brutal-tooltip{position:fixed;z-index:50;background-color:var(--surface);border:2px solid var(--border);border-radius:0;padding:12px 16px;font-size:14px;color:var(--text);box-shadow:4px 4px #06b6d480;font-family:inherit}.brutal-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.brutal-two-col{display:grid;gap:2rem;grid-template-columns:80px 1fr}.text-accent{color:var(--accent)}.text-amber{color:var(--amber)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.uppercase-sm{text-transform:uppercase;font-size:11px;letter-spacing:.1em}.font-mono-sm{font-family:Fira Code,JetBrains Mono,monospace;font-size:12px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}}@layer utilities{.shadow-brutal{box-shadow:4px 4px 0 var(--accent)}.shadow-brutal-amber{box-shadow:4px 4px 0 var(--amber)}.shadow-brutal-border{box-shadow:4px 4px 0 var(--border)}.clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.bg-bg{background-color:var(--bg)}.bg-surface{background-color:var(--surface)}.bg-surface-2{background-color:var(--surface-2)}.text-text{color:var(--text)}.text-text-muted{color:var(--text-muted)}.text-text-dim{color:var(--text-dim)}.border-border{border-color:var(--border)}.border-2{border-width:2px}.border-b-2{border-bottom-width:2px}.border-b-3{border-bottom-width:3px}.flex{display:flex!important}.items-center{align-items:center!important}.justify-between{justify-content:space-between!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.gap-3{gap:.75rem!important}.gap-4{gap:1rem!important}.gap-6{gap:1.5rem!important}.gap-8{gap:2rem!important}.p-4{padding:1rem!important}.p-6{padding:1.5rem!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:.75rem!important;padding-bottom:.75rem!important}.py-4{padding-top:1rem!important;padding-bottom:1rem!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-4{margin-top:1rem!important}.mb-3{margin-bottom:.75rem!important}.mb-4{margin-bottom:1rem!important}.mb-6{margin-bottom:1.5rem!important}.mb-8{margin-bottom:2rem!important}.my-8{margin-top:2rem!important;margin-bottom:2rem!important}.grid{display:grid!important}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.text-sm{font-size:.875rem!important}.text-xl{font-size:1.25rem!important}.text-2xl{font-size:1.5rem!important}.text-3xl{font-size:1.875rem!important}.font-bold{font-weight:700!important}.font-black{font-weight:900!important}.font-medium{font-weight:500!important}.font-mono{font-family:Fira Code,JetBrains Mono,monospace!important}.uppercase{text-transform:uppercase!important}.tracking-tight{letter-spacing:-.025em!important}.tracking-wider{letter-spacing:.05em!important}.leading-relaxed{line-height:1.625!important}.relative{position:relative!important}.absolute{position:absolute!important}.fixed{position:fixed!important}.top-20{top:20px!important}.right-20{right:20px!important}.bottom-0{bottom:0!important}.left-1\/2{left:50%!important}.-translate-x-1\/2{transform:translate(-50%)!important}.translate-y-1\/2{transform:translateY(50%)!important}.w-full{width:100%!important}.w-6{width:1.5rem!important}.w-8{width:2rem!important}.w-24{width:6rem!important}.w-32{width:8rem!important}.h-2{height:.5rem!important}.h-px{height:1px!important}.overflow-x-auto{overflow-x:auto!important}.overflow-hidden{overflow:hidden!important}.resize-y{resize:vertical!important}.opacity-40{opacity:.4!important}.opacity-50{opacity:.5!important}.cursor-pointer{cursor:pointer!important}.cursor-not-allowed{cursor:not-allowed!important}.z-50{z-index:50!important}.shadow-brutal{box-shadow:4px 4px 0 var(--accent)!important}.shadow-brutal-amber{box-shadow:4px 4px 0 var(--amber)!important}.shadow-brutal-border{box-shadow:4px 4px 0 var(--border)!important}.transition-all{transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}.duration-150{transition-duration:.15s!important}.duration-200{transition-duration:.2s!important}.duration-300{transition-duration:.3s!important}.hover\:bg-surface-2:hover{background-color:var(--surface-2)!important}.hover\:bg-accent\/10:hover{background-color:var(--accent-dim)!important}.hover\:bg-accent\/90:hover{background-color:#06b6d4e6!important}.hover\:text-text:hover{color:var(--text)!important}.hover\:text-accent:hover{color:var(--accent)!important}.hover\:border-accent:hover{border-color:var(--accent)!important}.hover\:border-accent\/30:hover{border-color:#06b6d44d!important}.hover\:border-accent\/50:hover{border-color:#06b6d480!important}.hover\:border-border-hover:hover{border-color:var(--border-hover)!important}.hover\:translate-y-1:hover{transform:translateY(-.25rem)!important}.hover\:shadow-\[0_8px_32px_rgba\(99\,102\,241\,0\.15\)\]:hover{box-shadow:0 8px 32px #6366f126!important}.focus\:border-accent:focus{border-color:var(--accent)!important}.focus\:outline-none:focus{outline:none!important}.focus\:ring-2:focus{box-shadow:0 0 0 2px var(--accent)!important}.focus\:ring-accent\/50:focus{box-shadow:0 0 0 2px #06b6d480!important}.active\:scale-\[0\.98\]:active{transform:scale(.98)!important}.disabled\:opacity-40:disabled{opacity:.4!important}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed!important}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.md\:p-8{padding:2rem!important}.hidden\:md\:inline{display:inline!important}}.max-w-7xl{max-width:80rem!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}}