:root{--bg:#060607;--fg:#f2e4e6;--dim:#9a8488;--acc:#ff2f4e;--acc2:#ff8a3d;--line:#2a1418;--panel:#0e0b0c}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.55 system-ui,sans-serif}
main{max-width:760px;margin:0 auto;padding:24px 16px 48px}
h1{margin:0 0 8px;color:var(--acc)}
h2{margin:28px 0 8px;font-size:18px}
.lead{color:var(--dim)}
iframe{border:1px solid var(--line);border-radius:10px;background:var(--bg);display:block;margin:16px 0}
pre{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:12px;overflow-x:auto;margin:0 0 10px}
code{font:13px/1.5 ui-monospace,Consolas,monospace;white-space:pre-wrap;word-break:break-all}
button{font:inherit;color:var(--fg);background:var(--panel);border:1px solid var(--acc);border-radius:8px;padding:8px 16px;cursor:pointer;min-height:44px}
button:hover{background:#1a0e10}
button:focus-visible,a:focus-visible{outline:2px solid var(--acc2);outline-offset:2px}
li{margin:4px 0}
.foot{color:var(--dim);font-size:13px;margin-top:32px}