.ov{position:fixed;inset:0;z-index:200;background:rgba(5,6,7,.78);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;padding:20px;overflow:auto}
.ov.on{display:flex}
.mdl{width:100%;max-width:480px;background:var(--surface);border:1px solid var(--border2);border-radius:8px;box-shadow:0 40px 80px -30px #000;overflow:hidden;margin:auto}
.mdl-h{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}
.mdl-h b{font-size:15px;flex:1}
.mdl-h .x{width:28px;height:28px;border-radius:var(--r);color:var(--muted);font-size:18px;line-height:1}
.mdl-h .x:hover{background:var(--surface2);color:var(--text)}
.mdl-b{padding:20px}
.mdl-b p.lead-sm{color:var(--muted);font-size:13px;line-height:1.6;margin-bottom:16px}
.mdl-f{padding:16px 20px;border-top:1px solid var(--border);display:flex;gap:10px}
.mdl-f .btn{flex:1}
.mdl-steps{display:flex;gap:6px;padding:0 20px 16px}
.mdl-steps div{flex:1;height:3px;border-radius:2px;background:var(--surface2)}
.mdl-steps div.on{background:var(--orange)}
.qr-wrap{display:flex;gap:18px;align-items:center;margin-bottom:16px}
.qr{width:150px;height:150px;flex:none;background:#fff;border-radius:6px;padding:8px;display:grid;place-items:center}
.qr img,.qr canvas{width:100%;height:100%;display:block}
.qr .fallback{font-size:10px;color:#333;text-align:center;line-height:1.4;padding:6px}
.qr-side{flex:1;min-width:0}
.qr-side small{display:block;color:var(--muted);font-size:11.5px;margin-bottom:4px}
.seckey{font-family:var(--mono);font-size:13px;background:var(--bg2);border:1px solid var(--border2);border-radius:var(--r);padding:9px 10px;word-break:break-all;color:var(--orange);letter-spacing:.04em}
.mdl .otp{display:flex;gap:6px;width:100%}
.mdl .otp input{flex:1 1 0;width:0;padding:0;box-sizing:border-box;height:44px;text-align:center;font-family:var(--mono);font-size:18px;border:1px solid var(--border2);border-radius:var(--r);background:var(--bg2);outline:0;min-width:0}
.mdl .otp input:focus{border-color:var(--orange)}
.mdl .field{margin-bottom:16px}
.mdl .field>label{display:block;font-size:12px;color:var(--muted);margin-bottom:7px}
.sum{border:1px solid var(--border);border-radius:var(--r);background:var(--bg2);padding:12px 14px;margin-bottom:16px;font-size:13px}
.sum div{display:flex;justify-content:space-between;gap:12px;padding:4px 0}
.sum div span:first-child{color:var(--muted)}
.sum div span:last-child{font-family:var(--mono);text-align:end;word-break:break-all}
.sum div.tot{border-top:1px solid var(--border);margin-top:6px;padding-top:9px;font-weight:600}
.mdl .err,.mdl .ok-msg{margin-bottom:14px}
.steps-list{display:grid;gap:9px;margin-bottom:16px}
.steps-list div{display:flex;gap:10px;font-size:12.5px;color:var(--text2);line-height:1.5}
.steps-list .n{width:20px;height:20px;flex:none;border-radius:50%;background:var(--orange-dim);border:1px solid rgba(224,104,14,.35);color:var(--orange);display:grid;place-items:center;font-size:10.5px;font-weight:600;font-family:var(--mono)}
.tick{display:flex;gap:10px;align-items:center;padding:11px 13px;border:1px solid rgba(31,181,106,.35);background:var(--up-dim);border-radius:var(--r);font-size:13px;color:var(--up);margin-bottom:16px}
.countdown{font-size:11.5px;color:var(--muted);margin-top:8px;display:flex;justify-content:space-between}
.countdown button{color:var(--orange);font-weight:600;font-size:11.5px}
.countdown button[disabled]{color:var(--muted2)}