.embedded-checkout{color:#edf2fc;background:#111824;border:1px solid #3b526e;border-radius:22px;margin:24px 0 30px;scroll-margin-top:calc(var(--top-h,72px) + 16px);box-shadow:0 16px 48px #0003;min-width:0;animation:embedded-checkout-in .24s ease-out}
.embedded-checkout[hidden]{display:none!important}
.embedded-checkout-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 22px 10px}
.embedded-checkout-title{margin:0!important;font:700 clamp(18px,4.5vw,23px)/1.35 Montserrat,Arial,sans-serif;letter-spacing:-.025em;text-transform:none!important;overflow-wrap:anywhere}
.embedded-checkout-title:focus-visible{outline:2px solid #7ca8ff;outline-offset:5px}
.embedded-checkout-close{flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;border:1px solid #435571;border-radius:50%;background:#1c293c;color:#f6f8ff;font:400 28px/1 Arial,sans-serif;cursor:pointer}
.embedded-checkout-summary{padding:0 22px;margin:0 0 18px!important;font:500 13px/1.65 Montserrat,Arial,sans-serif;color:#c4cfe1;overflow-wrap:anywhere}
.embedded-checkout-status{display:flex;align-items:center;gap:10px;padding:26px 22px;margin:0!important;min-height:140px;font:500 14px/1.7 Montserrat,Arial,sans-serif;color:#dae4f5}
.embedded-checkout[data-state=loading] .embedded-checkout-status:before{content:"";flex:0 0 18px;width:18px;height:18px;border:2px solid #526888;border-top-color:#85adff;border-radius:50%;animation:embedded-checkout-spin .8s linear infinite}
.embedded-checkout-status[hidden]{display:none}
.embedded-checkout-mount{background:#fff;min-width:0;width:100%;color-scheme:light}
.embedded-checkout-mount:empty{display:none}
.embedded-checkout-mount iframe{max-width:100%}
.embedded-checkout-note{margin:0!important;padding:16px 22px;font:500 11px/1.7 Montserrat,Arial,sans-serif;color:#b0bdd3;text-align:center;overflow-wrap:anywhere}
.embedded-checkout-retry{display:block;width:calc(100% - 44px);margin:0 22px 16px;padding:15px 18px;border:1px solid #829ac0;border-radius:12px;background:#cfe0ff;color:#101b2b;font:700 13px/1.5 Montserrat,Arial,sans-serif;cursor:pointer}
.embedded-checkout-retry[hidden]{display:none}
.embedded-checkout button:focus-visible{outline:3px solid #83aaff;outline-offset:4px}
.embedded-checkout[data-state=error] .embedded-checkout-status{min-height:0;color:#ffc6c6}
@keyframes embedded-checkout-spin{to{transform:rotate(360deg)}}
@keyframes embedded-checkout-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:380px){.embedded-checkout{border-radius:16px;margin:20px -4px 26px}.embedded-checkout-header{padding:16px 14px 10px;gap:10px}.embedded-checkout-summary{padding:0 14px}.embedded-checkout-note{padding:14px}.embedded-checkout-status{padding:22px 14px}.embedded-checkout-close{flex-basis:36px;width:36px;height:36px}.embedded-checkout-retry{width:calc(100% - 28px);margin-left:14px;margin-right:14px}}
@media(prefers-reduced-motion:reduce){.embedded-checkout,.embedded-checkout[data-state=loading] .embedded-checkout-status:before{animation:none}}

.embedded-checkout-active #actions,.embedded-checkout-active #sticky-offer{display:none!important}

/* Quiz pages share the paid-account dialog but do not load the offer's store badges. */
.account-dialog .dialog-store-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;max-width:none;margin:18px 0 12px}
.account-dialog .dialog-store-buttons .store-button{box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;min-width:0;min-height:64px;padding:12px 16px;border:1px solid #415777;border-radius:13px;background:#0b1322;color:#fff;text-align:left;text-decoration:none;transition:background-color .18s,border-color .18s}
.account-dialog .dialog-store-buttons .store-button:hover{background:#15213a;border-color:#8daff0}
.account-dialog .dialog-store-buttons .store-button svg{display:block;flex:0 0 26px;width:26px;height:26px;max-width:26px;max-height:26px;fill:currentColor}
.account-dialog .dialog-store-buttons .store-button span{display:flex;flex-direction:column;gap:3px;min-width:0;line-height:1.2}
.account-dialog .dialog-store-buttons .store-button small{font-size:10px;font-weight:500;color:#c8d4e9;overflow-wrap:anywhere}
.account-dialog .dialog-store-buttons .store-button strong{font-size:17px;font-weight:800;letter-spacing:-.02em;white-space:nowrap}
@media(max-width:480px){.account-dialog .dialog-store-buttons{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.account-dialog .dialog-store-buttons .store-button{transition:none}}