:root{color-scheme:dark;--bg:#05070d;--cyan:#41f5e4;--muted:#899aaa}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:linear-gradient(rgba(65,245,228,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(65,245,228,.04) 1px,transparent 1px),var(--bg);background-size:60px 60px;color:#edf6ff;font:16px system-ui,sans-serif}main{width:min(760px,calc(100% - 36px));padding:50px 0}.eyebrow{color:var(--cyan);font:11px monospace;letter-spacing:.16em}.lede{color:var(--muted);line-height:1.6}textarea,pre{display:block;width:100%;margin:25px 0;padding:20px;border:1px solid #244252;background:#0b101b;color:#edf6ff;font:15px monospace}textarea{min-height:145px;resize:vertical}button{padding:13px 18px;border:0;background:var(--cyan);color:#041011;font:12px monospace}button span{margin-left:14px}pre{min-height:80px;color:var(--cyan)}