:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#f4f0e8;background:#111313}
*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px}
main{width:min(100%,620px);padding:28px;background:#171a1a;border:1px solid #35403d;border-radius:8px}
h1{font-size:1.75rem;line-height:1.2;margin:12px 0 16px}h2{font-size:1rem;margin:0 0 12px}p,li{font-size:1rem;line-height:1.6;color:#c8c0b5}p{margin:0 0 20px}
.badge{display:inline-block;color:#f2c66d;font-size:.875rem}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 16px}
button,.actions a{font:inherit;font-weight:650;padding:12px 18px;border:1px solid #8fd3b7;border-radius:5px;background:#8fd3b7;color:#111313;text-decoration:none;cursor:pointer}
button:hover,.actions a:hover{background:#a7e2cb}button:active,.actions a:active{background:#7cc4a8}button:disabled{background:#202525;border-color:#35403d;color:#c8c0b5;cursor:default}
:focus-visible{outline:3px solid #f2c66d;outline-offset:4px}[hidden]{display:none!important}#status{min-height:3.2em}#status[data-error="true"]{color:#ffb3aa}
section{border-top:1px solid #35403d;margin-top:24px;padding-top:24px}ol{padding-left:22px;margin:0 0 16px}li{padding-left:4px;margin:8px 0}.note{font-size:.875rem;margin-bottom:0}
@media(max-width:480px){body{padding:12px}main{padding:20px}.actions>*{width:100%;text-align:center}}