*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{background:#412a9c;color:#fff;font:1.05rem/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
.show{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:20px;text-align:center}
.logo{height:44px;max-width:80%}
h1{font-size:1.35rem;margin:0}
.qrbox{background:#fff;border-radius:22px;padding:5vmin;width:min(86vw,62vh,520px);height:min(86vw,62vh,520px);margin:14px auto}
.qrbox svg{width:100%;height:100%;display:block}
.tip{margin:0;color:#dcd6fb;font-size:.95rem}
.btn{display:inline-block;background:#fab73c;color:#1c1740;font-weight:700;text-decoration:none;border-radius:14px;padding:14px 26px;min-height:52px}
.how{max-width:34em;color:#dcd6fb;font-size:.95rem}
.how summary{cursor:pointer;color:#fff;font-weight:600;padding:10px;min-height:44px}
.how p{margin:.5em 0}
:focus-visible{outline:3px solid #fff;outline-offset:3px}
[hidden]{display:none!important}
@media (max-height:640px){.logo{display:none}}