:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff}*{box-sizing:border-box}html,body{background:#fff;min-height:100%;margin:0}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,Helvetica,sans-serif}.page{background:#fff;place-items:center;min-height:100svh;padding:24px;display:grid}.card{background:#fff;border:1px solid #f0f0f0;border-radius:22px;flex-direction:column;width:min(92vw,360px);padding:32px 30px 26px;display:flex;box-shadow:0 1px 2px #1112140a,0 18px 50px -22px #1112142e}.who{align-items:center;gap:13px;margin-bottom:30px;display:flex}.avatar{object-fit:cover;border-radius:10px;width:52px;height:52px;display:block}.name{color:#1b1c1e;letter-spacing:.01em;font-size:25px;font-weight:600}.qrWrap{place-items:center;min-height:300px;display:grid}.qr{width:300px;height:300px;display:block}.done{flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:300px;display:flex}.done svg{animation:.32s ease-out both pop}.success{color:#07c160;letter-spacing:.02em;margin:0;font-size:26px;font-weight:600}@keyframes pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.done svg{animation:none}}.status{text-align:center;letter-spacing:.01em;color:#b9b9bb;min-height:1.2em;margin:20px 0 0;font-size:13px}.status[data-phase=scanned],.status[data-phase=connected]{color:#07c160}.caption{text-align:center;color:#bcbcbe;margin:8px 0 0;font-size:18px;line-height:1.35}