:root{font-family:Arial,Helvetica,sans-serif;color:#fff;background:#000;color-scheme:dark}
*{box-sizing:border-box}
body{margin:0}
main{max-width:680px;margin:auto;padding:clamp(32px,8vw,88px) 24px;min-height:100svh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.brand{font-size:14px;letter-spacing:.14em;font-weight:700;margin:0 0 64px}
.eyebrow{font-size:12px;letter-spacing:.12em;color:#aaa}
h1{font-size:clamp(28px,5vw,44px);font-weight:500;letter-spacing:-.035em;margin:8px 0 20px}
p{font-size:16px;line-height:1.6;max-width:500px;margin:0 0 24px;color:#ddd}
button{min-height:48px;padding:12px 24px;border:1px solid #fff;border-radius:2px;font:inherit;background:#fff;color:#000;cursor:pointer}
button:disabled{opacity:.6;cursor:wait}
button:focus-visible{outline:2px solid #fff;outline-offset:4px}
[hidden]{display:none!important}
#connection-status{font-size:14px;margin:16px 0;min-height:24px}
.note{font-size:13px;color:#aaa;border-top:1px solid #333;padding-top:20px;margin-top:28px}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}