:root{--bg:#0b0e12;--surface:#121820;--surface-raised:#18202b;--border:#283342;--text:#e6edf3;--muted:#9eabb8;--ok:#3fb950;--ok-tint:#12301b;--bad:#ff6b61;--bad-tint:#3d1514;--warn:#e3b341;--warn-tint:#3a2c0c;--accent:#6cb6ff;--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(circle at 15% -10%, #16243a 0, transparent 45%), linear-gradient(var(--bg), var(--bg));color:var(--text);font:16px/1.5 var(--sans);min-height:100vh}main{max-width:76rem;margin:0 auto;padding:1rem}code,.ua,.mismatches code,table td{font-family:var(--mono);font-size:.85rem}.muted{color:var(--muted)}.ok{color:var(--ok)}.bad{color:var(--bad)}.warn{color:var(--warn)}.top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1rem;display:flex}h1{letter-spacing:-.01em;font-size:1.5rem}.actions{gap:.5rem;display:flex}button{border:1px solid var(--border);background:var(--surface-raised);min-height:2.75rem;color:var(--text);font:600 .95rem var(--sans);cursor:pointer;border-radius:.4rem;padding:0 1.1rem}button:hover{border-color:var(--accent)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.verdict{border:1px solid var(--border);border-radius:.6rem;flex-wrap:wrap;align-items:center;gap:.5rem 1.5rem;margin-bottom:1rem;padding:1rem 1.25rem;display:flex}.verdict-word{font:800 clamp(2.75rem, 9vw, 4.5rem) / 1 var(--sans);letter-spacing:.02em}.verdict-detail{flex:20rem}.verdict-detail ul{padding-left:1.1rem}.verdict-pass{background:var(--ok-tint);border-color:var(--ok)}.verdict-pass .verdict-word{color:var(--ok)}.verdict-fail{background:var(--bad-tint);border-color:var(--bad)}.verdict-fail .verdict-word{color:var(--bad)}.verdict-running{background:var(--warn-tint);border-color:var(--warn)}.verdict-running .verdict-word{color:var(--warn)}.grid{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}@media (min-width:60rem){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.card{background:var(--surface);border:1px solid var(--border);border-radius:.6rem;min-width:0;padding:1rem}.card>header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.75rem;display:flex}h2{font-size:1.05rem}h3{margin:1rem 0 .4rem;font-size:.9rem}.note{color:var(--muted);margin-top:.75rem;font-size:.85rem}.canvas-host{aspect-ratio:4/3;background:#0f1a26;border-radius:.4rem;width:100%;max-height:70vh;position:relative;overflow:hidden}.canvas-host canvas{display:block}.chip{border:1px solid var(--border);min-width:4.2rem;font:700 .75rem/1.6 var(--mono);text-align:center;text-transform:uppercase;border-radius:1rem;padding:.05rem .5rem;display:inline-block}.chip-pass{color:var(--ok);border-color:var(--ok)}.chip-fail,.chip-error{color:var(--bad);border-color:var(--bad)}.chip-running{color:var(--warn);border-color:var(--warn)}.chip-pending,.chip-skipped{color:var(--muted)}.rows{gap:.15rem;display:grid}.rows>div{border-bottom:1px solid #1d2632;grid-template-columns:minmax(9rem,40%) 1fr;gap:.75rem;padding:.2rem 0;display:grid}.rows dt{color:var(--muted);font-size:.9rem}.rows dd{overflow-wrap:anywhere;font-size:.9rem}.ua{color:var(--muted);overflow-wrap:anywhere;margin-top:.75rem}table{border-collapse:collapse;width:100%;margin-bottom:.5rem;font-size:.9rem}th{color:var(--muted);text-align:right;border-bottom:1px solid var(--border);white-space:nowrap;padding:.25rem .4rem;font-weight:600}td{text-align:right;white-space:nowrap;border-bottom:1px solid #1d2632;padding:.25rem .4rem}th:first-child,td:first-child{text-align:left}.card table{display:block;overflow-x:auto}.pass-line{border-bottom:1px solid #1d2632;flex-wrap:wrap;align-items:center;gap:.25rem .6rem;padding:.35rem 0;font-size:.9rem;display:flex}.pass-name{font-weight:600}.timeline{align-items:center;gap:3px;margin-top:.9rem;display:grid}.timeline-label{color:var(--muted);white-space:nowrap;font-size:.8rem}.cell{background:#222c38;border-radius:2px;height:1.1rem}.cell-ok{background:var(--ok)}.cell-bad{background:var(--bad)}.cell-skip{background:repeating-linear-gradient(45deg,#222c38 0 3px,#161d26 3px 6px)}.mismatches{gap:.2rem;margin-top:.75rem;display:grid}.mismatches code{color:var(--bad);overflow-wrap:anywhere}