:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#15131c;color:#f7f2e8}
main{max-width:42rem;margin:auto;padding:clamp(1.2rem,6vw,4rem)}
header p{font-size:.8rem;letter-spacing:.15em;color:#e5b970}
h1{font-size:clamp(2rem,8vw,3.4rem);margin:.2em 0}
#status{color:#d5c9b8;margin:1.5rem 0}
nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:.8rem}
.action,button{display:inline-block;padding:1rem;background:#302538;color:#ffdf9f;border:1px solid #72574c;border-radius:.6rem;text-decoration:none;font:inherit}
.action:hover,button:hover{background:#44324a}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #ffd17d;outline-offset:4px}
form,details{margin-top:1.5rem}
summary,button{cursor:pointer}
[hidden]{display:none!important}