:root{color-scheme:dark;--bg:#08111f;--panel:#0d1b2d;--line:#31506e;--text:#d8e8f3;--muted:#8ca9bc;--blue:#8ed8ff;--gold:#f4d684;--green:#99e2ae;--red:#ff9f9f}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:radial-gradient(circle at 50% -20%,#183a5b 0,var(--bg) 45%);color:var(--text);font:15px/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;min-height:100vh}.shell{width:min(1000px,calc(100% - 32px));margin:28px auto;padding:22px;border:1px solid var(--line);background:#081522e8;box-shadow:0 20px 80px #0008}.top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:18px}.eyebrow{color:var(--blue);font-size:12px;letter-spacing:.2em}.top h1{font-size:clamp(25px,4vw,44px);line-height:1.05;margin:8px 0}.top p{margin:0;color:var(--muted);max-width:700px}.badges{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.badge{border:1px solid var(--green);color:var(--green);padding:6px 10px;white-space:nowrap}.badge.engine{border-color:var(--blue);color:var(--blue)}.instructions{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}.card,.result-grid>section{border:1px solid var(--line);background:var(--panel);padding:17px}.card strong,.result-grid h2{color:var(--gold);font-size:13px}.card ol{margin:9px 0 0;padding-left:21px}.card p{margin:8px 0;color:var(--muted)}.terminal{border:1px solid #587897;background:#02070c;padding:18px;min-height:160px}.label{color:var(--muted);font-size:11px;letter-spacing:.14em;margin-bottom:12px}.prompt-row{display:flex;align-items:center;font-size:20px}.prompt{color:var(--green);padding-right:9px}#terminal-input{flex:1;border:0;outline:0;background:transparent;color:#fff;font:inherit;caret-color:var(--gold);padding:0}.status{margin-top:18px;color:var(--muted);font-size:12px}.recorder{border-top:1px dashed #29435b;margin-top:20px;padding-top:14px}.recorder pre,.result-grid pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;color:var(--blue)}.raw-label{margin-top:16px;padding-top:12px;border-top:1px solid #172c40}.live-hex{max-height:150px;overflow:auto;color:#7897ad!important;font-size:12px}.controls{display:flex;gap:12px;margin:16px 0}button,.button{border:1px solid var(--line);background:#11283e;color:var(--text);padding:10px 14px;font:inherit;text-decoration:none;cursor:pointer}button:hover,.button:hover{border-color:var(--blue)}button:disabled{opacity:.45;cursor:default}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.wide{grid-column:1/-1}.child{color:var(--green)!important;font-size:18px}.runs{color:var(--gold)!important}.fine{color:var(--muted);font-size:12px;margin-top:20px}.fine strong{color:var(--text)}a{color:var(--blue)}@media(max-width:720px){.top{display:block}.badges{align-items:flex-start;margin-top:14px}.badge{display:inline-block}.instructions,.result-grid{grid-template-columns:1fr}.wide{grid-column:auto}.shell{margin:12px auto;padding:14px}}