/* H5 only: explicit scope avoids changes to native purchase screens or media layers. */
html body #paywall.cinema-paywall.voco-premium{--vip-line:#e6c58c38;--vip-panel:#131923e8;--vip-text:#f7f4ee;--vip-muted:#b9b8bd;--vip-accent:#efcd92;color:var(--vip-text)}
html body #paywall.voco-premium[data-theme="ember"]{--vip-panel:#251920e8;--vip-line:#f6c8ad40;--vip-accent:#ffccab}
html body #paywall.voco-premium[data-theme="minimal"]{--vip-panel:#fffdf4ef;--vip-line:#6a542e40;--vip-text:#302a22;--vip-muted:#665d51;--vip-accent:#795925}
html body #paywall.cinema-paywall.voco-premium #paywallSurface{display:block;padding:calc(64px + env(safe-area-inset-top)) max(20px,calc((100vw - 860px)/2)) calc(var(--dock-height,150px) + 28px);scrollbar-width:thin;scroll-padding-bottom:calc(var(--dock-height,150px) + 28px)}
html body #paywall.voco-premium .vip-hero{text-align:center;margin:0 auto 26px;max-width:680px}
html body #paywall.voco-premium .vip-emblem{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 18px;border:1px solid var(--vip-line);border-radius:24px;background:linear-gradient(145deg,#ebce9433,#ebce9405);box-shadow:inset 0 1px 0 #fff3,0 12px 38px #0002;transform:rotate(-6deg)}
html body #paywall.voco-premium .vip-emblem svg{width:44px;height:44px;transform:rotate(6deg);color:var(--vip-accent);fill:currentColor;stroke:currentColor;stroke-width:1.3;stroke-linejoin:round}
.vip-icon-line{fill:none;stroke:var(--vip-panel,#151923);stroke-width:1.4;stroke-linecap:round}.vip-icon-facet{fill:var(--vip-panel,#151923);stroke:none}
html body #paywall.cinema-paywall.voco-premium #paywallBadge{display:block!important;margin:0 0 10px;color:var(--vip-accent);font-size:11px;font-weight:700;line-height:1.6;letter-spacing:.2em;overflow-wrap:anywhere}
html body #paywall.cinema-paywall.voco-premium #paywallHeadline{margin:0;padding:0;font-size:clamp(27px,3.4vw,38px);line-height:1.18;font-weight:750;letter-spacing:-.035em;text-wrap:balance;color:var(--vip-text)}
html body #paywall.cinema-paywall.voco-premium #paywallBenefits{display:flex!important;justify-content:center;flex-wrap:wrap;gap:8px 18px;border:0;margin:18px 0 0;padding:0;font-size:12px;line-height:1.5;color:var(--vip-muted)}
html body #paywall.cinema-paywall.voco-premium #paywallBenefits:empty{display:none!important}
html body #paywall.cinema-paywall.voco-premium #paywallBenefits li{display:flex;gap:6px;align-items:center;text-align:left}
html body #paywall.cinema-paywall.voco-premium #paywallBenefits li::before{content:'✓';display:inline;font-size:12px;color:var(--vip-accent)}
html body #paywall.cinema-paywall.voco-premium .cinema-extra-benefits{display:block!important;font-size:12px;color:var(--vip-muted)}
html body #paywall.cinema-paywall.voco-premium .plans{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px!important;margin:0 0 22px}
html body #paywall.cinema-paywall.voco-premium .plans>button{--plan-tone:#c7d5e8;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:18px;min-width:0;min-height:238px;padding:24px!important;border:1px solid var(--vip-line);border-radius:18px;background:var(--vip-panel);color:var(--vip-text);text-align:left;box-shadow:0 12px 32px #0001;cursor:pointer;transition:border-color .18s,background .18s,box-shadow .18s}
html body #paywall.voco-premium .plans>button[data-plan="monthly"]{--plan-tone:#edca8d}
html body #paywall.voco-premium .plans>button[data-plan="annual"]{--plan-tone:#b8dfde}
html body #paywall.voco-premium[data-theme="minimal"] .plans>button{--plan-tone:#526b88}
html body #paywall.voco-premium[data-theme="minimal"] .plans>button[data-plan="monthly"]{--plan-tone:#856128}
html body #paywall.voco-premium[data-theme="minimal"] .plans>button[data-plan="annual"]{--plan-tone:#337571}
html body #paywall.cinema-paywall.voco-premium .plans>button.selected{border-color:var(--vip-accent);box-shadow:inset 0 0 0 1px var(--vip-accent),0 12px 32px #0002;background:linear-gradient(130deg,#d8b87816,transparent),var(--vip-panel)}
html body #paywall.voco-premium .vip-plan-icon{display:grid;place-items:center;flex:0 0 auto;width:46px;height:46px;border-radius:14px;background:color-mix(in srgb,var(--plan-tone) 12%,transparent);border:1px solid color-mix(in srgb,var(--plan-tone) 25%,transparent);color:var(--plan-tone)}
html body #paywall.voco-premium .vip-plan-icon svg{width:30px;height:30px;fill:currentColor;stroke:currentColor;stroke-width:1.1;stroke-linejoin:round}
html body #paywall.voco-premium .vip-plan-label{display:flex;flex-direction:column;gap:5px;min-width:0}
html body #paywall.cinema-paywall.voco-premium .plans small{font-size:16px!important;line-height:1.25;font-weight:700;color:var(--vip-text);white-space:normal;overflow-wrap:anywhere}
html body #paywall.voco-premium .vip-plan-caption{font-size:11px;line-height:1.4;color:var(--vip-muted);font-weight:400}
html body #paywall.voco-premium .vip-plan-price{margin-top:auto;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 6px;min-width:0}
html body #paywall.cinema-paywall.voco-premium .plans b{display:inline-flex;align-items:baseline;gap:5px;max-width:none;color:var(--vip-text);font-size:29px!important;line-height:1.15;font-weight:750;letter-spacing:-.035em;overflow-wrap:normal;white-space:nowrap}
html body #paywall.voco-premium .vip-currency{font-size:10px;letter-spacing:.05em;color:var(--vip-muted);font-weight:600}
html body #paywall.voco-premium .vip-plan-period{color:var(--vip-muted);font-size:11px;font-weight:400;white-space:nowrap}
html body #paywall.voco-premium .vip-plan-check{position:absolute;right:20px;top:20px;width:19px;height:19px;border:1px solid #9697a080;border-radius:50%;box-sizing:border-box}
html body #paywall.voco-premium .selected .vip-plan-check{border-color:var(--vip-accent);background:var(--vip-accent);box-shadow:0 0 0 4px #d8b87812}
html body #paywall.voco-premium .selected .vip-plan-check::after{content:'';position:absolute;left:5px;top:3px;width:5px;height:8px;border:solid #1d1c19;border-width:0 1.8px 1.8px 0;transform:rotate(45deg)}
html body #paywall.voco-premium .voco-renewal{margin:0;padding:20px 22px;border:1px solid var(--vip-line);border-radius:16px;background:var(--vip-panel);color:var(--vip-muted);font-size:12px;line-height:1.7}
html body #paywall.voco-premium .voco-renewal strong{display:block;font-size:14px;line-height:1.5;color:var(--vip-text);font-weight:650}
html body #paywall.voco-premium .voco-renewal p{margin:10px 0;color:var(--vip-muted)}
html body #paywall.voco-premium .voco-renewal nav{gap:8px 16px;margin-top:14px;padding-top:12px;border-top:1px solid var(--vip-line)}
html body #paywall.voco-premium .voco-renewal a{color:var(--vip-accent);font-size:11px;text-underline-offset:3px}
html body #paywall.voco-premium #paymentProviders{margin:14px 0 0;padding:0;font-size:12px;color:var(--vip-muted);line-height:1.65;text-align:center}
html body #paywall.cinema-paywall.voco-premium .cinema-dock{padding:14px max(20px,calc((100vw - 580px)/2)) calc(12px + env(safe-area-inset-bottom));background:var(--vip-panel);backdrop-filter:blur(18px);border-top:1px solid var(--vip-line)}
html body #paywall.voco-premium .vip-dock-summary{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:5px 12px;margin:0 0 10px;color:var(--vip-muted);font-size:12px;line-height:1.5}
html body #paywall.voco-premium .vip-dock-summary strong{color:var(--vip-text);font-size:13px;font-weight:600}
html body #paywall.cinema-paywall.voco-premium #subscribe{min-height:50px;border-radius:12px;font-size:14px;box-shadow:inset 0 1px 0 #fff4}
html body #paywall.cinema-paywall.voco-premium #subscribe:disabled{background:#77756d40;border-color:#a5a09b55;color:var(--vip-muted);opacity:1;box-shadow:none}
html body #paywall.cinema-paywall.voco-premium .cinema-agreement{color:var(--vip-muted);font-size:11px}
html body #paywall.cinema-paywall.voco-premium #closePaywall{color:var(--vip-text);background:var(--vip-panel);border-color:var(--vip-line);font-size:26px;font-weight:400;width:40px;height:40px;line-height:1;padding:0}
html body #paywall.voco-premium button:focus-visible,html body #paywall.voco-premium a:focus-visible{outline:2px solid var(--vip-accent);outline-offset:4px}
/* Text remains present for assistive technology and to distinguish Free/Watched. */
html body #player .episode-state.voco-premium-episode{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:25px;padding:3px 7px;border-radius:6px;border:1px solid #e3c18a55;background:linear-gradient(110deg,#f1d6a424,#b4915424);color:#f1d5a2;font-size:11px;font-weight:650;white-space:nowrap;box-sizing:border-box}
html body #player .episode-state.voco-premium-episode::before{content:'';display:block;flex:0 0 14px;width:14px;height:14px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='m4 10 6.5 5L16 6l5.5 9L28 10l-3.2 14H7.2ZM9 27h14v2H9z'/%3E%3C/svg%3E") center/contain no-repeat}
@media(max-width:650px){
 html body #paywall.cinema-paywall.voco-premium #paywallSurface{padding-top:calc(56px + env(safe-area-inset-top));padding-left:18px;padding-right:18px}
 html body #paywall.voco-premium .vip-hero{margin-bottom:22px}
 html body #paywall.voco-premium .vip-emblem{width:58px;height:58px;border-radius:18px;margin-bottom:14px}
 html body #paywall.voco-premium .vip-emblem svg{width:35px;height:35px}
 html body #paywall.cinema-paywall.voco-premium #paywallHeadline{font-size:28px;max-width:350px;margin:0 auto}
 html body #paywall.cinema-paywall.voco-premium #paywallBadge{font-size:10px;margin-bottom:8px}
 html body #paywall.cinema-paywall.voco-premium #paywallBenefits{margin-top:14px;font-size:11px;gap:6px 12px}
 html body #paywall.cinema-paywall.voco-premium .plans{grid-template-columns:1fr;gap:10px!important;margin-bottom:18px}
 html body #paywall.cinema-paywall.voco-premium .plans>button{display:grid;grid-template-columns:40px minmax(0,1fr) auto 17px;align-items:center;gap:12px;min-height:88px;padding:16px 14px!important;border-radius:14px}
 html body #paywall.voco-premium .vip-plan-icon{width:40px;height:40px;border-radius:12px}
 html body #paywall.voco-premium .vip-plan-icon svg{width:27px;height:27px}
 html body #paywall.voco-premium .vip-plan-check{position:relative;top:auto;right:auto;width:17px;height:17px}
 html body #paywall.voco-premium .selected .vip-plan-check::after{left:4px;top:2px}
 html body #paywall.voco-premium .vip-plan-price{display:flex;flex-direction:column;align-items:flex-end;margin:0;gap:4px}
 html body #paywall.cinema-paywall.voco-premium .plans b{font-size:24px!important;gap:4px}
 html body #paywall.cinema-paywall.voco-premium .plans small{font-size:14px!important}
 html body #paywall.voco-premium .vip-plan-caption{font-size:10px}
 html body #paywall.voco-premium .voco-renewal{padding:16px;font-size:12px}
 html body #paywall.cinema-paywall.voco-premium .cinema-dock{padding-left:18px;padding-right:18px}
}
@media(max-width:359px){
 html body #paywall.cinema-paywall.voco-premium #paywallSurface{padding-left:14px;padding-right:14px}
 html body #paywall.cinema-paywall.voco-premium .plans>button{grid-template-columns:32px minmax(0,1fr) auto 16px;gap:8px;padding:14px 10px!important}
 html body #paywall.voco-premium .vip-plan-icon{width:32px;height:36px;border-radius:10px}
 html body #paywall.cinema-paywall.voco-premium .plans small{font-size:13px!important}
 html body #paywall.cinema-paywall.voco-premium .plans b{font-size:22px!important}
 html body #paywall.voco-premium .vip-currency{font-size:9px}
 html body #paywall.cinema-paywall.voco-premium #paywallHeadline{font-size:26px}
}
@media(prefers-reduced-motion:reduce){html body #paywall.voco-premium .plans>button{transition:none}}