.billing-dialog{box-sizing:border-box;width:min(780px,calc(100vw - 28px));max-width:780px;max-height:90dvh;border:1px solid #dce5f5;border-radius:24px;padding:28px;color:#19263b;background:#fff;box-shadow:0 25px 100px #152e5130;overflow-y:auto}.billing-dialog::backdrop{background:#15233a77;backdrop-filter:blur(4px)}.billing-dialog button,.billing-wall button{cursor:pointer;min-height:44px}.billing-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.billing-dialog-head>strong{font-size:21px}.billing-dialog-head>[data-close]{border:0;background:#f1f5fc;font-size:24px;width:42px;min-height:42px;border-radius:50%}.billing-pro-tag{display:inline-block;font-size:11px;letter-spacing:1px;color:#fff;background:#0755ef;padding:5px 8px;border-radius:6px;vertical-align:middle}.billing-eyebrow{color:#1759d3;font-size:11px;letter-spacing:1.6px;font-weight:700}.billing-intro{text-align:center;margin:28px 0 20px}.billing-intro h2{font-size:34px;line-height:1.35;letter-spacing:-.7px;margin:12px 0}.billing-intro p,.billing-note{color:#65738a;line-height:1.8}.billing-current,.billing-active{background:#f1f6ff;border-radius:12px;padding:14px 18px;display:flex;justify-content:space-between;font-size:14px}.billing-current b{margin-left:7px}.billing-plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.billing-plan{position:relative;border:1px solid #dce4f2;border-radius:18px;padding:24px 20px;display:flex;flex-direction:column}.billing-plan-featured{border:2px solid #0755ed;background:#f8faff;padding:23px 19px}.billing-value{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:#0755ed;color:white;border-radius:20px;padding:4px 12px;white-space:nowrap;font-size:11px}.billing-plan h3{font-size:18px;margin:4px 0 14px}.billing-price{font-size:45px;font-weight:750;margin:0;line-height:1.3;letter-spacing:-1px}.billing-price small{font-weight:400;font-size:14px;color:#66748a;letter-spacing:0}.billing-plan ul{list-style:none;padding:0;margin:22px 0;font-size:14px;line-height:2.2}.billing-plan li:before{content:'✓';color:#0755ed;margin-right:8px}.billing-plan>button{width:100%;margin-top:auto;border-radius:10px;border:1px solid #cbd8ee;background:#fff;color:#194ba6;padding:12px}.billing-plan>small{font-size:11px;color:#6a7890;text-align:center;margin-top:10px}.billing-primary{display:inline-block;background:#0755ed!important;color:#fff!important;border:0!important;border-radius:11px;padding:14px 20px;font:inherit;font-weight:600;text-decoration:none}.billing-dialog button:disabled{opacity:.55;cursor:wait}.billing-note{font-size:12px;text-align:center}.billing-test-banner,.billing-sandbox{background:#fff4d5;color:#845900;font-size:12px;border-radius:8px;padding:10px 12px}.billing-test-banner{margin:16px 0;line-height:1.6}.billing-orders,.billing-demo-tools{border-top:1px solid #e5eaf3;padding-top:16px;margin-top:18px;font-size:13px}.billing-orders summary,.billing-demo-tools summary{cursor:pointer;font-weight:600}.billing-order{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #edf0f7}.billing-order small{display:block;color:#748097;font-size:11px;margin-top:5px}.billing-message{color:#a44025;font-size:13px}.billing-demo-tools button{font-size:12px;margin:6px 6px 6px 0;padding:9px}.billing-total{display:flex;justify-content:space-between;padding:24px;background:#f1f6ff;border-radius:16px}.billing-total strong{font-size:24px}.billing-pay{width:100%;margin-top:12px}.billing-meter{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:18px 0 12px;padding:14px 16px;border-radius:12px;border:1px solid #dce5f5;background:#f8fbff}.billing-meter strong{display:block;font-size:14px}.billing-meter span{display:block;font-size:11px;color:#65748c;margin-top:4px}.billing-meter button{font-size:12px;padding:9px 14px;border-radius:9px;color:#0755ed;border:1px solid #d5e2fd}.billing-meter .billing-sandbox{font-size:10px;padding:5px 8px}.billing-wall,.billing-empty{text-align:center;padding:48px 24px}.billing-wall h2{font-size:28px;margin:16px 0}.billing-wall p{color:#63728a;line-height:1.8;max-width:560px;margin:16px auto}.billing-wall-count{font-size:44px;color:#0755ed;font-weight:750;margin:24px 0}.billing-wall [data-billing-back]{margin-left:12px}.billing-toolbar-button{font-weight:700;background:#edf4ff;color:#0755ed;border:1px solid #d5e3ff;border-radius:9px;padding:10px 14px}.dark .billing-meter{background:#1d2b43;border-color:#354763}.dark .billing-meter span{color:#bcc8db}.dark .billing-wall p{color:#bbc7da}@media(max-width:580px){.billing-dialog{padding:20px 16px;border-radius:18px}.billing-intro h2{font-size:27px}.billing-plan-grid{grid-template-columns:1fr;gap:24px}.billing-price{font-size:38px}.billing-plan{padding:20px}.billing-plan ul{margin:12px 0}.billing-current{font-size:12px;gap:10px}.billing-order{align-items:flex-start;flex-direction:column;gap:6px}.billing-wall{padding:32px 16px}.billing-wall h2{font-size:23px}.billing-wall [data-billing-back]{display:block;margin:12px auto}.billing-toolbar-button{padding:8px 10px}.billing-meter{gap:10px}}
.billing-transfer-grid{display:grid;grid-template-columns:minmax(220px,1fr) minmax(260px,1fr);gap:24px;align-items:start}.billing-qr{text-align:center}.billing-qr img{display:block;width:100%;max-width:295px;height:auto;margin:auto;border:1px solid #e0e8f3;border-radius:16px}.billing-qr a{display:inline-block;padding:10px;color:#0755ed;font-size:13px}.billing-bank{display:grid;gap:8px;padding:18px;border:1px solid #cfe0f8;border-radius:16px;background:#f4f8ff}.billing-account{font-size:25px;letter-spacing:.5px;user-select:all}.billing-bank span{font-size:15px}.billing-bank small{min-height:16px;color:#0755ed}.billing-dialog label{display:grid;gap:7px;font-size:13px;margin:14px 0}.billing-dialog input{box-sizing:border-box;width:100%;min-height:44px;padding:10px 12px;border:1px solid #cbd8ee;border-radius:9px;font:inherit;background:white;color:#19263b}.billing-dialog .billing-check{display:flex;align-items:center;gap:9px;line-height:1.6}.billing-check input{width:18px;min-height:18px;flex-shrink:0}.billing-review-card{border:1px solid #dce5f5;padding:18px;border-radius:16px;margin:16px 0}.billing-review-card p{font-size:13px;line-height:1.7;overflow-wrap:anywhere}.billing-review-actions{display:flex;gap:10px;flex-wrap:wrap}.billing-owner-review{margin-top:16px;width:100%}.billing-dialog .billing-plan .billing-note{text-align:left;margin:18px 0}.dark .billing-dialog{background:#162238;color:#ecf2ff}.dark .billing-bank,.dark .billing-plan-featured,.dark .billing-total,.dark .billing-active{background:#20334f}.dark .billing-intro p,.dark .billing-dialog .billing-note{color:#bac9df}@media(max-width:580px){.billing-transfer-grid{grid-template-columns:1fr}.billing-qr img{max-width:230px}.billing-account{font-size:24px}}
/* Keep the close action available while payment details scroll. */
.billing-dialog .billing-dialog-head{position:sticky;top:-28px;z-index:3;margin:-28px -28px 0;padding:16px 28px;background:#fff}
.billing-dialog .billing-dialog-head>[data-close]{box-sizing:border-box;display:grid;place-items:center;flex:0 0 44px;width:44px;min-width:44px;max-width:44px;height:44px;min-height:44px;max-height:44px;padding:0;border-radius:50%;line-height:1;color:#19263b;background:#edf3fc}
.dark .billing-dialog .billing-dialog-head{background:#162238}
.dark .billing-dialog .billing-dialog-head>[data-close]{color:#f2f6ff;background:#263d5c}

@media(max-width:580px){.billing-dialog .billing-dialog-head{top:-20px;margin:-20px -16px 0;padding:12px 16px}}
.learning-access-wall{text-align:center;padding:28px 20px;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:inherit;margin:16px 0}.learning-access-wall h2{font-size:23px;margin:14px 0}.learning-access-wall p{font-size:14px;line-height:1.7;color:var(--muted)}.learning-access-wall button{margin:6px}.learning-access-wall a{margin:6px}.learning-access-wall .billing-pro-tag{font-size:12px}[data-pro-menu]::after,#speaking #job-mode::after{content:'Pro';font:700 10px/1.5 system-ui;padding:2px 6px;margin-left:7px;border-radius:5px;color:#0755ed;background:#e7efff}#speaking #speaking-access[hidden]{display:none}#speaking #speaking-quota:empty{display:none}
