:root{color-scheme:dark;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#050807;color:#84ffc5}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% 10%,#12382c 0,transparent 35%),#050807}main{width:min(980px,92vw);margin:8vh auto}.eyebrow{color:#38d996;letter-spacing:.2em}h1{font:700 clamp(2rem,6vw,4.5rem)/1.05 system-ui;margin:.35em 0;color:#effff7}.sub{max-width:700px;color:#8ca69a}button{margin:2rem 0;padding:.9rem 1.4rem;border:1px solid #36ef9d;border-radius:8px;background:#0b2a20;color:#baffdd;font:inherit;cursor:pointer}button:disabled{opacity:.5}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}article{border:1px solid #1e5e45;background:#09130f;padding:18px;min-height:110px}article span{display:block;color:#6a9b85;margin-bottom:16px}article strong{color:#effff7;overflow-wrap:anywhere}pre{margin-top:12px;border:1px solid #153f30;background:#020504;padding:16px;min-height:130px;white-space:pre-wrap;color:#7de8b5}