:root{color-scheme:dark;font-family:system-ui,sans-serif;color:#f4eee5;background:#101e25}body{margin:0;min-height:100vh;display:grid;place-items:center}main{max-width:560px;padding:56px 28px}.eyebrow{font:700 12px monospace;letter-spacing:2px;color:#71d9c1}h1{font-size:clamp(36px,7vw,56px);line-height:1.06;margin:24px 0}p{line-height:1.6;color:#b9c7ca}button{font:600 16px system-ui;border:0;border-radius:8px;background:#71d9c1;color:#11222a;padding:14px 20px;cursor:pointer;margin:12px 0}button:disabled{opacity:.4;cursor:default}label{display:block;margin:24px 0 8px}input{box-sizing:border-box;width:100%;font:16px monospace;color:#f4eee5;background:#1c303a;padding:16px;border:1px solid #4f6670;border-radius:8px}.note{margin-top:32px;border-top:1px solid #344b55;padding-top:24px;font-size:14px}code{overflow-wrap:anywhere}button:focus-visible,input:focus-visible{outline:3px solid #f4eee5;outline-offset:3px}