@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-base:#07070f;--bg-surface:#0d0d1a;--bg-elevated:#12122a;--bg-card:#ffffff09;--bg-card-hover:#ffffff0f;--accent:#7c3aed;--accent-light:#a855f7;--accent-glow:#7c3aed59;--accent-subtle:#7c3aed1f;--text-primary:#f0f0ff;--text-secondary:#9090bb;--text-muted:#55558a;--border:#ffffff12;--border-accent:#7c3aed66;--grade-a-plus:#10b981;--grade-a:#34d399;--grade-a-minus:#6ee7b7;--grade-b-plus:#84cc16;--grade-b:#a3e635;--grade-b-minus:#bef264;--grade-c-plus:#f59e0b;--grade-c:#fbbf24;--grade-c-minus:#fcd34d;--grade-d-plus:#f97316;--grade-d:#fb923c;--grade-d-minus:#fdba74;--grade-f:#ef4444;--openai:#10a37f;--anthropic:#d4a96a;--gemini:#4285f4;--ease:cubic-bezier(.16, 1, .3, 1);--duration:.22s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-base);color:var(--text-primary);min-height:100vh;font-family:Inter,system-ui,sans-serif;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 50% at 20% 10%,#7c3aed14 0%,#0000 60%),radial-gradient(60% 40% at 80% 80%,#4285f40f 0%,#0000 60%),radial-gradient(40% 30% at 60% 30%,#10a37f0a 0%,#0000 60%);position:fixed;inset:0}#root{z-index:1;position:relative}h1,h2,h3,h4{letter-spacing:-.02em;font-weight:700;line-height:1.2}code,pre,.mono{font-family:JetBrains Mono,Fira Code,monospace;font-size:.875em}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.grid{display:grid}.glass{background:var(--bg-card);border:1px solid var(--border);-webkit-backdrop-filter:blur(20px);transition:background var(--duration) var(--ease), border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease);border-radius:16px}.glass:hover{background:var(--bg-card-hover);border-color:#ffffff1f}.glass-accent{border-color:var(--border-accent);box-shadow:0 0 30px var(--accent-glow), 0 2px 8px #0006}.btn{cursor:pointer;transition:all var(--duration) var(--ease);white-space:nowrap;border:1px solid #0000;border-radius:10px;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-light));color:#fff;box-shadow:0 4px 15px var(--accent-glow)}.btn-primary:hover:not(:disabled){box-shadow:0 6px 25px var(--accent-glow);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-ghost{color:var(--text-secondary);border-color:var(--border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-card);color:var(--text-primary);border-color:#ffffff1f}.btn-lg{border-radius:12px;padding:.875rem 2rem;font-size:1rem}.input,.textarea{border:1px solid var(--border);width:100%;color:var(--text-primary);transition:border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease);resize:vertical;background:#ffffff0a;border-radius:10px;outline:none;padding:.75rem 1rem;font-family:Inter,sans-serif;font-size:.95rem}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.input:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.select-input{border:1px solid var(--border);width:100%;color:var(--text-primary);cursor:pointer;transition:border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease);appearance:none;background:#ffffff0a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2355558a' d='M6 8L1 3h10z'/%3E%3C/svg%3E") right 1rem center no-repeat;border-radius:10px;outline:none;padding:.75rem 2.5rem .75rem 1rem;font-family:Inter,sans-serif;font-size:.95rem}.select-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.select-input option{background:var(--bg-elevated);color:var(--text-primary)}.textarea.mono-input{min-height:220px;font-family:JetBrains Mono,monospace;font-size:.85rem}.header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(20px);z-index:100;background:#07070fcc;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex;position:sticky;top:0}.header-logo{flex-shrink:0;align-items:center;display:flex}.header-logo-img{width:auto;height:54px;display:block}.header-nav{align-items:center;gap:.5rem;display:flex}.nav-link{color:var(--text-secondary);cursor:pointer;transition:all var(--duration) var(--ease);background:0 0;border:none;border-radius:8px;padding:.4rem .875rem;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500}.nav-link:hover{color:var(--text-primary);background:var(--bg-card)}.nav-link.active{color:var(--accent-light);background:var(--accent-subtle)}.auth-screen{flex-direction:column;align-items:center;gap:0;min-height:100vh;padding:0 2rem 2rem;display:flex}.auth-nav{z-index:100;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#07070fcc;justify-content:space-between;align-items:center;width:100vw;padding:.75rem 2rem;display:flex;position:sticky;top:0}.auth-nav-logo{width:auto;height:32px}.auth-nav-right{align-items:center;gap:.75rem;display:flex}.google-btn-compact{color:var(--text-primary);cursor:pointer;transition:all var(--duration) var(--ease);white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;display:inline-flex}.google-btn-compact:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-1px);box-shadow:0 4px 16px #0000004d}.google-btn-compact:active{transform:translateY(0)}.google-btn-compact svg{flex-shrink:0}.auth-hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:0;padding:6rem 0 4rem;display:flex}.auth-logo{width:auto;max-width:500px;height:auto;margin-bottom:1.5rem;display:block}.auth-tagline{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:1rem;font-size:1.5rem;font-weight:700;line-height:1.3}.auth-subtitle{color:var(--text-secondary);max-width:520px;margin-bottom:2.5rem;font-size:1rem;line-height:1.6}.auth-subtitle em{color:var(--accent-light);font-style:normal;font-weight:600}.auth-divider{color:var(--text-muted);align-items:center;gap:1rem;margin:1.5rem 0;font-size:.8rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.google-btn{width:100%;color:var(--text-primary);cursor:pointer;transition:all var(--duration) var(--ease);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;gap:.75rem;padding:.875rem 1.5rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;display:flex}.google-btn:hover{background:#ffffff1a;transform:translateY(-1px);box-shadow:0 4px 20px #0000004d}.google-btn:active{transform:translateY(0)}.google-btn svg{flex-shrink:0}.auth-value-section{border-top:1px solid var(--border);text-align:center;width:100%;max-width:800px;padding:4rem 0}.auth-section-heading{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:1rem;font-size:1.4rem;font-weight:800}.auth-section-body{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1rem;line-height:1.7}.auth-section-body em{color:var(--accent-light);font-style:normal;font-weight:600}.auth-steps-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:2rem;display:grid}.auth-step-card{text-align:left;padding:1.75rem 1.5rem;position:relative}.auth-step-card h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1rem;font-weight:700}.auth-step-card p{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.auth-step-number{background:var(--accent-subtle);width:28px;height:28px;color:var(--accent-light);border:1px solid var(--border-accent);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1rem;font-size:.8rem;font-weight:800;display:inline-flex}.auth-features-grid{text-align:left;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem;display:grid}.auth-feature{padding:.5rem 0}.auth-feature-icon{margin-bottom:.75rem;font-size:1.5rem;display:block}.auth-feature h3{color:var(--text-primary);margin-bottom:.4rem;font-size:.95rem;font-weight:700}.auth-feature p{color:var(--text-secondary);font-size:.85rem;line-height:1.6}.auth-bottom-cta{border-top:1px solid var(--border);text-align:center;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:800px;padding:4rem 0 3rem;display:flex}.auth-bottom-text{color:var(--text-primary);letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.auth-bottom-btn{max-width:320px}@media (width<=700px){.auth-nav{padding:.75rem 1rem}.auth-steps-grid,.auth-features-grid{grid-template-columns:1fr}.auth-tagline{font-size:1.25rem}.auth-value-section{padding:3rem 0}}.home-screen{padding:3rem 0 4rem}.home-hero{text-align:center;margin-bottom:3rem}.home-hero h1{background:linear-gradient(135deg, #fff 30%, var(--accent-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.75rem;font-size:clamp(2rem,5vw,3.5rem)}.home-hero p{color:var(--text-secondary);max-width:520px;margin:0 auto;font-size:1.1rem}.mode-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}@media (width<=768px){.mode-grid{grid-template-columns:1fr}}.mode-card{cursor:pointer;transition:all var(--duration) var(--ease);padding:2rem;position:relative;overflow:hidden}.mode-card:before{content:"";background:linear-gradient(135deg, var(--accent-subtle), transparent);opacity:0;transition:opacity var(--duration) var(--ease);border-radius:16px;position:absolute;inset:0}.mode-card:hover:before,.mode-card.selected:before{opacity:1}.mode-card.selected{border-color:var(--accent);box-shadow:0 0 30px var(--accent-glow)}.mode-icon{margin-bottom:1rem;font-size:2rem;display:block}.mode-card h3{margin-bottom:.5rem;font-size:1.2rem}.mode-card p{color:var(--text-secondary);font-size:.875rem;line-height:1.5}.input-area{margin-bottom:1.5rem}.input-label{color:var(--text-secondary);letter-spacing:.02em;text-transform:uppercase;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.model-selector{margin-bottom:2rem}.model-selector-title{color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase;margin-bottom:1rem;font-size:.875rem;font-weight:600}.provider-row{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}@media (width<=600px){.provider-row{grid-template-columns:1fr}}.provider-card{border-radius:12px;padding:1rem 1.25rem;position:relative}.provider-header{align-items:center;gap:.625rem;margin-bottom:.75rem;display:flex}.provider-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.provider-name{font-size:.9rem;font-weight:600}.provider-toggle{margin-left:auto}.toggle{width:36px;height:20px;display:inline-block;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;transition:background var(--duration) var(--ease);background:#ffffff1a;border-radius:20px;position:absolute;inset:0}.toggle-slider:before{content:"";width:14px;height:14px;transition:transform var(--duration) var(--ease);background:#fff;border-radius:50%;position:absolute;bottom:3px;left:3px}.toggle input:checked+.toggle-slider{background:var(--accent)}.toggle input:checked+.toggle-slider:before{transform:translate(16px)}.model-select{border:1px solid var(--border);width:100%;color:var(--text-primary);cursor:pointer;transition:border-color var(--duration) var(--ease);background:#ffffff0d;border-radius:8px;outline:none;padding:.375rem .625rem;font-family:Inter,sans-serif;font-size:.8rem}.model-select:focus{border-color:var(--accent)}.model-select option{background:var(--bg-elevated)}.model-select:disabled{opacity:.4;cursor:not-allowed}.submit-bar{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:1rem;padding-top:1.5rem;display:flex}.results-screen{padding:2rem 0 4rem}.results-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.results-title{font-size:1.5rem}.results-meta{color:var(--text-secondary);align-items:center;gap:.75rem;font-size:.875rem;display:flex}.badge{letter-spacing:.03em;border-radius:6px;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-mode{background:var(--accent-subtle);color:var(--accent-light);border:1px solid var(--border-accent)}.category-chip-bar{border:1px solid var(--border);background:#ffffff08;border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:.75rem 1.25rem;display:flex}.category-chip{border:1.5px solid var(--border);color:var(--text-primary);letter-spacing:.01em;background:#ffffff0d;border-radius:20px;align-items:center;gap:.4rem;padding:.35rem .85rem;font-size:.8rem;font-weight:600;display:inline-flex}.category-edit-btn{cursor:pointer;opacity:.5;transition:opacity var(--duration) var(--ease);background:0 0;border:none;margin-left:.25rem;padding:0 .15rem;font-size:.75rem}.category-edit-btn:hover{opacity:1}.category-source{color:var(--text-muted);font-size:.75rem;font-style:italic}.category-badge{white-space:nowrap;border:1px solid;border-radius:6px;align-items:center;gap:.3rem;padding:.2rem .6rem;font-size:.72rem;font-weight:600;display:inline-flex}.generated-code-block{border:1px solid var(--border);background:#ffffff08;border-radius:12px;margin-bottom:2rem;padding:1.25rem 1.5rem}.generated-code-block h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.75rem;font-size:.8rem}.code-preview{max-height:200px;color:var(--text-secondary);white-space:pre-wrap;word-break:break-all;font-family:JetBrains Mono,monospace;font-size:.8rem;line-height:1.6;overflow-y:auto}.results-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.grade-card{padding:1.75rem;position:relative;overflow:hidden}.grade-card-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.provider-info{align-items:center;gap:.625rem;display:flex}.provider-badge{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:700;display:flex}.provider-badge.openai{color:var(--openai);background:#10a37f26}.provider-badge.anthropic{color:var(--anthropic);background:#d4a96a26}.provider-badge.gemini{color:var(--gemini);background:#4285f426}.provider-details h4{font-size:.95rem;font-weight:700}.provider-details p{color:var(--text-muted);font-size:.75rem}.grade-badge{letter-spacing:-.05em;font-size:1.75rem;font-weight:900;line-height:1}.grade-A-plus{color:var(--grade-a-plus)}.grade-A{color:var(--grade-a)}.grade-A-minus{color:var(--grade-a-minus)}.grade-B-plus{color:var(--grade-b-plus)}.grade-B{color:var(--grade-b)}.grade-B-minus{color:var(--grade-b-minus)}.grade-C-plus{color:var(--grade-c-plus)}.grade-C{color:var(--grade-c)}.grade-C-minus{color:var(--grade-c-minus)}.grade-D-plus{color:var(--grade-d-plus)}.grade-D{color:var(--grade-d)}.grade-D-minus{color:var(--grade-d-minus)}.grade-F{color:var(--grade-f)}.grade-card-summary{color:var(--text-secondary);margin-bottom:1.25rem;font-size:.875rem;line-height:1.6}.strengths-weaknesses{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.25rem;display:grid}.sw-block{overflow-wrap:break-word;word-break:break-word;min-width:0}.sw-block h5{text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem;font-size:.7rem;font-weight:700}.sw-block.strengths h5{color:var(--grade-a)}.sw-block.weaknesses h5{color:var(--grade-f)}.sw-block ul{flex-direction:column;gap:.25rem;list-style:none;display:flex}.sw-block li{color:var(--text-secondary);padding-left:1rem;font-size:.78rem;line-height:1.4;position:relative}.sw-block li:before{content:attr(data-bullet);position:absolute;left:0}.dimension-scores{border:1px solid var(--border);background:#ffffff05;border-radius:8px;flex-direction:column;gap:.4rem;margin-bottom:1.25rem;padding:.75rem;display:flex}.dimension-row{cursor:help;grid-template-columns:90px 1fr 28px;align-items:center;gap:.5rem;display:grid}.dimension-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-size:.7rem;font-weight:600}.dimension-bar-track{background:#ffffff0f;border-radius:3px;height:6px;overflow:hidden}.dimension-bar-fill{background:linear-gradient(90deg, var(--grade-f), var(--grade-d), var(--grade-c), var(--grade-b), var(--grade-a));background-size:300% 100%;border-radius:3px;height:100%;transition:width .6s ease-out}.dimension-bar-fill[data-score="1"],.dimension-bar-fill[data-score="2"]{background-position:100% 0}.dimension-bar-fill[data-score="3"],.dimension-bar-fill[data-score="4"]{background-position:75% 0}.dimension-bar-fill[data-score="5"],.dimension-bar-fill[data-score="6"]{background-position:50% 0}.dimension-bar-fill[data-score="7"],.dimension-bar-fill[data-score="8"]{background-position:25% 0}.dimension-bar-fill[data-score="9"],.dimension-bar-fill[data-score="10"]{background-position:0 0}.dimension-score{color:var(--text-primary);text-align:right;font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:700}.token-receipt{border:1px solid var(--border);text-align:center;background:#ffffff08;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.75rem 1rem;display:grid}.token-stat label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.2rem;font-size:.65rem;display:block}.token-stat .token-value{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:700;display:block}.duration-chip{color:var(--text-muted);text-align:right;margin-top:.5rem;font-size:.7rem}.grade-card-loading{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:260px;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-label{color:var(--text-muted);font-size:.875rem}.error-card{min-height:160px;color:var(--grade-f);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}.error-card p{color:var(--text-muted);text-align:center;max-width:260px;font-size:.8rem}.history-screen{padding:1rem 0 4rem}.history-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.history-table-wrap{border:1px solid var(--border);border-radius:12px;overflow-x:auto}.history-table{border-collapse:collapse;width:100%;font-size:.875rem}.history-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap;background:#ffffff05;padding:.875rem 1.25rem;font-size:.75rem;font-weight:700}.history-table td{vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:1rem 1.25rem}.history-table tr:last-child td{border-bottom:none}.history-table tbody tr{cursor:pointer;transition:background var(--duration) var(--ease)}.history-table tbody tr:hover{background:#ffffff06}.grade-pill{text-align:center;border-radius:6px;min-width:36px;padding:.125rem .5rem;font-size:.8rem;font-weight:700;display:inline-block}.mode-chip{background:var(--accent-subtle);color:var(--accent-light);border-radius:5px;align-items:center;gap:.3rem;padding:.2rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.truncate{text-overflow:ellipsis;white-space:nowrap;max-width:260px;color:var(--text-secondary);overflow:hidden}.history-empty{text-align:center;color:var(--text-muted);padding:4rem 2rem}.history-empty .icon{margin-bottom:1rem;font-size:3rem;display:block}.save-row{justify-content:center;align-items:center;gap:1rem;padding:1.5rem 0;display:flex}.save-success{color:var(--grade-a);align-items:center;gap:.4rem;font-size:.9rem;font-weight:600;display:flex}.leaderboard-screen{padding:2rem 0 4rem}.category-tabs{flex-wrap:wrap;gap:.5rem;display:flex}.category-tab{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all var(--duration) var(--ease);background:0 0;border-radius:20px;padding:.4rem .875rem;font-family:Inter,sans-serif;font-size:.8rem;font-weight:600}.category-tab:hover{background:var(--bg-card);color:var(--text-primary)}.champion-row{background:#fbbf240f;box-shadow:inset 0 0 30px #fbbf240d}.report-screen{padding:2rem 0 4rem}.report-screen.embedded{padding:1rem 0 2rem}.report-screen.embedded .report-header{margin-bottom:1.5rem}.report-loading{min-height:50vh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;font-size:1rem;display:flex}.report-error-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:50vh;display:flex}.report-error-icon{font-size:3rem}.report-error-state h2{font-size:1.5rem}.report-error-state p{color:var(--text-muted);max-width:400px}.report-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.report-title{background:linear-gradient(135deg, #fff 30%, var(--accent-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:clamp(1.5rem,3vw,2rem)}.report-subtitle{color:var(--text-secondary);max-width:600px;font-size:.95rem;line-height:1.5}.report-header-meta{flex-direction:column;align-items:flex-end;gap:.25rem;display:flex}.report-meta-item{color:var(--text-muted);font-size:.8rem}.report-status-banner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding:1rem 1.5rem;display:flex}.report-status-info{align-items:center;gap:.75rem;display:flex}.report-status-icon{font-size:1.25rem}.report-status-label{letter-spacing:.01em;font-size:.95rem;font-weight:700}.report-progress{align-items:center;gap:.75rem;display:flex}.report-progress-bar{background:#ffffff14;border-radius:3px;width:160px;height:6px;overflow:hidden}.report-progress-fill{background:linear-gradient(90deg, var(--accent), var(--accent-light));height:100%;transition:width .5s var(--ease);border-radius:3px}.report-progress-text{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:.8rem}.report-error{color:var(--grade-f);width:100%;margin-top:.5rem;font-size:.85rem}.report-champion{align-items:flex-start;gap:1.5rem;margin-bottom:2.5rem;padding:2rem;display:flex;position:relative;overflow:hidden}.report-champion:before{content:"";pointer-events:none;background:linear-gradient(135deg,#fbbf240f,#7c3aed0a);border-radius:16px;position:absolute;inset:0}.report-champion-trophy{filter:drop-shadow(0 0 20px #fbbf2466);flex-shrink:0;font-size:3rem}.report-champion-content{flex:1;min-width:0}.report-champion-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.report-champion-header h2{text-transform:uppercase;letter-spacing:.08em;color:#fbbf24;font-size:.85rem;font-weight:800}.report-champion-model{align-items:center;gap:.5rem;display:flex}.report-champion-name{letter-spacing:-.02em;font-size:1.3rem;font-weight:800}.report-champion-score{letter-spacing:-.04em;margin-bottom:.75rem;font-family:JetBrains Mono,monospace;font-size:3rem;font-weight:900;line-height:1}.report-champion-report{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.provider-badge-sm{letter-spacing:.02em;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.65rem;font-weight:700;display:inline-flex}.report-section{margin-bottom:2.5rem}.report-section-title{align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.1rem;font-weight:700;display:flex}.report-section-subtitle{color:var(--text-muted);margin-top:-.5rem;margin-bottom:1rem;font-size:.8rem}.report-composite{font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:800}.report-rank{font-size:1.1rem}.report-matchup-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1rem;display:grid}@media (width<=500px){.report-matchup-grid{grid-template-columns:1fr}}.report-matchup{cursor:pointer;transition:all var(--duration) var(--ease);padding:1.25rem 1.5rem}.report-matchup:hover{border-color:#ffffff26}.report-matchup-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.report-matchup-fighters{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.report-matchup-fighter{color:var(--text-secondary);align-items:center;gap:.4rem;min-width:0;font-size:.85rem;font-weight:500;display:flex}.report-matchup-fighter span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.report-matchup-fighter.winner{color:var(--text-primary);font-weight:700}.report-matchup-vs{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;flex-shrink:0;font-size:.7rem;font-weight:600}.report-winner-badge{flex-shrink:0}.report-matchup-scores{flex-shrink:0;align-items:center;gap:.3rem;font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:700;display:flex}.report-matchup-dash{color:var(--text-muted);font-weight:400}.report-matchup-details{border-top:1px solid var(--border);margin-top:1rem;padding-top:1rem}.report-matchup-judges-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.75rem;font-size:.7rem;font-weight:700}.report-judge-row{border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.report-judge-row:last-child{border-bottom:none}.report-judge-verdict{color:var(--grade-a);background:#10b9811f;border-radius:4px;padding:.15rem .5rem;font-size:.75rem;font-weight:700}.report-judge-verdict.tie{color:var(--text-muted);background:#ffffff0f}.report-outputs-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1rem;display:grid}.report-output{cursor:pointer;padding:1rem 1.25rem}.report-output-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.report-output-stats{color:var(--text-muted);align-items:center;gap:.75rem;font-family:JetBrains Mono,monospace;font-size:.75rem;display:flex}.report-output-content{max-height:120px;transition:max-height .4s var(--ease);position:relative;overflow:hidden}.report-output-content.expanded{max-height:600px;overflow-y:auto}.report-output-content:after{content:"";background:linear-gradient(transparent, var(--bg-card));pointer-events:none;height:40px;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.report-output-content.expanded:after{opacity:0}.report-output-content pre{color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;font-family:JetBrains Mono,monospace;font-size:.8rem;line-height:1.5}.report-output-toggle{width:100%;color:var(--accent-light);cursor:pointer;text-align:center;transition:color var(--duration) var(--ease);background:0 0;border:none;margin-top:.5rem;padding:.35rem;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;display:block}.report-output-toggle:hover{color:var(--text-primary)}.report-cost-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;display:grid}.report-cost-card{text-align:center;flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.report-cost-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.7rem;font-weight:700}.report-cost-value{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:1.5rem;font-weight:800}.report-task-details summary{list-style:none}.report-task-details summary::-webkit-details-marker{display:none}.report-task-content{padding:1.25rem 1.5rem}.report-error-detail{padding:1.5rem}.report-error-detail h3{margin-bottom:.75rem;font-size:1rem}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.confidence-insight{border-top:1px solid #ffffff0f;margin-top:.75rem;padding-top:.75rem;animation:.4s ease-out fadeSlideIn}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.confidence-insight-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.confidence-verdict-pill{border:1px solid #0000;border-radius:20px;align-items:center;gap:.3rem;padding:.2rem .65rem;font-size:.78rem;font-weight:700;display:inline-flex}.confidence-verdict-pill.band-strong_winner{color:var(--grade-a);background:#10b9811f;border-color:#10b98138}.confidence-verdict-pill.band-favored{color:#fbbf24;background:#fbbf241f;border-color:#fbbf2438}.confidence-verdict-pill.band-leans_towards{color:#fb923c;background:#fb923c1f;border-color:#fb923c38}.confidence-verdict-pill.band-too_close{color:var(--text-muted);background:#ffffff0f;border-color:#ffffff1a}.confidence-judge-agreement{color:var(--text-muted);font-size:.78rem;font-weight:500}.confidence-detail-text{color:var(--text-secondary,var(--text-dim));text-align:center;margin-top:.4rem;font-size:.8rem;line-height:1.5}.confidence-sample-note{color:var(--text-muted);opacity:.7;margin-left:.3rem;font-size:.72rem;display:inline}.methodology-page{align-items:flex-start;gap:3rem;max-width:1200px;margin:0 auto;padding:6rem 1.5rem 4rem;display:flex}.methodology-sidebar{background:var(--bg-card);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;flex-direction:column;flex-shrink:0;gap:.5rem;width:240px;padding:1.5rem;display:flex;position:sticky;top:6rem}.methodology-sidebar-header{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.85rem;font-weight:600}.methodology-sidebar-link{color:var(--text-secondary);cursor:pointer;text-align:left;transition:all var(--duration) var(--ease);background:0 0;border:none;border-left:2px solid #0000;border-radius:6px;align-items:center;gap:.75rem;padding:.6rem .8rem;font-size:.85rem;text-decoration:none;display:flex}.methodology-sidebar-link:hover{background:var(--bg-card-hover);color:var(--text-primary)}.methodology-sidebar-link.active{background:var(--accent-subtle);color:var(--text-primary);border-left-color:var(--accent)}.methodology-sidebar-icon{font-size:1.1rem}.methodology-content{flex:1;min-width:0}.methodology-section{margin-bottom:5rem;scroll-margin-top:6rem}.methodology-hero{text-align:center;margin-bottom:4rem}.methodology-hero-badge{background:var(--accent-subtle);color:var(--accent-light);border:1px solid var(--accent-glow);border-radius:20px;margin-bottom:1.5rem;padding:.4rem 1rem;font-size:.85rem;font-weight:600;display:inline-block}.methodology-hero-title{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:1rem;font-size:3rem;font-weight:700;line-height:1.2}.methodology-hero-accent{background:linear-gradient(135deg, var(--accent-light), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.methodology-hero-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.25rem;line-height:1.6}.methodology-pipeline{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;margin:2.5rem 0;padding:2.5rem;position:relative}.methodology-pipeline-label{background:var(--bg-base);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:0 1rem;font-size:.85rem;font-weight:600;position:absolute;top:-10px;left:2rem}.methodology-pipeline-stages{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.methodology-pipeline-stage{background:var(--bg-elevated);border:1px solid var(--border);text-align:center;min-width:90px;max-width:120px;transition:transform var(--duration) var(--ease);border-radius:12px;flex:0 auto;padding:1.25rem .75rem}.methodology-pipeline-stage:hover{border-color:var(--border-accent);transform:translateY(-4px)}.methodology-pipeline-stage-icon{margin-bottom:.75rem;font-size:2rem;display:block}.methodology-pipeline-stage-label{color:var(--text-primary);margin-bottom:.25rem;font-size:1rem;font-weight:600}.methodology-pipeline-stage-sub{color:var(--text-muted);font-size:.8rem}.methodology-pipeline-arrow{color:var(--text-muted);flex-shrink:0;font-size:1.25rem}.methodology-section-title{color:var(--text-primary);align-items:center;gap:.75rem;margin-bottom:1rem;font-size:1.8rem;font-weight:600;display:flex}.methodology-section-icon{font-size:1.6rem}.methodology-section-intro{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.methodology-judges-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem;display:grid}.methodology-judge-card{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:8px;align-items:center;gap:1rem;padding:1.25rem;display:flex}.methodology-judge-icon{font-size:1.5rem}.methodology-judge-name{color:var(--text-primary);font-weight:600;display:block}.methodology-judge-provider{color:var(--text-muted);font-size:.8rem}.methodology-callout{background:var(--accent-subtle);border-left:4px solid var(--accent);color:var(--text-primary);border-radius:8px;margin:1.5rem 0;padding:1.25rem}.methodology-callout-info{background:#3b82f61a;border-left-color:#3b82f6}.methodology-callout-warn{background:#f59e0b1a;border-left-color:#f59e0b}.methodology-callout-title{margin-bottom:.5rem;font-weight:600;display:block}.methodology-detail-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.methodology-detail-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.methodology-detail-intro{color:var(--text-secondary);line-height:1.5}.methodology-metric-list{flex-direction:column;gap:.75rem;margin-top:1rem;display:flex}.methodology-metric-item{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;gap:1rem;padding:.75rem;display:flex}.methodology-metric-name{color:var(--text-primary);min-width:140px;font-weight:600}.methodology-metric-desc{color:var(--text-secondary);font-size:.95rem}.methodology-dimensions-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.methodology-dimension-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.methodology-dimension-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.methodology-dimension-name{color:var(--text-primary);font-size:1.1rem;font-weight:600}.methodology-dimension-weight{color:var(--accent-light);background:var(--accent-subtle);border-radius:4px;padding:.2rem .5rem;font-size:.9rem;font-weight:700}.methodology-dimension-bar-track{background:var(--bg-elevated);border-radius:3px;height:6px;margin-bottom:1rem;overflow:hidden}.methodology-dimension-bar-fill{background:var(--accent);border-radius:3px;height:100%}.methodology-dimension-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.methodology-scale-table{border-collapse:separate;border-spacing:0 .5rem;width:100%;margin:1.5rem 0}.methodology-scale-row{background:var(--bg-card)}.methodology-scale-row td{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:1rem}.methodology-scale-row td:first-child{border-left:1px solid var(--border);border-top-left-radius:8px;border-bottom-left-radius:8px;width:120px}.methodology-scale-row td:last-child{border-right:1px solid var(--border);border-top-right-radius:8px;border-bottom-right-radius:8px}.methodology-scale-range{color:var(--accent-light);font-family:JetBrains Mono,monospace;font-weight:700}.methodology-scale-label{color:var(--text-primary);width:140px;font-weight:600}.methodology-scale-desc{color:var(--text-secondary);font-size:.95rem}.methodology-formula-block{background:var(--bg-base);border:1px solid var(--border);text-align:center;border-radius:12px;margin:1.5rem 0;padding:1.5rem}.methodology-formula-highlight{border-color:var(--border-accent);box-shadow:0 0 20px var(--accent-subtle)}.methodology-formula-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:.85rem}.methodology-formula{color:var(--text-primary);background:var(--bg-surface);border-radius:8px;padding:1rem;font-family:JetBrains Mono,monospace;font-size:1.2rem;display:inline-block}.methodology-formula-note{color:var(--text-secondary);margin-top:1rem;font-size:.85rem}.methodology-swap-diagram{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;align-items:center;gap:1.5rem;margin:2rem 0;padding:2rem;display:flex}.methodology-swap-run{flex-direction:column;align-items:center;gap:.5rem;width:100%;max-width:400px;display:flex}.methodology-swap-label{color:var(--text-secondary);font-size:.9rem;font-weight:600}.methodology-swap-boxes{gap:1rem;width:100%;display:flex}.methodology-swap-box{text-align:center;border:1px solid var(--border);border-radius:8px;flex:1;padding:1rem;font-weight:600}.methodology-swap-box.swap-a{color:#60a5fa;background:#3b82f61a;border-color:#3b82f64d}.methodology-swap-box.swap-b{color:#c084fc;background:#a855f71a;border-color:#a855f74d}.methodology-swap-then{color:var(--text-muted);font-size:.85rem;font-style:italic}.methodology-swap-arrow-down{color:var(--text-muted);font-size:1.5rem}.methodology-reconciliation-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin:2rem 0;display:grid}.methodology-reconcile-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.methodology-reconcile-card.reconcile-agree{border-top:3px solid #10b981}.methodology-reconcile-card.reconcile-disagree{border-top:3px solid #f59e0b}.methodology-reconcile-header{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.1rem;font-weight:600;display:flex}.methodology-reconcile-list{color:var(--text-secondary);padding-left:1.5rem;font-size:.95rem;line-height:1.6}.methodology-reconcile-list li{margin-bottom:.5rem}.methodology-cot-flow{flex-direction:column;gap:1rem;margin:2rem 0;display:flex;position:relative}.methodology-cot-step{background:var(--bg-card);border:1px solid var(--border);z-index:1;border-radius:12px;gap:1rem;padding:1.5rem;display:flex;position:relative}.methodology-cot-step-num{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}.methodology-cot-step-content{flex:1}.methodology-cot-step-title{color:var(--text-primary);margin-bottom:.5rem;font-weight:600}.methodology-cot-connector{background:var(--border-accent);z-index:0;width:2px;position:absolute;top:1.5rem;bottom:-1rem;left:2.5rem}.methodology-cot-step:last-child .methodology-cot-connector{display:none}.methodology-t-table{border-collapse:collapse;width:100%;max-width:400px;margin:1.5rem 0}.methodology-t-header{background:var(--bg-elevated);text-align:left}.methodology-t-header th{color:var(--text-secondary);border-bottom:2px solid var(--border);padding:.75rem 1rem;font-size:.9rem;font-weight:600}.methodology-t-row{border-bottom:1px solid var(--border)}.methodology-t-row td{color:var(--text-primary);padding:.75rem 1rem}.methodology-t-df{font-family:JetBrains Mono,monospace}.methodology-t-val{color:var(--accent-light);font-family:JetBrains Mono,monospace}.methodology-t-fallback{background:var(--bg-card);font-style:italic;color:var(--text-muted)!important}.methodology-bands-grid{flex-direction:column;gap:1rem;margin:2rem 0;display:flex}.methodology-band-card{background:var(--bg-card);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:8px;padding:1.25rem}.methodology-band-header{align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.methodology-band-emoji{font-size:1.25rem}.methodology-band-name{color:var(--text-primary);flex:1;font-weight:600}.methodology-band-range{color:var(--accent-light);font-family:JetBrains Mono,monospace;font-weight:600}.methodology-band-desc{color:var(--text-secondary);padding-left:2.25rem;font-size:.95rem}.methodology-tournament-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin:2rem 0;display:grid}.methodology-tournament-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.methodology-tournament-header{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.methodology-tournament-icon{font-size:1.25rem}.methodology-tournament-name{color:var(--text-primary);font-size:1.1rem;font-weight:600}.methodology-tournament-badge{background:var(--accent-subtle);color:var(--accent-light);border-radius:20px;margin-left:auto;padding:.2rem .6rem;font-size:.75rem;font-weight:600}.methodology-tournament-formula{background:var(--bg-base);color:var(--text-primary);border:1px solid var(--border);border-radius:6px;margin-bottom:1rem;padding:.75rem;font-family:JetBrains Mono,monospace;font-size:.9rem}.methodology-tournament-details{color:var(--text-secondary);padding-left:1.5rem;font-size:.95rem}.methodology-tournament-details li{margin-bottom:.5rem}.methodology-taxonomy-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2rem 0;display:grid}.methodology-taxonomy-card{background:var(--bg-card);border:1px solid var(--border);border-top:3px solid var(--accent);border-radius:8px;padding:1.5rem}.methodology-taxonomy-header{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.methodology-taxonomy-icon{font-size:1.25rem}.methodology-taxonomy-name{color:var(--text-primary);flex:1;font-weight:600}.methodology-taxonomy-count{color:var(--text-muted);font-size:.85rem;font-weight:600}.methodology-taxonomy-types{flex-wrap:wrap;gap:.5rem;display:flex}.methodology-taxonomy-type{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);border-radius:16px;padding:.3rem .75rem;font-size:.85rem}.methodology-validation-metrics{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin:2rem 0;display:grid}.methodology-validation-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;gap:1rem;padding:1.5rem;display:flex}.methodology-validation-icon{flex-shrink:0;font-size:2rem}.methodology-validation-content{flex:1}.methodology-validation-name{color:var(--text-primary);margin-bottom:.5rem;font-size:1.05rem;font-weight:600;display:block}.methodology-validation-desc{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.methodology-footer{border-top:1px solid var(--border);text-align:center;color:var(--text-secondary);margin-top:4rem;padding-top:2rem}.methodology-footer-link{color:var(--accent-light);font-weight:500;text-decoration:none}.methodology-footer-link:hover{text-decoration:underline}@media (width<=900px){.methodology-page{flex-direction:column;padding-top:4rem}.methodology-sidebar{display:none}.methodology-content{width:100%}.methodology-judges-grid,.methodology-dimensions-grid,.methodology-reconciliation-grid,.methodology-tournament-grid,.methodology-validation-metrics{grid-template-columns:1fr}.methodology-pipeline-stages{flex-direction:column}.methodology-pipeline-arrow{transform:rotate(90deg)}.methodology-swap-boxes{flex-direction:column}}
