/* Shared ad-variant system */
.popup{--ad-accent:#4e74c9;--ad-soft:#eef3ff;--ad-ink:#20242a;--ad-surface:#fff;color:var(--ad-ink);background:var(--ad-surface);border:1px solid #d8dde3;box-shadow:0 6px 18px rgba(0,0,0,.14)}.popup .popup-copy small{color:var(--ad-accent)}.popup .popup-copy h3{color:inherit}.popup .popup-cta{color:var(--ad-accent)}.popup .confirm-button{background:var(--ad-accent)}.popup .later-button{color:var(--ad-accent);background:var(--ad-soft);border-color:color-mix(in srgb,var(--ad-accent) 20%,#fff)}
.ad-image-placeholder{position:relative;display:grid;place-items:center;width:100%;overflow:hidden;color:color-mix(in srgb,var(--ad-accent) 58%,#666);background:repeating-linear-gradient(135deg,var(--ad-soft) 0,var(--ad-soft) 10px,color-mix(in srgb,var(--ad-soft) 75%,#fff) 10px,color-mix(in srgb,var(--ad-soft) 75%,#fff) 20px);border-bottom:1px solid color-mix(in srgb,var(--ad-accent) 18%,#ddd)}.ad-image-placeholder::before{content:"";position:absolute;width:58px;height:42px;border:1px solid currentColor;border-radius:6px;opacity:.3}.ad-image-placeholder span{position:relative;z-index:1;padding:5px 8px;background:color-mix(in srgb,var(--ad-surface) 84%,transparent);border-radius:99px;font-size:9px;font-weight:800;letter-spacing:.08em}.ad-image-placeholder img{position:relative;z-index:1;width:100%;height:100%;display:block;object-fit:cover}.ratio-4-3{aspect-ratio:4/3}.ratio-16-9{aspect-ratio:16/9}.ratio-3-2{aspect-ratio:3/2}
/* Normal popup themes */
.theme-update{--ad-accent:#3576d3;--ad-soft:#edf5ff}.theme-update .popup-copy{border-top:4px solid var(--ad-accent)}.theme-update .popup-copy h3{font-weight:650}
.theme-sale{--ad-accent:#df2d26;--ad-soft:#fff4be;--ad-surface:#fff8d9}.theme-sale .popup-copy{text-align:center}.theme-sale .popup-copy small{display:inline-block;padding:3px 8px;color:#fff;background:#df2d26}.theme-sale .popup-copy h3{font-size:clamp(20px,6vw,29px);font-weight:950;letter-spacing:-.06em}.theme-sale .popup-copy h3::first-line{color:#d92323}
.theme-member{--ad-accent:#ef7d24;--ad-soft:#fff2e6}.theme-member{border-radius:25px}.theme-member .popup-copy{padding-block:24px}.theme-member .popup-copy h3{color:#d96511;font-weight:850}
.theme-survey{--ad-accent:#45a7c8;--ad-soft:#eaf8fc;--ad-surface:#f8fdff}.theme-survey .popup-copy small::before{content:"?";display:inline-grid;place-items:center;width:22px;height:22px;margin-right:7px;color:#fff;background:var(--ad-accent);border-radius:50%}.theme-survey .popup-copy h3{font-weight:700}
.theme-recommend{--ad-accent:#7556bd;--ad-soft:#f1ecff;--ad-surface:linear-gradient(145deg,#fff,#f4f0ff)}.theme-recommend .popup-copy{background:linear-gradient(145deg,#fff,#f4f0ff)}.theme-recommend .popup-copy h3{font-weight:800}
.theme-mail{--ad-accent:#24395e;--ad-soft:#edf1f7}.theme-mail{border-radius:10px}.theme-mail .popup-copy{border-left:5px solid #24395e}.theme-mail .popup-copy h3{font-family:Georgia,"Yu Mincho",serif;font-weight:700}
.theme-ai{--ad-accent:#8e7cff;--ad-soft:#302c53;--ad-ink:#fff;--ad-surface:#17182a;background:linear-gradient(145deg,#11131f,#32265c)}.theme-ai .popup-copy{background:radial-gradient(circle at 100% 0,#493781,#17182a 55%)}.theme-ai .popup-copy small{color:#a99bff}.theme-ai .popup-copy p{color:#c8c5da}.theme-ai .popup-cta{color:#b9b0ff}
.theme-stock{--ad-accent:#d83a36;--ad-soft:#fff0ef}.theme-stock .popup-copy{padding-left:56px}.theme-stock .popup-copy::before{content:"!";position:absolute;left:17px;top:24px;width:28px;height:28px;display:grid;place-items:center;color:#fff;background:#d83a36;border-radius:50%;font-weight:900}.theme-stock .popup-copy h3{color:#c92727;font-size:21px;font-weight:900}
.theme-coupon{--ad-accent:#e94d86;--ad-soft:#fff0f5;--ad-surface:#fff8fb;border:2px dashed #ed8caf;border-radius:24px}.theme-coupon .popup-copy{text-align:center}.theme-coupon .popup-copy h3{color:#d93674;font-size:22px;font-weight:900}.theme-coupon .popup-cta{padding:6px 12px;background:#fff0f5;border-radius:99px}
.theme-retro{--ad-accent:#d40000;--ad-soft:#fff200;--ad-surface:#fff700;border:3px ridge #e02400;border-radius:2px;background:#fff700;font-family:"Times New Roman","Yu Mincho",serif}.theme-retro .popup-copy{text-align:center;background:linear-gradient(#fff700,#ffb900)}.theme-retro .popup-copy small{color:#d40000;text-decoration:blink}.theme-retro .popup-copy h3{color:#ed0000;font-size:22px;font-weight:900;text-shadow:1px 1px #fff}.theme-retro .popup-copy p{color:#560000;font-weight:800}.theme-retro .popup-cta{color:#001ad3;text-decoration:underline}
/* Large ad themes */
.large-ad .popup-copy{padding:18px}.large-ad .popup-copy h3{font-size:clamp(21px,6vw,29px)}.theme-fashion{--ad-accent:#db2525;--ad-soft:#eee;--ad-ink:#111}.theme-fashion .popup-copy small{color:#111;font-size:13px}.theme-fashion .popup-copy h3{font-size:32px;font-weight:950}.theme-fantasy{--ad-accent:#d4b55c;--ad-soft:#26264e;--ad-ink:#f8f1d8;--ad-surface:#121426}.theme-fantasy .popup-copy{background:linear-gradient(135deg,#121426,#28235c)}.theme-fantasy .popup-copy small,.theme-fantasy .popup-cta{color:#e6ca77}.theme-fantasy .popup-copy p{color:#c4bfd8}.theme-trip{--ad-accent:#198fc3;--ad-soft:#dff5fb}.theme-trip .popup-copy h3{color:#126e9a;font-weight:650}.theme-audio{--ad-accent:#777;--ad-soft:#eceeef;--ad-ink:#eee;--ad-surface:#111}.theme-audio .popup-copy{padding:25px;background:#111}.theme-audio .popup-copy h3{font-size:30px;font-weight:400;letter-spacing:.02em}.theme-audio .popup-copy p{color:#aaa}.theme-food{--ad-accent:#ffcf1a;--ad-soft:#4b0700;--ad-ink:#fff;--ad-surface:#b52314}.theme-food .popup-copy{background:#b52314}.theme-food .popup-copy small,.theme-food .popup-cta{color:#ffde38}.theme-food .popup-copy h3{font-size:34px;font-weight:950}.theme-food .popup-copy p{color:#fff0d2}
/* Notification themes */
.notification-popup{box-shadow:0 5px 14px rgba(0,0,0,.11)}.notification-popup .notice-icon{background:var(--ad-accent)}.theme-notice-sale{--ad-accent:#e4473f;--ad-soft:#fff1ef}.theme-notice-news{--ad-accent:#347cc4;--ad-soft:#eef6ff}.theme-notice-delivery{--ad-accent:#43a66a;--ad-soft:#eefaf2}.theme-notice-points{--ad-accent:#e59a24;--ad-soft:#fff8e9}.theme-notice-event{--ad-accent:#7854bc;--ad-soft:#f4efff}.notification-popup[class*="theme-notice"]{background:linear-gradient(90deg,var(--ad-soft),#fff 30%)}
/* Video, moving and sheet themes */
.video-ad .popup-copy{padding:13px 16px 16px}.video-ad .popup-copy h3{margin-bottom:4px;font-size:18px}.video-timer,.video-timer:disabled,.video-timer.is-ready{position:absolute;z-index:3;left:10px;top:10px;width:auto;min-width:0;min-height:0;margin:0;padding:6px 9px;color:#fff;background:rgba(0,0,0,.58);border:0;border-radius:99px;box-shadow:none;font:800 9px/1.3 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:0;opacity:1;-webkit-text-fill-color:#fff}.video-timer.is-ready{cursor:pointer}.theme-video-game{--ad-accent:#c4a65b;--ad-soft:#29224b;--ad-ink:#f4ebd1;--ad-surface:#15142b}.theme-video-travel{--ad-accent:#2a9ccb;--ad-soft:#dff7ff}.theme-video-commerce{--ad-accent:#df2b29;--ad-soft:#fff29d}.theme-video-food{--ad-accent:#e83b2f;--ad-soft:#2b0d0b;--ad-ink:#fff;--ad-surface:#17100f}.theme-video-ai{--ad-accent:#805bd2;--ad-soft:#eee8ff}
.moving-ad .popup-copy{padding:13px 15px}.moving-ad .popup-copy h3{font-size:17px}.theme-move-sale{--ad-accent:#e5392f;--ad-soft:#fff09d}.theme-move-travel{--ad-accent:#228ec0;--ad-soft:#dcf5ff}.theme-move-game{--ad-accent:#d7b759;--ad-soft:#29204d;--ad-ink:#fff;--ad-surface:#171328}.theme-move-sneaker{--ad-accent:#a8ec36;--ad-soft:#eefbd9}.theme-move-food{--ad-accent:#ed572b;--ad-soft:#fff0e8}
.bottom-sheet .popup-copy{padding:13px 0}.bottom-sheet .popup-copy h3{font-size:19px}.sheet-accent{height:48px;margin-top:8px;background:linear-gradient(110deg,var(--ad-soft),#fff);border:1px solid color-mix(in srgb,var(--ad-accent) 16%,#e4e4e4);border-radius:12px}.theme-sheet-member{--ad-accent:#397ad1;--ad-soft:#edf5ff}.theme-sheet-settings{--ad-accent:#6f7773;--ad-soft:#f0f1f0}.theme-sheet-app{--ad-accent:#49a66b;--ad-soft:#eef9f1}.theme-sheet-coupon{--ad-accent:#ed8c1d;--ad-soft:#fff2b7;--ad-surface:#fffdf4}.theme-sheet-survey{--ad-accent:#44a9c8;--ad-soft:#e8f8fc}
@media(max-width:370px){.large-ad .popup-copy h3{font-size:21px}.ad-image-placeholder span{font-size:8px}.theme-food .popup-copy h3,.theme-fashion .popup-copy h3{font-size:27px}}
