/* Reserved space matches GPT's largest creative at each breakpoint. */
.ad-placement,.reward-offer{display:none}
html[data-ads-mode="live"] .ad-placement,html[data-ads-mode="preview"] .ad-placement{display:block}
html[data-ads-mode="live"] .reward-offer,html[data-ads-mode="preview"] .reward-offer{display:block}
.ad-placement{padding-block:42px 48px;text-align:center;background:var(--bg)}
.ad-label{font-size:10px;line-height:1.4;color:var(--quiet);letter-spacing:.04em;margin-bottom:14px}
.ad-frame{width:100%;max-width:970px;min-height:250px;margin-inline:auto;display:grid;place-items:center;position:relative}
.ad-frame--compact{min-height:90px}
.ad-placement--hero{padding-block:24px 28px}
.ad-frame--ribbon{min-height:90px}
.ad-slot{grid-area:1/1;max-width:100%}
.ad-placeholder{display:none;grid-area:1/1;align-self:stretch;justify-self:stretch;align-content:center;color:var(--quiet);font-size:12px;background:rgba(241,240,233,.025)}
.ad-placeholder span{display:block;font-size:10px;margin-top:5px;color:#7c8075}
html[data-ads-mode="preview"] .ad-placeholder{display:block}
.ad-size-tablet,.ad-size-mobile{display:none!important}
.reward-offer{padding-block:88px 94px;border-top:1px solid var(--line)}
.reward-layout{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:85px}
.reward-kicker{font-size:14px;color:var(--muted);margin-bottom:18px}
.reward-offer h2{font-size:clamp(38px,4.1vw,56px)}
.reward-description{font-size:19px;line-height:1.55;color:var(--muted);max-width:390px}
.reward-description strong{font-weight:500;color:var(--ink)}
.reward-description+.button{margin-top:26px}
.reward-terms{font-size:12px;line-height:1.5;color:var(--quiet);max-width:340px;margin-top:16px}
button,select,input{font:inherit}
button{cursor:pointer}
button.button{border:0}
button:focus-visible,select:focus-visible,input:focus-visible,#recording-plans:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
button:disabled{cursor:default;opacity:.5}
.reward-dialog{width:min(560px,calc(100% - 32px));max-width:calc(100% - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:48px 42px 30px;background:#20221e;color:var(--ink);border:1px solid #42463b;border-radius:20px;overflow:hidden;overscroll-behavior:contain;box-shadow:0 30px 100px #0007}
.reward-dialog-body{overflow:auto;min-height:0;overscroll-behavior:contain;scrollbar-width:thin}
.reward-dialog-body:focus-visible{outline:1px solid var(--quiet);outline-offset:4px}
.reward-dialog::backdrop{background:rgba(0,0,0,.68);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.reward-dialog h2{font-size:38px;letter-spacing:-.045em;line-height:1.08;padding-right:12px}
.reward-dialog-description{font-size:16px;line-height:1.55;color:var(--muted);margin-top:22px}
.reward-dialog-terms{font-size:12px;line-height:1.5;color:var(--quiet);margin-top:15px}
.reward-dialog-status{font-size:14px;line-height:1.5;min-height:42px;margin-top:23px;color:var(--ink)}
.reward-dialog-actions{display:flex;flex-direction:column;align-items:stretch;gap:7px;margin-top:20px;flex-shrink:0}
.reward-dialog-actions .button{white-space:normal;min-height:48px;padding-inline:16px}
.reward-decline{border:0;background:none;color:var(--muted);min-height:44px;padding:10px;font-size:14px}
.reward-decline:hover{color:var(--ink)}
.reward-close{position:absolute;top:12px;right:12px;width:38px;height:38px;border:0;border-radius:50%;background:rgba(241,240,233,.07);color:var(--muted);font-size:25px;line-height:1;display:grid;place-items:center}
.reward-close:hover{color:var(--ink);background:rgba(241,240,233,.12)}
.reward-preview-note{font-size:12px;line-height:1.5;color:var(--quiet);margin-top:18px}
.reward-dialog[open]{display:flex;flex-direction:column;animation:reward-dialog-in .22s cubic-bezier(.2,.8,.2,1)}
html.has-reward-dialog{overflow:hidden;scrollbar-gutter:stable}
[hidden]{display:none!important}
@keyframes reward-dialog-in{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
@media(min-width:768px) and (max-width:1023px){.ad-frame{min-height:90px}.ad-size-desktop{display:none!important}.ad-size-tablet{display:block!important}.reward-layout{gap:45px}}
@media(max-width:767px){.ad-placement{padding-block:28px 32px}.ad-frame,.ad-frame--compact{min-height:250px;max-width:320px}.ad-size-desktop,.ad-size-tablet{display:none!important}.ad-size-mobile{display:block!important}.reward-offer{padding-block:61px 64px}.reward-layout{grid-template-columns:1fr;gap:27px}.reward-kicker{font-size:12px;margin-bottom:15px}.reward-description{font-size:17px;max-width:380px}.reward-terms{font-size:12px;max-width:330px}.reward-dialog{padding:48px 25px 22px;border-radius:18px}.reward-dialog h2{font-size:33px}.reward-dialog-description{font-size:15px;margin-top:19px}.reward-dialog-status{margin-top:20px}.reward-dialog::backdrop{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}}
@media(max-width:319px){.ad-placement{display:none!important}}
@media(max-width:767px){.ad-placement--hero{padding-block:18px 22px}.ad-frame--ribbon{min-height:100px}}
@media(max-width:767px) and (max-height:700px){.reward-dialog{padding:44px 20px 16px}.reward-dialog h2{font-size:28px}.reward-dialog-description{font-size:14px;line-height:1.5;margin-top:16px}.reward-dialog-terms{margin-top:12px}.reward-dialog-status{font-size:13px;min-height:0;margin-top:16px}.reward-preview-note{font-size:11px;margin-top:12px}.reward-dialog-actions{margin-top:16px;gap:3px}}
@media(prefers-reduced-motion:reduce){.reward-dialog[open]{animation:none}}
@media(prefers-reduced-transparency:reduce){.reward-dialog::backdrop{background:#080908;backdrop-filter:none;-webkit-backdrop-filter:none}}
