:root{color-scheme:dark}
body{margin:0;min-height:100vh;background:#0e0d0c;color:#f3ede2;font:17px/1.55 system-ui,-apple-system,sans-serif}
main{margin:0 auto;padding:12px 20px 40px;max-width:560px}
nav.top{display:flex;justify-content:space-between;align-items:center;margin:0 0 16px;font-size:15px}
nav.top .right{margin-left:auto}
h1{text-align:center;margin:8px 0}
h2{font-size:19px;margin:28px 0 4px}
.lead{text-align:center;color:#d8d1c4}
.center{text-align:center}
.choices{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:20px 0}
a.button,button{display:inline-block;padding:14px 24px;border:0;border-radius:12px;background:#f3ede2;color:#0e0d0c;text-decoration:none;font:600 17px system-ui,-apple-system,sans-serif}
a.button.gold,button.gold{background:#e3c27d}
ol,ul{padding-left:22px}
li{margin:10px 0}
.ui{font-weight:600;color:#e3c27d}
.en{color:#b9b2a5;font-weight:400}
.note{margin-top:20px;padding:12px 14px;border-radius:12px;background:#1c1b19;color:#d8d1c4;font-size:15px}
details{margin-top:16px;padding:10px 14px;border-radius:12px;background:#1c1b19;font-size:15px}
summary{cursor:pointer;font-weight:600}
small,.small{color:#b9b2a5;font-size:14px}
a{color:#e3c27d}
code{display:block;margin:16px 0;padding:12px;border-radius:10px;background:#1c1b19;font-size:15px;word-break:break-all;text-align:center}
[hidden]{display:none!important}