:root{--bg:#ffd43b;--fg:#1d1600;--panel:rgba(255,255,255,.5);--btn:#1d1600;--btnfg:#ffd43b}
@media (prefers-color-scheme:dark){:root{--bg:#2b2308;--fg:#fff1b8;--panel:rgba(255,255,255,.09);--btn:#ffd43b;--btnfg:#1d1600}}
html,body{margin:0}
body{background:var(--bg);color:var(--fg);font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}
main{max-width:640px;margin:0 auto;padding:20px 16px 40px}
h1,h2{font-family:"Courier New",monospace;letter-spacing:1px}
h1{font-size:28px;margin:8px 0 4px}h2{font-size:18px;margin:28px 0 6px}
a{color:inherit}
.panel{background:var(--panel);border-radius:12px;padding:12px 16px}
.btn{display:inline-block;background:var(--btn);color:var(--btnfg);font:700 20px "Courier New",monospace;text-decoration:none;padding:14px 32px;border-radius:12px;margin:16px 0}
.hero{text-align:center;padding:24px 0}
.note{font-size:14px;opacity:.8}
footer{margin-top:36px;font-size:14px;text-align:center}footer a{margin:0 8px}
ul{padding-left:20px}li{margin:4px 0}