.qr-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;background:#000;color:#fff;font-family:monospace;touch-action:auto;user-select:auto;-webkit-user-select:auto}body.qr-scanning #rotate-hint{display:none!important}.qr-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.qr-frame{position:absolute;top:50%;left:50%;width:min(55vmin,320px);aspect-ratio:1;transform:translate(-50%,-50%);box-shadow:0 0 0 100vmax #00000073;border-radius:12px}.qr-frame span{position:absolute;width:22%;height:22%;border:5px solid #33ff88}.qr-frame span:nth-child(1){top:0;left:0;border-right:0;border-bottom:0;border-radius:12px 0 0}.qr-frame span:nth-child(2){top:0;right:0;border-left:0;border-bottom:0;border-radius:0 12px 0 0}.qr-frame span:nth-child(3){bottom:0;left:0;border-right:0;border-top:0;border-radius:0 0 0 12px}.qr-frame span:nth-child(4){bottom:0;right:0;border-left:0;border-top:0;border-radius:0 0 12px}.qr-top{position:absolute;top:env(safe-area-inset-top,0px);left:0;right:0;padding:12px 16px;text-align:center}.qr-title{margin:0;font-size:18px;font-weight:700;text-shadow:0 1px 4px #000000}.qr-message{margin:6px auto 0;max-width:560px;font-size:15px;min-height:1em}.qr-message.is-error{padding:8px 12px;border-radius:8px;background:#aa2828e6}.qr-manual{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;gap:8px;width:min(92vw,520px);padding:12px;border-radius:12px;background:#1a1a2ef5}.qr-manual[hidden]{display:none}.qr-manual input{flex:1;min-width:0;padding:12px;border:2px solid #5555aa;border-radius:8px;background:#0f0f1e;color:#fff;font:inherit;font-size:16px;text-transform:uppercase}.qr-actions{position:absolute;bottom:env(safe-area-inset-bottom,0px);left:0;right:0;display:flex;justify-content:center;gap:12px;padding:12px 16px}.qr-overlay button{padding:12px 20px;border:2px solid rgba(255,255,255,.6);border-radius:10px;background:#335;color:#fff;font:inherit;font-size:16px;font-weight:700;cursor:pointer}.qr-manual button{background:#3a6}