:root{color-scheme:dark;font:17px/1.5 system-ui,sans-serif;background:#252319;color:#f3f1e6}*{box-sizing:border-box}body{margin:0}main{max-width:720px;margin:auto;padding:32px 24px}header{display:flex;justify-content:space-between;gap:12px;align-items:center}.brand{letter-spacing:.16em;color:#e5b627;font-weight:700;font-size:14px}.badge{font-size:12px;color:#c7c3ad;border:1px solid #68634f;border-radius:20px;padding:4px 10px}h1{font-size:44px;letter-spacing:-.04em;margin:28px 0 8px}h2{font-size:23px;margin:0 0 12px}h3{font-size:19px}p{color:#ccc8b6}.notice{border-left:3px solid #e5b627;padding-left:14px;font-size:15px}.panel{margin-top:24px;padding:24px;border:1px solid #68634f;border-radius:14px;background:#302e23}button{border:1px solid #74a5b1;background:#276b7e;color:white;border-radius:9px;padding:12px 17px;font:inherit;cursor:pointer;margin:4px 7px 4px 0}button:hover{background:#31839a}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #e5b627;outline-offset:4px}#status{font-weight:600;color:#e5b627}#invite{margin-top:20px}#qr{max-width:100%;height:auto;border:12px solid white;background:white;border-radius:8px}#invite p,footer{font-size:14px}audio{width:100%;max-width:100%}a{color:#8dc4d2}#result{min-height:28px}footer{margin-top:26px}[hidden]{display:none!important}@media(max-width:450px){main{padding:22px 16px}.panel{padding:19px}h1{font-size:36px}header{align-items:flex-start}.badge{max-width:135px;text-align:center}}