:root{font-family:system-ui,sans-serif;color:#e9eee5;background:#162321;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1120px;margin:auto;padding:36px 28px}.eyebrow{font-size:12px;letter-spacing:.18em;color:#aab8aa}h1{font-size:clamp(42px,7vw,76px);line-height:1.02;letter-spacing:-.055em;margin:26px 0}.lead{max-width:670px;font-size:20px;line-height:1.6;color:#bfcec1}.badge{display:inline-block;padding:9px 13px;border:1px solid #77977f;border-radius:30px;font-size:13px;color:#b6e5b5}.toolbar{display:flex;gap:18px;align-items:end;flex-wrap:wrap}label{display:grid;gap:7px;font-size:13px}button,select,input{font:inherit}select,button,.upload{padding:12px 15px;border:1px solid #69836b;border-radius:7px;background:#20342d;color:#e9eee5}button{background:#c0e76b;color:#182317;font-weight:650;cursor:pointer}.upload{cursor:pointer;position:relative}.upload input{width:190px;font-size:12px}#status{min-height:24px;color:#c1cfba;font-size:14px}h2{font-size:27px;letter-spacing:-.02em;margin:0 0 14px}h3{margin:0 0 12px}.note{color:#bac7b5;line-height:1.6}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0}.panel{background:#f2f1e9;color:#22372b;padding:26px;border-radius:12px;min-width:0}.phase{font-size:11px;letter-spacing:.16em;color:#54745d}.metric{font-size:27px;overflow-wrap:anywhere;margin:10px 0}.pass{color:#c7ed85}.fail{color:#ffb3a7}.panel .pass{color:#356713}.panel .fail{color:#8e3729}.trace{display:grid;gap:8px;padding:0;list-style:none;font:13px/1.5 ui-monospace,monospace;overflow-wrap:anywhere}.trace li{border-left:3px solid #a4b78d;padding:8px 12px;background:#e3e8db}.checks{list-style:none;padding:0;display:grid;gap:9px}.checks li{padding:10px 14px;background:#23382e;border-radius:5px}.limits{border-top:1px solid #49604d;margin-top:38px;padding-top:28px;max-width:830px;line-height:1.7;color:#b4c5b3}.limits h2{color:#e6edde}footer{border-top:1px solid #49604d;font-size:12px;color:#9daf9a;display:grid;gap:12px}#provenance{overflow-wrap:anywhere}details{margin-top:16px;font-size:13px}summary{cursor:pointer}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}#comparison{margin:20px 0;padding:22px;border:1px solid #95c265;border-radius:8px}:focus-visible{outline:3px solid #dbb155;outline-offset:4px}@media(max-width:650px){header,main,footer{padding:24px 18px}.grid{grid-template-columns:1fr}.toolbar{align-items:stretch}.toolbar>*{width:100%}.upload input{width:100%}.panel{padding:20px}}

.recorded-links{font-size:14px;line-height:1.6;color:#bfcec1}.recorded-links a{color:#b6e5b5;text-underline-offset:3px}