#login-qr-start{margin-left:.6em;padding:.45em .7em;border:1px solid #777;border-radius:5px;background:#f5f5f5;color:#111;font:inherit;cursor:pointer;min-height:42px;vertical-align:middle}
#login-qr-start:before{content:"";display:inline-block;vertical-align:-.12em;width:1em;height:1em;margin-right:.35em;border:2px solid currentColor;border-radius:2px;background:linear-gradient(currentColor,currentColor) center/40% 40% no-repeat}
#login-qr-start:disabled{opacity:.55;cursor:default}
#login-qr-panel{box-sizing:border-box;max-width:520px;margin:20px 0;padding:16px;border:1px solid #aaa;border-radius:10px;background:#fff;color:#111;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN",sans-serif}
#login-qr-panel[hidden]{display:none!important}
#login-qr-video{display:block;width:100%;height:auto;min-height:180px;max-height:360px;object-fit:cover;background:#111;border-radius:6px}
#login-qr-video[hidden]{display:none!important}
#login-qr-status{min-height:2.6em;margin:12px 0;line-height:1.5;font-size:16px;overflow-wrap:anywhere}
#login-qr-panel label{display:block;margin:10px 0;font-size:16px}
#login-qr-file{display:block;max-width:100%;margin-top:6px;font-size:16px}
#login-qr-cancel{min-height:42px;padding:8px 16px;margin-top:8px;border:1px solid #777;border-radius:5px;background:#f5f5f5;color:#111;font-size:16px;cursor:pointer}
@media(max-width:520px){#login-qr-start{display:block;margin:12px 0 0}#login-qr-panel{width:100%}#login-password{max-width:calc(100vw - 90px);font-size:16px}}