:root{--bg: #030304;--surface: #0a0a0d;--surface-2: #111116;--border: #1a1a1e;--fg: #e4e4e7;--muted: #71717a;--accent: #1d9996;--accent-dim:#14867d;--pass: #1d9996;--fail: #e63946;--fail-dim: #4a1018;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-body: "Space Grotesk", system-ui, sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 6px;--radius: 10px;--radius-lg: 16px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:1rem;line-height:1.6;min-height:100vh}#root{min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.topbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-6);background:#030304eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.topbar-date{font-family:var(--font-mono);font-size:.8125rem;font-weight:600;color:var(--accent);letter-spacing:.05em;text-transform:uppercase}.topbar-label{font-family:var(--font-mono);font-size:.75rem;color:var(--muted);letter-spacing:.04em}.main{flex:1;max-width:960px;width:100%;margin:0 auto;padding:var(--space-8) var(--space-6) var(--space-12);display:flex;flex-direction:column;gap:var(--space-8)}.hero-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-10);display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);position:relative;overflow:hidden}.hero-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 80% 50%,rgba(29,153,150,.06) 0%,transparent 70%);pointer-events:none}.hero-left{display:flex;flex-direction:column;gap:var(--space-2)}.hero-eyebrow{font-family:var(--font-mono);font-size:.6875rem;font-weight:600;color:var(--muted);letter-spacing:.12em;text-transform:uppercase}.hero-rate{font-family:var(--font-mono);font-size:clamp(3rem,8vw,5rem);font-weight:800;color:var(--accent);line-height:1;letter-spacing:-.02em}.hero-pct{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:600;opacity:.7}.hero-sub{font-family:var(--font-mono);font-size:.875rem;color:var(--muted);display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-1)}.hero-sep{opacity:.4}.stat-pass{color:var(--pass);font-weight:600}.stat-fail{color:var(--fail);font-weight:600}.stat-total{color:var(--fg)}.hero-right{flex-shrink:0}.ring-wrap{position:relative;width:140px;height:140px;display:flex;align-items:center;justify-content:center}.ring-label{position:absolute;font-family:var(--font-mono);font-size:1.125rem;font-weight:700;color:var(--fg);pointer-events:none}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.stat-chip{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-1);transition:border-color .2s}.stat-chip:hover{border-color:var(--accent-dim)}.chip-num{font-family:var(--font-mono);font-size:1.75rem;font-weight:700;line-height:1}.chip-label{font-size:.75rem;color:var(--muted);font-weight:500;text-transform:uppercase;letter-spacing:.06em}.stat-chip--pass .chip-num{color:var(--pass)}.stat-chip--fail .chip-num{color:var(--fail)}.stat-chip--total .chip-num{color:var(--fg)}.stat-chip--rate .chip-num{color:var(--accent)}.section{display:flex;flex-direction:column;gap:var(--space-4)}.section-title{font-family:var(--font-mono);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;display:flex;align-items:center;gap:var(--space-2);color:var(--muted)}.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dot--pass{background:var(--pass)}.dot--fail{background:var(--fail)}.badge{font-family:var(--font-mono);font-size:.6875rem;font-weight:700;padding:2px 8px;border-radius:999px}.badge--pass{background:#1d999626;color:var(--pass)}.badge--fail{background:#e6394626;color:var(--fail)}.failure-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.failure-card{background:var(--surface);border:1px solid rgba(230,57,70,.35);border-radius:var(--radius);padding:var(--space-5);position:relative;overflow:hidden;transition:border-color .2s,background .2s}.failure-card:hover{border-color:#e6394699;background:var(--surface-2)}.failure-scanline{position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(230,57,70,.5) 40%,rgba(230,57,70,.5) 60%,transparent 100%);pointer-events:none}.failure-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.failure-type{font-family:var(--font-mono);font-size:.6875rem;font-weight:600;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;background:var(--surface-2);padding:2px 8px;border-radius:var(--radius-sm);border:1px solid var(--border)}.failure-indicator{font-family:var(--font-mono);font-size:.6875rem;font-weight:700;color:var(--fail);letter-spacing:.06em}.failure-name{font-family:var(--font-mono);font-size:1rem;font-weight:600;color:var(--fg);margin-bottom:var(--space-2);word-break:break-all}.failure-detail{font-size:.8125rem;color:var(--muted);line-height:1.5}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-2)}.tool-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:var(--space-2);transition:border-color .15s,background .15s}.tool-tile:hover{border-color:var(--accent-dim);background:var(--surface-2)}.tool-dot{width:6px;height:6px;border-radius:50%;background:var(--pass);flex-shrink:0;opacity:.8}.tool-name{font-family:var(--font-mono);font-size:.75rem;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.footer{border-top:1px solid var(--border);padding:var(--space-4) var(--space-6);display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:.6875rem;color:var(--muted);letter-spacing:.04em}@media (max-width: 640px){.main{padding:var(--space-5) var(--space-4) var(--space-10);gap:var(--space-6)}.hero-card{padding:var(--space-6);flex-direction:column;align-items:flex-start}.hero-right{align-self:flex-end;margin-top:calc(-1 * var(--space-6));position:absolute;right:var(--space-6);top:var(--space-6)}.stat-row{grid-template-columns:repeat(2,1fr)}.failure-grid{grid-template-columns:1fr}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.footer{flex-direction:column;gap:var(--space-1);text-align:center}}@media (max-width: 400px){.hero-rate{font-size:3rem}.hero-right{display:none}}