:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#edf7f5;font-synthesis:none;background:#06131a;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html{background:#06131a;min-width:320px;min-height:100%}body{min-width:320px;min-height:100dvh;margin:0}button,input,select{font:inherit;min-height:44px}button{color:#041711;cursor:pointer;background:#72e2c3;border:1px solid #0000;border-radius:10px;padding:10px 16px;font-weight:750}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #ffd166}button:disabled{cursor:not-allowed;opacity:.45}button.secondary{color:#edf7f5;background:#102832;border-color:#41616c}button.danger{color:#fff;background:#a12532}main{width:min(1100px,100%);padding:max(24px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(32px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));margin:auto}.hero,.section-heading,.session-bar{justify-content:space-between;align-items:center;gap:16px;display:flex}.heading-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.hero{margin-bottom:24px}.eyebrow,.step{color:#72e2c3;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:800}h1{margin:8px 0;font-size:clamp(2.25rem,8vw,4.5rem);line-height:.95}h2{margin:6px 0;font-size:clamp(1.35rem,5vw,2rem)}.lede,.card>p,.scenario-description{color:#bac9ce}.lede{max-width:700px}.card{background:#0a1c24;border:1px solid #29434d;border-radius:16px;margin-top:16px;padding:clamp(16px,4vw,24px);overflow:hidden}.card.narrow{max-width:560px;margin-left:auto;margin-right:auto}#login-form,.form-grid{gap:12px;display:grid}label,.identity{color:#d9e5e7;gap:6px;font-weight:650;display:grid}input,select{color:#edf7f5;background:#06131a;border:1px solid #41616c;border-radius:9px;width:100%;padding:8px 12px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.identity{align-content:center;min-width:0}code{overflow-wrap:anywhere;color:#a8f2dd}.session-bar{z-index:4;top:max(8px, env(safe-area-inset-top));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#06131af0;border:1px solid #29434d;border-radius:12px;padding:10px 12px;position:sticky}.stage{aspect-ratio:16/9;background:#000;border:1px solid #41616c;border-radius:14px;width:100%;margin:20px 0 14px;position:relative;overflow:hidden}video{object-fit:contain;background:#000;width:100%;height:100%;position:absolute;inset:0}#media-b{visibility:hidden}.controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.volume-control{border:1px solid #41616c;border-radius:10px;grid-column:span 2;padding:8px 12px}.volume-control input{min-height:24px;padding:0}.badge,.scenario-status{color:#06131a;background:#ffd166;border-radius:999px;padding:5px 9px;font-size:.78rem;font-weight:800}.scenario-list{gap:12px;display:grid}.scenario{background:#071820;border:1px solid #29434d;border-radius:12px;padding:16px}.scenario header,.scenario-actions,.evidence-links{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.scenario h3{margin:0;font-size:1rem}.scenario-actions button{color:#edf7f5;background:#193641;min-width:44px}.scenario-actions button[data-action=pass]{color:#041711;background:#72e2c3}.scenario-actions button[data-action=fail]{color:#fff;background:#a12532}.scenario-status[data-status=passed]{background:#72e2c3}.scenario-status[data-status=failed]{color:#fff;background:#a12532}.scenario-status[data-status=blocked],.scenario-status[data-status=passed-with-limitations]{background:#ffd166}.status{color:#c9d6d9;min-height:1.5em}details summary{cursor:pointer;min-height:44px;font-size:1.2rem;font-weight:800}pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;margin:12px 0 0;font-size:.78rem;overflow:auto}.evidence-links a{color:#041711;background:#72e2c3;border-radius:9px;min-height:44px;padding:10px 14px;font-weight:800;text-decoration:none}[hidden]{display:none!important}@media (width<=720px){.hero,.section-heading{flex-direction:column;align-items:stretch}.form-grid,.controls{grid-template-columns:1fr}.volume-control{grid-column:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
