:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#0a1016;color:#e8edf2}
*{box-sizing:border-box}body{margin:0;padding:32px 16px}main{max-width:640px;margin:5vh auto;background:#101922;border:1px solid #2b3845;border-radius:16px;padding:32px}
header{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:32px}.brand{color:#c5a555;letter-spacing:.15em;font-weight:750}a{color:#d8bc78;text-underline-offset:4px}
h1{font-size:28px;margin-bottom:12px}h2{font-size:19px}p{line-height:1.6}.intro,.muted{color:#aebbc7}form{margin-top:28px}label{display:block;margin:18px 0;font-weight:600}
input,select{display:block;width:100%;margin-top:8px;border:1px solid #536477;border-radius:8px;background:#09121a;color:inherit;padding:13px;font:inherit;min-height:48px}
button{border:1px solid #c5a555;border-radius:8px;background:#c5a555;color:#111820;padding:13px 20px;font:inherit;font-weight:700;cursor:pointer}button:disabled{opacity:.5;cursor:wait}
input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #e6ca88;outline-offset:3px}.session{display:flex;align-items:center;justify-content:space-between;gap:12px}.session button{background:transparent;color:#d8bc78;padding:8px 12px}.scope{border-top:1px solid #2b3845;padding-top:16px;color:#aebbc7;font-size:14px}#status{overflow-wrap:anywhere}#status.error{color:#ffadb3}[hidden]{display:none!important}
@media(max-width:480px){main{padding:22px}header{align-items:flex-start;flex-direction:column}.session{align-items:flex-start;flex-direction:column}}