.unified-support{--us-bg:#fff;--us-ink:#243c34;--us-muted:#627b71;--us-soft:#eef8f3;--us-line:#c8dfd3;background:var(--us-bg);color:var(--us-ink);border:1px solid var(--us-line);border-radius:24px;padding:32px;width:min(680px,calc(100vw - 28px));max-height:90dvh;overflow:auto;box-sizing:border-box;box-shadow:0 24px 100px #062a2540}
[data-theme=dark] .unified-support{--us-bg:#142720;--us-ink:#eaf5ee;--us-muted:#a2beb1;--us-soft:#1b352a;--us-line:#355747}
.unified-support::backdrop{background:#09251f80;backdrop-filter:blur(6px)}
.unified-support [hidden]{display:none!important}
.unified-support h2{font-size:28px;margin:8px 32px 12px 0}.unified-support p{line-height:1.6}.us-intro,.us-footnote,.us-player{color:var(--us-muted)}
.us-close{position:absolute;right:18px;top:14px;background:transparent;border:0;color:var(--us-muted);font-size:28px;padding:6px 12px;cursor:pointer}
.us-rate{display:flex;flex-direction:column;gap:7px;background:var(--us-soft);border:1px solid var(--us-line);border-radius:14px;padding:16px;margin:20px 0}.us-player{font-size:12px}
.us-providers{border:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 20px}.us-providers legend{font-weight:700;padding:0 0 10px}.us-providers button{text-align:left;display:flex;flex-direction:column;gap:6px;padding:15px;border:1px solid var(--us-line);border-radius:13px;background:var(--us-bg);color:var(--us-ink);cursor:pointer}.us-providers button small{color:var(--us-muted);line-height:1.4}.us-providers button[aria-pressed=true]{background:var(--us-soft);border-color:#23ae82;box-shadow:0 0 0 2px #23ae8228}.us-providers button:disabled{opacity:.5;cursor:not-allowed}
.unified-support .us-form{padding:0;margin:0;display:block;min-height:0}.us-form label{display:flex;flex-direction:column;gap:8px;margin:14px 0;font-size:13px;font-weight:600}.us-form input,.us-form select{width:100%;box-sizing:border-box;padding:12px;border:1px solid var(--us-line);border-radius:10px;background:var(--us-bg);color:var(--us-ink);font:inherit}.us-form .primary,.us-login .primary{display:block;box-sizing:border-box;width:100%;text-align:center;padding:14px;border:0;border-radius:12px;color:white;background:linear-gradient(110deg,#2ebf8d,#17876a);font-weight:700;cursor:pointer;text-decoration:none}.us-submit:disabled{opacity:.5}.us-total{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-top:1px solid var(--us-line);margin-top:22px}.us-total b{color:#21a078;font-size:20px}
.us-footnote{font-size:11px;text-align:center;margin-bottom:0}.us-status{font-size:13px;overflow-wrap:anywhere}.us-status:empty{display:none}.us-login{text-align:center;padding:24px 0}.us-login-icon{display:inline-grid;place-items:center;width:60px;height:60px;border-radius:18px;background:var(--us-soft);font-size:30px;color:#21a078}.us-login p{color:var(--us-muted)}.us-intent{display:flex;flex-direction:column;gap:12px;background:var(--us-soft);border-radius:14px;padding:18px;margin-bottom:18px}.us-code{font-size:16px;word-break:break-all;user-select:all}.us-expiry{color:var(--us-muted)}
.purchase-support-hint{display:flex;align-items:center;gap:16px;margin:16px 0;padding:20px;border:1px solid #d8c68e;border-radius:16px;background:linear-gradient(115deg,#fff9e9,#edf8f3);color:#293f36;font-size:13px}
.purchase-support-hint[hidden]{display:none!important}.psh-icon{display:grid;place-items:center;flex:0 0 44px;height:44px;border:1px solid #e7c367;border-radius:50%;background:#ffedb3;color:#996411;font-size:25px;box-shadow:inset 0 0 0 4px #fff8df}
.psh-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:6px}.psh-title{font-size:18px;line-height:1.3}.psh-details{font-weight:600;color:#826220}.psh-note{color:#5c7469;line-height:1.5}
.purchase-support-hint .psh-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex-shrink:0;min-height:56px;min-width:210px;margin:0;padding:13px 22px;border:1px solid #138065;border-radius:12px;background:linear-gradient(115deg,#209f7b,#12735d);color:#fff;font:inherit;font-weight:700;cursor:pointer;box-shadow:0 6px 16px #14785d22;transition:filter .15s,box-shadow .15s}.psh-action small{font-size:12px;font-weight:500}.purchase-support-hint .psh-action:hover{filter:brightness(1.08);box-shadow:0 8px 20px #14785d35}.purchase-support-hint .psh-action:focus-visible{outline:3px solid #d39d25;outline-offset:3px}
[data-theme=dark] .purchase-support-hint{background:linear-gradient(115deg,#303024,#193b30);border-color:#655c36;color:#f0f6ee}[data-theme=dark] .psh-details{color:#e6c66e}[data-theme=dark] .psh-note{color:#b0c9ba}[data-theme=dark] .psh-icon{background:#5e491e;color:#ffdb72;border-color:#977d37;box-shadow:inset 0 0 0 4px #463c23}
.us-shortfall{padding:14px 16px;border-left:3px solid #c49b36;border-radius:8px;background:var(--us-soft);color:var(--us-ink);font-size:13px}
.purchase-support-hint .psh-action:disabled{opacity:.6;cursor:wait;filter:none;box-shadow:none}
@media(max-width:640px){.purchase-support-hint{flex-wrap:wrap;gap:12px;padding:16px}.psh-copy{flex-basis:calc(100% - 60px)}.purchase-support-hint .psh-action{width:100%;min-width:0}.psh-title{font-size:17px}}
@media(max-width:480px){.unified-support{padding:22px}.us-providers{gap:8px}.us-providers button{padding:12px}.unified-support h2{font-size:24px}}

/* One compact workspace; only genuinely small viewports need scrolling. */
dialog.unified-support{width:min(1000px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:24px;border-radius:20px;overflow:auto;background:var(--us-bg);color:var(--us-ink)}
.unified-support>.eyebrow{margin:0 44px 8px 0;font-size:11px}.unified-support h2{font-size:25px;margin:0 44px 8px 0;line-height:1.25}.unified-support .us-intro{font-size:13px;line-height:1.5;margin:0 30px 18px 0}
.unified-support .us-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:20px;align-items:start}.unified-support .us-choice,.unified-support .us-details{min-width:0}
.unified-support .us-rate{margin:0 0 14px;padding:12px 14px;gap:5px;font-size:14px}.unified-support .us-player{font-size:11px;overflow-wrap:anywhere}.unified-support .us-shortfall{margin:0 0 14px;padding:10px 12px;font-size:12px;line-height:1.5}
.unified-support .us-providers{margin:0;gap:8px;min-width:0}.unified-support .us-providers legend{font-size:13px;padding:0 0 8px}.unified-support .us-providers button{min-height:68px;padding:11px 12px;gap:5px;font:inherit;font-size:13px}.unified-support .us-providers small{font-size:11px;line-height:1.4}
.unified-support .us-details{padding:14px 16px;border:1px solid var(--us-line);background:var(--us-soft);border-radius:14px}.unified-support .us-form label{margin:0 0 11px;gap:6px;font-size:12px}.unified-support .us-form input,.unified-support .us-form select{padding:10px 11px;min-height:42px}.unified-support .us-payment-preview{font-size:11px;line-height:1.5;margin:4px 0 10px}.unified-support .us-total{margin:12px 0 0;padding:12px 0 0;gap:10px;font-size:13px}.unified-support .us-total b{font-size:20px;white-space:nowrap}
.unified-support .us-submit{margin-top:16px;padding:12px 18px;min-height:44px}.unified-support .us-footnote{font-size:10px;line-height:1.45;margin:8px 0 0}.unified-support .us-status{margin:10px 0 0;font-size:12px;line-height:1.5}.unified-support .us-external>p{font-size:12px;line-height:1.5;margin:0 0 12px}.unified-support .us-intent{gap:9px;padding:12px;margin:0;background:var(--us-bg);border:1px solid var(--us-line)}.unified-support .us-code{font-size:14px}.unified-support .us-expiry{font-size:11px}.unified-support .us-copy,.unified-support .us-rate-retry{padding:9px 12px;border:1px solid var(--us-line);border-radius:9px;background:var(--us-bg);color:var(--us-ink);font:inherit;font-size:12px;cursor:pointer}.unified-support .us-go{padding:11px;font-size:13px}.unified-support .us-login{padding:14px 0;max-width:520px;margin:auto}
@media(max-width:680px){dialog.unified-support{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:20px 16px}.unified-support .us-workspace{grid-template-columns:minmax(0,1fr);gap:14px}.unified-support h2{font-size:23px}.unified-support .us-intro{margin-bottom:14px}.unified-support .us-rate{margin-bottom:10px}.unified-support .us-details{padding:12px}.unified-support .us-form input,.unified-support .us-form select{font-size:16px}.unified-support .us-submit{margin-top:12px}}
@media(min-width:681px) and (max-height:700px){dialog.unified-support{padding:18px 22px;max-height:calc(100dvh - 20px)}.unified-support>.eyebrow{margin-bottom:5px}.unified-support h2{font-size:23px;margin-bottom:6px}.unified-support .us-intro{margin-bottom:12px}.unified-support .us-submit{margin-top:12px}}
