:root{font-family:system-ui,sans-serif;color:#e8e1cf;background:#17151b}body{margin:0}main{max-width:760px;margin:auto;padding:3rem 1rem}.eyebrow{color:#f09a45;text-transform:uppercase;letter-spacing:.12em}h1{font-size:clamp(2rem,8vw,4rem);margin:.1em 0}.controls,section{background:#25212b;border:1px solid #494052;border-radius:12px;padding:1rem;margin:1.5rem 0;display:grid;gap:1rem}label{display:grid;gap:.35rem}input,textarea,button{font:inherit;padding:.55rem;border-radius:6px;border:1px solid #75677c;background:#15131a;color:inherit}button{cursor:pointer;background:#f09a45;color:#24170e;border:0;font-weight:bold}button:disabled{opacity:.5;cursor:not-allowed}li{padding:.3rem}.valid{color:#9edb9e}.invalid{color:#ff9d9d}.hint{color:#bdb2c5}kbd{border:1px solid;padding:.1rem .35rem;border-radius:3px}