body.listener-body,.listener-dialog{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#172033;background:#f4f6fa;line-height:1.55;color-scheme:light}
.listener-body *,.listener-dialog *{box-sizing:border-box}body.listener-body{margin:0}.listener-body button,.listener-body input,.listener-dialog button,.listener-dialog input{font:inherit}
.listener-header{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px clamp(16px,4vw,44px);background:#fff;border-bottom:1px solid #e1e5ed}
.listener-brand{text-decoration:none;color:#15253f;font-weight:800}.listener-link{color:#174a8b;text-decoration:underline;text-underline-offset:3px}
.listener-main{width:min(610px,calc(100% - 32px));margin:24px auto 28px}.listener-main>h1{font-size:clamp(23px,4vw,32px);margin:10px 0}.listener-lead{color:#64718a}
.listener-card{background:white;border:1px solid #dbe2ec;border-radius:18px;padding:clamp(16px,4vw,24px);margin:16px 0;box-shadow:0 5px 20px rgba(22,35,54,.035)}
.listener-card h2{font-size:19px;margin:0}.listener-card p{font-size:14px;color:#5d697a;margin:5px 0 14px}.listener-card form{display:grid;gap:12px}
.listener-field{display:grid;gap:6px;font-size:14px;font-weight:650}.listener-field input{border:1px solid #c5cedb;border-radius:10px;min-height:44px;padding:10px 12px;width:100%;background:#fff;color:#1b2940}
.listener-field input:focus-visible,.listener-primary:focus-visible,.listener-secondary:focus-visible,.listener-link:focus-visible{outline:3px solid #386fb6;outline-offset:2px}
.listener-primary,.listener-secondary{border-radius:11px;border:0;min-height:46px;padding:10px 16px;font-weight:720;cursor:pointer}
.listener-primary{background:#173a65;color:#fff}.listener-secondary{background:#e8edf4;color:#173a65}
.listener-primary:disabled,.listener-secondary:disabled{opacity:.6;cursor:wait}
.listener-identity{overflow-wrap:anywhere;font-weight:700}.listener-note{border:1px solid #d9e1e9;border-radius:10px;padding:14px;background:#fff}
.listener-status{width:min(610px,calc(100% - 32px));margin:14px auto 32px;color:#21513b;font-size:14px;min-height:20px}
.listener-status[data-error="true"]{color:#9c2d30}
.listener-dialog{width:min(660px,calc(100vw - 20px));max-height:min(90vh,900px);border:1px solid #d8e0eb;border-radius:18px;padding:0;background:#f4f6fa;color:#172033;overflow:auto}
.listener-dialog::backdrop{background:rgba(15,24,40,.72)}
.listener-dialog-header{position:sticky;top:0;z-index:1;background:#fff;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4e9f0}
.listener-dialog .listener-main{margin:20px auto 18px}.listener-dialog .listener-status{margin:12px auto 25px}
@media(max-width:540px){.listener-header{padding:12px 16px}.listener-dialog{max-height:94dvh;width:calc(100vw - 12px);border-radius:12px}.listener-card{border-radius:12px}}