:root{font-family:system-ui,sans-serif;color:#172b4d;background:#eef3fa;color-scheme:light}
*{box-sizing:border-box}body{margin:0}main{max-width:980px;min-height:100vh;margin:auto;padding:24px;text-align:center;background:#fff}header img{width:240px;max-width:75%;height:auto}h1{font-size:1.4rem}h2{font-size:1.6rem;margin:20px 0 8px}p{line-height:1.5}form{max-width:420px;margin:24px auto}label{display:block;margin-bottom:8px;font-weight:600}input{width:100%;padding:14px;border:2px solid #9cadc6;border-radius:8px;font-size:1.8rem;letter-spacing:.12em;text-align:center;text-transform:uppercase}button{border:0;border-radius:8px;padding:13px 22px;background:#155bb5;color:#fff;font-size:1rem;cursor:pointer;margin:16px 0}button:disabled{opacity:.6;cursor:wait}button:focus-visible,input:focus-visible{outline:3px solid #e4a512;outline-offset:3px}#hall-qr{display:flex;justify-content:center;padding:24px;background:#fff;margin:auto;width:max-content;max-width:100%}#hall-qr img,#hall-qr canvas{max-width:100%;height:auto}#display-status{font-weight:600;min-height:2em}#fullscreen-button{background:#e7edf7;color:#172b4d;padding:9px 15px}[hidden]{display:none!important}main:fullscreen{max-width:none;overflow:auto}main:fullscreen header img{width:170px}@media(max-width:480px){main{padding:16px}h2{font-size:1.3rem}#hall-qr{padding:16px}}