:root{color-scheme:dark;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#080a0f;color:#f5f7ff}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 15% 0%,rgba(77,112,255,.18),transparent 34rem),#080a0f}button,code{font:inherit}.page-shell{width:min(1220px,calc(100% - 32px));margin:0 auto;padding:56px 0 72px}.hero{max-width:900px}.eyebrow{margin:0 0 10px;color:#8eabff;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:18px;font-size:clamp(2rem,5vw,4.25rem);line-height:1.02;letter-spacing:-.05em}h1 code{color:#b8c8ff}h2{margin-bottom:8px;font-size:1rem}.summary,.interpretation p{color:#afb6c8;font-size:1rem;line-height:1.65}.environment,.controls,.test-card,.interpretation{border:1px solid #242938;background:#0f121be6;box-shadow:0 18px 55px #00000040}.environment{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:32px 0 12px;padding:18px 20px;border-radius:14px}.environment p{margin:0;color:#aab2c5;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;line-height:1.55;overflow-wrap:anywhere}.run-state,.result-badge{flex:0 0 auto;border-radius:999px;padding:7px 11px;background:#31384a;color:#d8deee;font-size:.74rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.run-state[data-state=running],.result-badge[data-state=match]{background:#123e2b;color:#75f0ae}.run-state[data-state=failed],.run-state[data-state=mismatch],.result-badge[data-state=mismatch]{background:#581b27;color:#ff9cad}.result-badge[data-state=skipped]{background:#4a3915;color:#ffd378}.controls{display:flex;align-items:center;gap:10px;margin-bottom:18px;padding:12px;border-radius:12px}.controls button{border:1px solid #38405a;border-radius:8px;padding:8px 12px;background:#1c2231;color:#f5f7ff;cursor:pointer}.controls button:hover:not(:disabled){background:#252e43}.controls button:disabled{cursor:not-allowed;opacity:.45}#frame-counter{margin-left:auto;color:#8f98ad;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem}.test-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.test-card{min-width:0;overflow:hidden;border-radius:16px}.test-card[data-state=match]{border-color:#245e45}.test-card[data-state=mismatch]{border-color:#a33148;box-shadow:0 0 0 1px #ff527140,0 18px 55px #00000040}.test-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:17px 18px 14px}.test-number{margin-bottom:7px;color:#778198;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.test-card h2{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.98rem;letter-spacing:-.02em}.test-card canvas{display:block;width:100%;height:auto;border-top:1px solid #202534;border-bottom:1px solid #202534;background:#030408;image-rendering:pixelated}.test-card canvas.capture-frame{outline:2px solid #ff526f;outline-offset:-2px}.test-description,.test-detail{margin:0;padding:12px 18px 0;color:#aab2c5;font-size:.82rem;line-height:1.5}.test-detail{min-height:52px;padding-top:6px;padding-bottom:15px;color:#727d93;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem}.interpretation{margin-top:18px;padding:20px;border-radius:14px}.interpretation p:last-child{margin-bottom:0}@media(max-width:760px){.page-shell{width:min(100% - 20px,620px);padding-top:32px}.environment,.controls{align-items:flex-start;flex-direction:column}#frame-counter{margin-left:0}.test-grid{grid-template-columns:1fr}}