:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#101827;color:#e8edf7}*{box-sizing:border-box}body{margin:0}header{border-bottom:1px solid #273552;padding:1.1rem max(1.5rem,calc((100vw - 1100px)/2))}header a{color:#fff;font-weight:700;text-decoration:none}header span{color:#91a2c0;font-weight:500}main{max-width:1100px;margin:auto;padding:4rem 1.5rem}.hero{max-width:760px;margin-bottom:3rem}h1{font-size:clamp(2rem,5vw,3.6rem);letter-spacing:-.045em;margin:.3rem 0 1rem}h2{margin-top:0}.eyebrow{color:#7dd3fc;font-weight:700;text-transform:uppercase;font-size:.75rem;letter-spacing:.1em}.token{color:#fcd34d}.token.ready{color:#86efac}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.scenario{text-align:left;color:inherit;background:#18243a;border:1px solid #2d3c5d;border-radius:.75rem;padding:1.2rem;cursor:pointer}.scenario:hover{border-color:#7dd3fc;transform:translateY(-2px)}.scenario strong,.scenario span,.scenario code{display:block}.scenario span{color:#b8c4d9;font-size:.9rem;line-height:1.45;margin:.6rem 0 1rem}.scenario code{color:#7dd3fc;font-size:.8rem}.runner,.result{background:#18243a;border:1px solid #2d3c5d;border-radius:1rem;padding:clamp(1.25rem,4vw,2.5rem)}label{display:block;font-weight:650;margin:1rem 0}input,textarea{display:block;width:100%;margin-top:.5rem;background:#0c1423;border:1px solid #405170;border-radius:.5rem;color:#e8edf7;padding:.8rem;font:.9rem ui-monospace,monospace}textarea{resize:vertical}button.run{background:#38bdf8;color:#082f49;border:0;border-radius:.5rem;padding:.85rem 1.1rem;font-weight:800;cursor:pointer}.back{display:inline-block;color:#7dd3fc;margin-bottom:1.5rem}.result.success{border-color:#22c55e}.result.failure{border-color:#f87171}pre{overflow:auto;max-height:65vh;background:#0c1423;padding:1rem;border-radius:.5rem;line-height:1.45}