/* BMTV se9 — shared styles (dark / purple-pink, 2-page video-grid landing) */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg:#0a0a0f; --card:#15151c; --line:rgba(255,255,255,.08);
  --accent1:#c058f3; --accent2:#7d5fff; --pink:#ff4d97;
  --muted:rgba(255,255,255,.55);
}
html{-webkit-tap-highlight-color:transparent}
body{font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;background:var(--bg);color:#fff;line-height:1.5;overflow-x:hidden}

img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
.shell{max-width:560px;margin:0 auto;min-height:100vh;padding-bottom:96px;position:relative}

/* nav */
.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem;background:rgba(10,10,15,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:.5rem;font-weight:800;font-size:1.15rem;letter-spacing:-.02em}
.brand img{width:34px;height:34px;border-radius:9px;object-fit:cover}
.brand b{background:linear-gradient(90deg,var(--accent1),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}
.nav-right{display:flex;align-items:center;gap:.5rem}
.age-tag{font-size:.7rem;font-weight:800;color:#fff;background:var(--pink);padding:.2rem .5rem;border-radius:6px}
.lang-switch{display:inline-flex;align-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(192,88,243,.45);border-radius:40px;padding:2px;gap:1px;flex-shrink:0}
.lang-opt{background:transparent;border:0;color:#ccc;font-weight:700;font-size:.72rem;padding:.35rem .55rem;border-radius:38px;cursor:pointer;font-family:'Inter',sans-serif;line-height:1.2;min-width:2.1rem}
.lang-opt.active{background:linear-gradient(90deg,#b058f3,#7c3aed);color:#fff;box-shadow:0 2px 8px rgba(124,58,237,.35)}
.lang-opt:hover:not(.active){color:#fff;background:rgba(255,255,255,.08)}

/* ── Share & earn homepage banner ── */
.earn-banner{position:relative;margin:.65rem .75rem 0;border-radius:18px;border:1px solid rgba(255,200,0,.35);background:linear-gradient(145deg,#1a1508 0%,#12121a 45%,#0f0a18 100%);overflow:hidden;text-align:center}
.earn-banner-glow{position:absolute;inset:-40% -20% auto -20%;height:70%;background:radial-gradient(ellipse at 50% 0%,rgba(255,200,0,.22),transparent 65%);pointer-events:none}
.earn-banner-inner{position:relative;padding:1.1rem .95rem 1.15rem}
.earn-banner-badge{display:inline-block;font-size:.62rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#0a0a0f;background:linear-gradient(90deg,#ffd700,#ff8c00);padding:.32rem .75rem;border-radius:20px;margin-bottom:.65rem}
.earn-banner-title{font-size:1.15rem;line-height:1.25;font-weight:800;color:#fff;margin:0 0 .55rem}
.earn-banner-title span{background:linear-gradient(90deg,#ffd700,#ffb347);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.earn-banner-desc{font-size:.78rem;line-height:1.55;color:#c8c8d8;margin:0 auto .75rem;max-width:520px;text-align:left}
.earn-banner-points{list-style:none;margin:0 0 .85rem;padding:0;display:flex;flex-direction:column;gap:.4rem;text-align:left}
.earn-banner-points li{font-size:.72rem;font-weight:600;color:#e8e0c8;background:rgba(255,200,0,.06);border:1px solid rgba(255,200,0,.15);border-radius:10px;padding:.45rem .65rem}
.earn-banner-cta{display:block;width:100%;max-width:100%;text-decoration:none;text-align:center;font-size:.88rem;font-weight:800;color:#0a0a0f;background:linear-gradient(90deg,#ffd700,#ff8c00);padding:.85rem 1rem;border-radius:14px;box-shadow:0 8px 24px rgba(255,160,0,.35);transition:transform .15s,box-shadow .15s}
.earn-banner-cta:active{transform:scale(.98)}
.earn-banner-note{font-size:.62rem;color:#888;margin:.55rem 0 0;line-height:1.45}

.lang-btn{background:rgba(255,255,255,.1);border:1px solid rgba(192,88,243,.5);color:#fff;font-weight:700;font-size:.78rem;padding:.4rem .85rem;border-radius:40px;cursor:pointer;font-family:'Inter',sans-serif}
.lang-btn:hover{background:rgba(192,88,243,.25)}

/* download panel */
.dl-panel{padding:1.6rem 1.1rem 1rem;text-align:center}
.dl-panel .eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--pink)}
.dl-panel h1{font-size:clamp(1.7rem,6vw,2.4rem);font-weight:800;line-height:1.15;margin:.5rem 0 .6rem;background:linear-gradient(120deg,#fff,#e9d5ff,#c058f3);-webkit-background-clip:text;background-clip:text;color:transparent}
.dl-panel .sub{font-size:.95rem;color:var(--muted);max-width:30rem;margin:0 auto 1.2rem}
.cta{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;max-width:420px;background:linear-gradient(90deg,var(--accent1),var(--accent2));color:#fff;font-weight:800;font-size:1.05rem;padding:1rem 1.5rem;border:none;border-radius:14px;cursor:pointer;box-shadow:0 10px 30px rgba(125,95,255,.4);font-family:'Inter',sans-serif;transition:filter .15s,transform .1s}
.cta:hover{filter:brightness(1.08)}
.cta:active{transform:scale(.98)}
.benefits{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-top:1rem}
.benefits span{font-size:.72rem;font-weight:600;color:#d8c8ff;background:rgba(192,88,243,.12);border:1px solid rgba(192,88,243,.3);padding:.3rem .7rem;border-radius:40px}

/* quota panel */
.quota{margin:1rem 1.1rem;background:linear-gradient(135deg,rgba(192,88,243,.16),rgba(125,95,255,.06));border:1px solid rgba(192,88,243,.35);border-radius:16px;padding:1rem 1.2rem;display:flex;flex-direction:column;gap:.2rem}
.quota strong{font-size:1.2rem;background:linear-gradient(90deg,#ffd1f1,#c058f3);-webkit-background-clip:text;background-clip:text;color:transparent}
.quota span{font-size:.82rem;color:var(--muted)}

/* video section */
.vsec{padding:.5rem 0 1rem}
.vsec-head{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1.1rem}
.vsec-head .eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--pink)}
.vsec-head h2{font-size:1.25rem;font-weight:800}
#btnRefresh{background:rgba(255,255,255,.08);border:1px solid var(--line);color:#fff;font-weight:600;font-size:.8rem;padding:.45rem .9rem;border-radius:40px;cursor:pointer;font-family:'Inter',sans-serif}
.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;padding:0 .75rem;transition:opacity .15s}
.vcard{background:var(--card);border-radius:14px;overflow:hidden;cursor:pointer;border:1px solid var(--line)}
.vcard:active{transform:scale(.99)}
.vthumb{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden}
.vthumb img{width:100%;height:100%;object-fit:cover}
.vplay{position:absolute;inset:0;margin:auto;width:42px;height:42px;display:grid;place-items:center;background:rgba(0,0,0,.35);border-radius:50%}
.vplay svg{width:18px;height:18px;margin-left:2px}
.vdur{position:absolute;bottom:6px;right:6px;font-size:10px;font-weight:700;color:#fff;background:rgba(0,0,0,.65);border-radius:4px;padding:1px 5px}

.vmeta{padding:.5rem .6rem .7rem}
.vmeta h3{font-size:.78rem;font-weight:600;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2em}
.vstat{display:flex;gap:.7rem;margin-top:.35rem;font-size:.68rem;color:var(--muted)}

/* secondary / page nav */
.page-cta{text-align:center;padding:1.4rem 1.1rem .4rem}
.more-link{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;font-size:.95rem;color:#d8c8ff;background:rgba(255,255,255,.06);border:1px solid var(--line);padding:.8rem 1.4rem;border-radius:40px;cursor:pointer}
.more-link:hover{background:rgba(192,88,243,.18)}

/* feature steps (page 2) */
.steps{display:grid;gap:.7rem;padding:0 1.1rem;margin:.6rem 0 1rem}
.step{display:grid;grid-template-columns:2.4rem 1fr;gap:.8rem;align-items:start;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1rem}
.step .n{width:2.4rem;height:2.4rem;border-radius:50%;background:linear-gradient(135deg,var(--accent1),var(--accent2));display:grid;place-items:center;font-weight:800}
.step h3{font-size:1rem;font-weight:700;margin-bottom:.15rem}
.step p{font-size:.82rem;color:var(--muted)}

.sec-title{text-align:center;font-size:1.3rem;font-weight:800;margin:1.6rem 0 1rem}
.sec-title span{background:linear-gradient(120deg,#ffd1f1,#c058f3);-webkit-background-clip:text;background-clip:text;color:transparent}

footer{text-align:center;font-size:.7rem;color:rgba(255,255,255,.3);padding:1.5rem 1.1rem 2rem;border-top:1px solid var(--line);margin-top:1.5rem}

/* sticky download */
.dock{position:fixed;left:0;right:0;bottom:0;z-index:60;padding:.6rem max(.8rem,env(safe-area-inset-left)) calc(.6rem + env(safe-area-inset-bottom,0px));background:rgba(10,10,15,.94);backdrop-filter:blur(14px);border-top:1px solid var(--line)}
.dock .cta{max-width:520px;margin:0 auto;display:flex}

/* age modal */
#ageOverlay{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.72);backdrop-filter:blur(8px);padding:20px}
.age-modal{background:#1c1c1e;border:1px solid rgba(255,255,255,.1);width:100%;max-width:360px;border-radius:24px;padding:32px 24px;text-align:center;box-shadow:0 20px 40px rgba(0,0,0,.5);animation:mfi .35s ease-out}
@keyframes mfi{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}
.age-modal .bn{color:var(--pink);font-weight:800;font-size:14px;display:block;margin-bottom:8px}
.age-modal h2{font-size:24px;font-weight:800;margin-bottom:12px}
.age-modal p{color:#a1a1aa;font-size:14px;line-height:1.5;margin-bottom:24px}
.age-btns{display:flex;flex-direction:column;gap:12px}
.btn-enter{background:linear-gradient(90deg,var(--accent1),var(--accent2));color:#fff;border:none;padding:14px;border-radius:12px;font-weight:700;font-size:16px;cursor:pointer;font-family:'Inter',sans-serif}
.btn-leave{background:#2c2c2e;color:#fff;border:none;padding:14px;border-radius:12px;font-weight:600;font-size:16px;cursor:pointer;font-family:'Inter',sans-serif}
.btn-enter:active,.btn-leave:active{opacity:.85}

/* download toast */
.dl-toast{position:fixed;right:16px;bottom:90px;transform:translateX(calc(100% + 40px));background:rgba(28,28,30,.96);backdrop-filter:blur(10px);color:#fff;display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:9999px;box-shadow:0 8px 32px rgba(0,0,0,.45);z-index:9999;transition:transform .4s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(255,255,255,.08)}

.dl-toast.show{transform:translateX(0)}
.dl-toast__txt{display:flex;flex-direction:column;line-height:1.2}
.dl-toast__txt strong{font-size:.85rem}
.dl-toast__txt span{font-size:.7rem;color:#a1a1aa}
.dl-toast__dot{width:10px;height:10px;background:#10b981;border-radius:50%;position:relative;flex-shrink:0}
.dl-toast__dot::after{content:'';position:absolute;inset:-4px;border:2px solid #10b981;border-radius:50%;animation:pr 1.5s infinite}
@keyframes pr{0%{transform:scale(.8);opacity:1}100%{transform:scale(2.4);opacity:0}}


/* unified app hero — left/right split */
.app-hero-split{position:relative;margin:.65rem .75rem 0;border-radius:18px;border:1px solid rgba(192,88,243,.35);background:#0a0a0f;overflow:hidden;text-align:center}
.split-head{padding:.75rem .85rem .35rem;background:linear-gradient(180deg,rgba(192,88,243,.12),transparent)}
.app-hero-chip{font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#ffd1f1;margin:0}
.split-screen{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:min(52vw,260px)}
.split-pane{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;padding:1.1rem .45rem .85rem;text-decoration:none;color:#fff;text-align:center;transition:filter .15s}
.split-pane:active{filter:brightness(1.08)}
.split-left{background:linear-gradient(165deg,rgba(125,95,255,.28) 0%,rgba(192,88,243,.12) 45%,rgba(10,10,15,.95) 100%);border-right:1px solid rgba(255,255,255,.07)}
.split-right{background:linear-gradient(195deg,rgba(255,77,151,.28) 0%,rgba(192,88,243,.1) 45%,rgba(10,10,15,.95) 100%)}
.split-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;font-size:.58rem;font-weight:800;letter-spacing:.12em;color:#fff;background:#1a1522;border:1px solid rgba(255,255,255,.15);padding:.35rem .55rem;border-radius:40px;box-shadow:0 4px 20px rgba(0,0,0,.45);white-space:nowrap}
.sp-icon{font-size:1.75rem;line-height:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.35))}
.split-pane h2{font-size:clamp(.78rem,3.2vw,.92rem);font-weight:800;line-height:1.25;margin:0}
.split-left h2{color:#e9d5ff}
.split-right h2{color:#ffd1f1}
.sp-desc{font-size:clamp(.58rem,2.6vw,.68rem);color:var(--muted);line-height:1.35;margin:0;max-width:9.5rem}
.sp-tags{list-style:none;margin:.15rem 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem}
.sp-tags li{font-size:.56rem;font-weight:700;padding:.18rem .42rem;border-radius:40px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1)}
.split-left .sp-tags li{color:#d8c8ff;border-color:rgba(192,88,243,.35)}
.split-right .sp-tags li{color:#ffd1f1;border-color:rgba(255,77,151,.35)}
.sp-go{font-size:.58rem;font-weight:700;margin-top:.2rem;opacity:.85}
.split-left .sp-go{color:#c058f3}
.split-right .sp-go{color:#ff4d97}
.split-foot{padding:.85rem .85rem 1rem;background:linear-gradient(180deg,rgba(10,10,15,.2),rgba(192,88,243,.08));border-top:1px solid rgba(255,255,255,.06)}
.split-foot .app-hero-sub{font-size:.78rem;color:var(--muted);line-height:1.45;margin:0 0 .65rem}
.app-hero-cta{max-width:100%;background:linear-gradient(90deg,var(--accent1),#ff4d97,var(--accent2));box-shadow:0 10px 28px rgba(192,88,243,.35)}
.app-hero-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem;margin-top:.65rem}
.app-hero-meta span{font-size:.6rem;font-weight:700;color:#d8c8ff;background:rgba(255,255,255,.06);border:1px solid rgba(192,88,243,.28);padding:.26rem .5rem;border-radius:40px}
.hub-section{scroll-margin-top:4rem;padding-top:.5rem}

/* main content — left/right split columns */
.content-split{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:.65rem .75rem 0;border-radius:16px;border:1px solid var(--line);overflow:hidden;align-items:start}
.content-col{min-width:0;padding-bottom:.75rem;scroll-margin-top:4rem;display:flex;flex-direction:column}
.col-tv{background:linear-gradient(180deg,rgba(125,95,255,.1),rgba(10,10,15,.98) 35%);border-right:1px solid rgba(255,255,255,.07);overflow:hidden;display:flex;flex-direction:column}
.col-date{background:linear-gradient(180deg,rgba(255,77,151,.1),rgba(10,10,15,.98) 35%)}
.tv-fill{flex:1;min-height:0;overflow:hidden;padding:0 .35rem}
.col-tv .video-grid.tv-stack{display:flex!important;flex-direction:column;grid-template-columns:none;gap:.32rem;padding:0;overflow:hidden;height:100%;transition:opacity .15s}
.col-tv .video-grid.tv-stack .vcard{flex-shrink:0;width:100%;border-radius:10px}
.col-tv .video-grid.tv-stack .vthumb{aspect-ratio:3/4}
.col-tv .video-grid.tv-stack .vmeta h3{font-size:.62rem;min-height:1.6em;-webkit-line-clamp:2}
.col-tv .video-grid.tv-stack .vmeta{padding:.28rem .35rem .38rem}
.col-tv .video-grid.tv-stack .vstat{font-size:.52rem;gap:.35rem}
.col-tv .video-grid.tv-stack .vplay{width:34px;height:34px}
.col-tv .video-grid.tv-stack .vplay svg{width:14px;height:14px}
.col-cta-tv{margin:.35rem .35rem 0;margin-top:auto;font-size:.62rem;padding:.6rem .35rem;border-radius:12px;width:calc(100% - .7rem);flex-shrink:0}
.col-head-tv .section-badge{margin:.25rem 0 .35rem}
.col-head-date .section-badge{margin:.25rem 0 .35rem}
.col-tv .vsec-head{flex-direction:column;align-items:center;gap:.25rem;padding:.2rem .25rem 0;text-align:center}
.col-tv .vsec-head h2{font-size:clamp(.72rem,3vw,.88rem)}
.col-tv .vsec-head .eyebrow{font-size:.58rem}
.col-tv #btnRefresh{font-size:.58rem;padding:.28rem .55rem;margin-top:.15rem}
.col-tv .sec-lead{font-size:.58rem;padding:0 .25rem .35rem;line-height:1.4;text-align:center}
.col-head{padding:.45rem .35rem 0;text-align:center;flex-shrink:0}
.col-date .date-hero h2{font-size:clamp(.72rem,3vw,.88rem);margin:.25rem 0 .3rem}
.col-date .date-hero .sub{font-size:.58rem;line-height:1.35;margin:0 auto;max-width:none;padding:0 .15rem}
.col-date .date-hero .eyebrow{font-size:.58rem}
.col-date .promo-zone{padding:.45rem .3rem .5rem}
.col-date .promo-zone-title{font-size:.72rem;margin-bottom:.15rem}
.col-date .promo-zone-sub{font-size:.56rem;margin-bottom:.45rem;line-height:1.35}
.col-date .promo-grid{grid-template-columns:1fr;gap:.3rem}
.col-date .promo-chip{min-height:2.1rem;font-size:.58rem;padding:.4rem .35rem;border-radius:10px}
.col-date .date-grid{grid-template-columns:1fr;gap:.35rem;padding:0 .35rem}
.col-date .dmeta h3{font-size:.68rem}
.col-date .dmeta{padding:.4rem .45rem .55rem}
.col-date .dtag,.col-date .dprice{font-size:.58rem}
.col-date .dbtn{font-size:.62rem;padding:.38rem;border-radius:8px}
.col-date .date-steps{padding:0 .35rem .5rem}
.col-date .date-steps h3{font-size:.72rem;margin-bottom:.4rem}
.col-date .compact-steps .step{grid-template-columns:1.6rem 1fr;gap:.45rem;padding:.5rem;border-radius:10px}
.col-date .compact-steps .step .n{width:1.6rem;height:1.6rem;font-size:.72rem}
.col-date .compact-steps .step h3{font-size:.68rem}
.col-date .compact-steps .step p{font-size:.56rem;line-height:1.35}
.col-date .col-cta{margin:.35rem .35rem 0;font-size:.68rem;padding:.65rem .4rem;border-radius:12px;width:calc(100% - .7rem)}
.section-badge{display:inline-block;font-size:.58rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#d8c8ff;background:rgba(192,88,243,.15);border:1px solid rgba(192,88,243,.35);padding:.2rem .5rem;border-radius:40px}
.section-badge.date{color:#ffd1f1;background:rgba(255,77,151,.15);border-color:rgba(255,77,151,.35)}
.sec-lead{font-size:.78rem;color:var(--muted);padding:0 1.1rem .55rem;line-height:1.45;margin-top:-.15rem}
.date-hero{padding:1rem 1.1rem;text-align:center}
.date-hero .eyebrow.date{color:var(--pink)}
.date-hero h2{font-size:clamp(1.35rem,5vw,1.75rem);font-weight:800;line-height:1.2;margin:.4rem 0 .55rem;background:linear-gradient(120deg,#ffd1f1,#ff4d97);-webkit-background-clip:text;background-clip:text;color:transparent}
.date-hero .sub{font-size:.9rem;color:var(--muted);max-width:28rem;margin:0 auto .9rem}
.cta-date{background:linear-gradient(90deg,#ff4d97,var(--accent1));box-shadow:0 10px 30px rgba(255,77,151,.35)}
.date-ben span{background:rgba(255,77,151,.12);border-color:rgba(255,77,151,.3);color:#ffd1f1}
.date-grid{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;padding:0 .75rem 1rem}
.dcard{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;cursor:pointer}
.dcard:active{transform:scale(.99)}
.dthumb{position:relative;aspect-ratio:3/4;overflow:hidden;background:#1a1520}
.dthumb img{width:100%;height:100%;object-fit:cover;object-position:center 15%;filter:brightness(.96) saturate(.92)}
.dthumb::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(10,10,15,.75));pointer-events:none}
.donline{position:absolute;top:8px;left:8px;z-index:2;font-size:9px;font-weight:800;color:#fff;background:rgba(16,185,129,.85);padding:2px 7px;border-radius:40px}
.dmeta{padding:.55rem .6rem .7rem}
.dmeta h3{font-size:.82rem;font-weight:700;margin-bottom:.15rem}
.dtag{font-size:.65rem;color:var(--muted);margin-bottom:.35rem}
.dprice{display:block;font-size:.72rem;font-weight:700;color:#ffd1f1;margin-bottom:.45rem}
.dbtn{display:block;width:100%;border:none;border-radius:10px;padding:.45rem;font-size:.72rem;font-weight:800;color:#fff;background:linear-gradient(90deg,#ff4d97,var(--accent2));cursor:pointer;font-family:inherit}
.date-steps{padding:0 1.1rem 1rem}
.date-steps h3{font-size:1rem;font-weight:800;text-align:center;margin-bottom:.6rem;color:#ffd1f1}
.compact-steps .step{padding:.75rem}
.dock-dual{display:flex;gap:.45rem;padding-left:.8rem;padding-right:.8rem}
.dock-dual .cta-half{flex:1;max-width:none;font-size:.85rem;padding:.85rem .5rem}
.dock-unified .cta{max-width:520px;margin:0 auto;font-size:.92rem;background:linear-gradient(90deg,var(--accent1),#ff4d97,var(--accent2))}
.compact-date-hero{padding-top:.35rem}
.date-block{margin:0;padding:0;border:none;background:transparent}
.date-hero{padding:1rem 1.1rem;text-align:center}
@media(min-width:520px){.shell{max-width:720px}.app-hero-split,.content-split,.earn-banner{margin:1rem 1.1rem 0}.split-screen{min-height:280px}.split-pane h2{font-size:.95rem}.sp-desc{font-size:.72rem}.col-tv .vsec-head h2,.col-date .date-hero h2{font-size:.92rem}.col-tv .sec-lead,.col-date .date-hero .sub{font-size:.68rem}.col-date .promo-chip{font-size:.65rem}}

/* promo offers */
.promo-zone{padding:.75rem 1.1rem 1rem}
.promo-zone-title{font-size:1rem;font-weight:800;text-align:center;color:#ffd1f1;margin-bottom:.25rem}
.promo-zone-sub{font-size:.72rem;color:var(--muted);text-align:center;margin-bottom:.75rem;line-height:1.45}
.promo-grid{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}
.promo-chip{display:flex;align-items:center;justify-content:center;min-height:2.65rem;padding:.55rem .5rem;border-radius:12px;border:1px solid rgba(255,77,151,.35);background:rgba(255,77,151,.1);color:#fff;font-weight:700;font-size:.72rem;line-height:1.25;cursor:pointer;font-family:inherit;text-align:center;transition:transform .1s,background .15s}
.promo-chip span{display:block}
.promo-chip:active{transform:scale(.98)}
.promo-chip--hot{border-color:rgba(255,200,80,.55);background:linear-gradient(135deg,rgba(255,77,151,.22),rgba(255,180,60,.15));animation:promoPulse 2.5s ease-in-out infinite}
@keyframes promoPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,77,151,.25)}50%{box-shadow:0 0 0 6px rgba(255,77,151,0)}}
.promo-modal-wrap{position:fixed;inset:0;z-index:10001;display:flex;align-items:flex-end;justify-content:center;padding:0;opacity:0;pointer-events:none;transition:opacity .25s}
.promo-modal-wrap.show{opacity:1;pointer-events:auto}
.promo-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(6px)}
.promo-modal{position:relative;width:100%;max-width:440px;max-height:88vh;overflow-y:auto;background:#1a1522;border:1px solid rgba(255,77,151,.35);border-radius:20px 20px 0 0;padding:1.25rem 1.1rem calc(1.25rem + env(safe-area-inset-bottom));box-shadow:0 -12px 40px rgba(0,0,0,.5);transform:translateY(100%);transition:transform .3s cubic-bezier(.34,1.2,.64,1)}
.promo-modal-wrap.show .promo-modal{transform:translateY(0)}
@media(min-width:520px){.promo-modal-wrap{align-items:center;padding:20px}.promo-modal{border-radius:20px;max-height:85vh}}
.promo-modal-x{position:absolute;top:.65rem;right:.75rem;width:2rem;height:2rem;border:none;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font-size:1.25rem;line-height:1;cursor:pointer;font-family:inherit}
.promo-modal-tag{display:inline-block;font-size:.68rem;font-weight:800;color:#ffd1f1;background:rgba(255,77,151,.2);border:1px solid rgba(255,77,151,.4);padding:.25rem .65rem;border-radius:40px;margin-bottom:.6rem}
.promo-modal h3{font-size:1.15rem;font-weight:800;line-height:1.3;margin-bottom:.5rem;color:#fff}
.promo-modal>p{font-size:.82rem;color:var(--muted);line-height:1.55;margin-bottom:.75rem}
.promo-modal ul{list-style:none;margin:0 0 1rem;padding:0}
.promo-modal li{font-size:.78rem;color:#e9d5ff;padding:.45rem 0 .45rem 1.1rem;position:relative;line-height:1.45;border-top:1px solid rgba(255,255,255,.06)}
.promo-modal li:first-child{border-top:none}
.promo-modal li::before{content:'✓';position:absolute;left:0;color:#10b981;font-weight:800;font-size:.75rem}
.promo-modal .cta{margin-top:.25rem}
.promo-modal-note{font-size:.65rem;color:rgba(255,255,255,.4);text-align:center;margin-top:.65rem;line-height:1.45}

/* fp:faf234 */
.x9c69_decoy184{outline:0;opacity:0.01}