/* PatchTV 3.7.2 "Lift" design layer — loaded after patchtv-v5.css.
   Brighter dark streaming look: lifted surfaces, an aurora behind the home hero,
   richer channel tiles (full-bleed art, scrim, progress), coloured initials tiles,
   a warm accent next to the lime, a clean player poster and a single playback-failure card.
   No markup ids/classes used by JavaScript are changed. No transform on <main>. */

:root{
  --bg:#0a0d16;
  --panel:#121726;
  --surface:#151b2b;
  --surface-2:#1a2134;
  --surface-3:#222a40;
  --line:#2a3349;
  --line-soft:rgba(255,255,255,.09);
  --muted:#aab4c6;
  --warm:#ff9d4d;
  --warm-2:#ff5f7e;
  --warm-ink:#2a1200;
  --accent-grad:linear-gradient(90deg,var(--lime),#ffd35a 55%,var(--warm));
  --tile-meta-h:74px;
  --shadow-tile:0 1px 0 rgba(255,255,255,.06) inset,0 18px 40px -22px rgba(0,0,0,.85);
}

/* ---------- Lifted page background (all pages) ---------- */
body{
  background:
    radial-gradient(1100px 560px at 88% -8%,rgba(122,92,255,.16),transparent 70%),
    radial-gradient(900px 480px at 0% -6%,rgba(98,230,255,.11),transparent 70%),
    radial-gradient(800px 520px at 50% 110%,rgba(255,157,77,.05),transparent 70%),
    linear-gradient(180deg,#0d1120 0,#0a0d16 620px) var(--bg);
  background-attachment:fixed;
}
@media(max-width:680px){
  .site-header{background:rgba(11,14,24,.92)!important}
  .mobile-tabbar{background:rgba(13,17,29,.94)!important;border-top-color:rgba(255,255,255,.1)!important;box-shadow:0 -12px 30px -18px rgba(0,0,0,.9)}
  .mobile-tabbar a.active span{background:linear-gradient(135deg,rgba(196,255,77,.24),rgba(255,211,90,.14))}
}

/* ---------- Home: aurora behind the hero / My TV ---------- */
.home-page main{position:relative;isolation:isolate}
.home-page main::before{
  content:"";position:absolute;z-index:-1;pointer-events:none;
  left:50%;top:-40px;width:min(1400px,140vw);height:760px;margin-left:max(-700px,-70vw);
  background:
    radial-gradient(38% 46% at 22% 30%,rgba(98,230,255,.20),transparent 70%),
    radial-gradient(34% 42% at 74% 22%,rgba(150,96,255,.24),transparent 72%),
    radial-gradient(30% 36% at 58% 62%,rgba(255,140,77,.14),transparent 70%),
    radial-gradient(26% 30% at 36% 70%,rgba(196,255,77,.10),transparent 70%);
  filter:blur(8px);opacity:.95;
  mask-image:linear-gradient(180deg,#000 55%,transparent);
  -webkit-mask-image:linear-gradient(180deg,#000 55%,transparent);
}
@media(prefers-reduced-motion:no-preference){
  .home-page main::before{animation:ptv6-aurora 26s ease-in-out infinite alternate}
}
@keyframes ptv6-aurora{from{opacity:.75}to{opacity:1}}

/* ---------- Section headings ---------- */
.home-page .eyebrow{display:inline-flex;align-items:center;gap:8px;color:#d8ff8a;letter-spacing:.14em}
.home-page .eyebrow::before{content:"";width:16px;height:3px;border-radius:3px;background:var(--accent-grad);flex:0 0 auto}
.home-page .home-rail h2,.home-page .mytv-head h2{font-size:clamp(21px,2.3vw,28px);letter-spacing:-.025em;color:#fff}
.home-page .home-rail header{margin-bottom:14px}
.home-page .home-rails{gap:34px;margin-top:38px}
.home-page .rail-add-all{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}
.home-page .rail-add-all:hover{border-color:rgba(255,211,90,.6)}
.home-page .home-rails-more a{color:#ffd35a}

/* ---------- Hero (new visitors) ---------- */
.home-hero-clean .home-hero-copy h1 span{background:linear-gradient(95deg,var(--lime) 10%,#ffe36b 60%,var(--warm));-webkit-background-clip:text;background-clip:text;color:transparent}
.home-hero-clean .home-hero-lede{color:#c9d1de!important}
.home-free-action{border-color:rgba(98,230,255,.45)!important;background:linear-gradient(145deg,rgba(26,62,84,.92),rgba(18,26,44,.92))!important;box-shadow:0 18px 40px -24px rgba(98,230,255,.55)}
.home-import-action{box-shadow:0 18px 44px -22px rgba(196,255,77,.65)}
.home-trust-row span{color:#c3cbd8}
.patch-demo{background:linear-gradient(160deg,rgba(32,40,62,.96),rgba(17,22,36,.96))!important;border-color:rgba(255,255,255,.11)!important}

/* ---------- Channel tiles: full-bleed art, scrim, progress ---------- */
.home-page .rail-track{grid-auto-columns:clamp(210px,19vw,270px);gap:14px;padding-bottom:12px}
.home-page .mytv-tiles{grid-auto-columns:clamp(210px,19vw,270px)!important}
@media(max-width:680px){
  .home-page .rail-track,.home-page .mytv-tiles{grid-auto-columns:70%!important}
  .home-page .home-rail header{flex-wrap:wrap;align-items:flex-start;gap:10px}
  .home-page .home-rail header>div:first-child{flex:1 1 100%}
  .home-page .home-rail header .rail-actions{justify-content:flex-start}
}
.home-page .rail-item:not(.upnext-item){container-type:inline-size}
.home-page .rail-item:not(.upnext-item)>.rail-card{
  display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden;
  height:calc(100cqw * 9 / 16 + var(--tile-meta-h));
  border-radius:16px;border:0;background:var(--surface-2);
  box-shadow:var(--shadow-tile),0 0 0 1px rgba(255,255,255,.08);
}
.home-page .rail-item:not(.upnext-item)>.rail-card:hover,
.home-page .rail-item:not(.upnext-item)>.rail-card:focus-visible{box-shadow:var(--shadow-tile),0 0 0 2px rgba(255,211,90,.7)}
.home-page .rail-card .rail-art{flex:0 0 auto;width:100%;aspect-ratio:16/9;border-radius:0;
  background:linear-gradient(140deg,var(--h1,#2c3a5c),var(--h2,#151b2b))}
.home-page .rail-card .rail-art::after{content:"";position:absolute;inset:auto 0 0;height:55%;pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(8,10,18,.55))}
/* logos are logos: contain them on a tinted tile instead of stretching (no white blobs) */
.home-page .rail-art.has-logo{background:radial-gradient(120% 90% at 50% 20%,rgba(255,255,255,.16),transparent 60%),linear-gradient(140deg,var(--h1,#2c3a5c),var(--h2,#151b2b))}
.home-page .rail-art img{object-fit:contain!important;inset:16% 20%!important;width:60%!important;height:68%!important;filter:drop-shadow(0 6px 14px rgba(0,0,0,.45))}
.home-page .rail-art i{color:rgba(255,255,255,.92)!important;font-size:clamp(26px,9cqw,38px)!important;letter-spacing:-.02em;text-shadow:0 4px 18px rgba(0,0,0,.35)}
.home-page .rail-art.has-logo i{opacity:0}
.home-page .rail-art em{z-index:2;left:10px;top:10px;padding:4px 8px;border-radius:999px;background:linear-gradient(90deg,var(--warm-2),var(--warm));box-shadow:0 4px 14px -4px rgba(255,95,126,.7)}
.home-page .rail-art em::before{content:"";display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#fff;vertical-align:1px}
.home-page .rail-card>b{padding:10px 12px 0;font-size:15px;color:#fff}
.home-page .rail-card>small{padding:2px 12px 0;font-size:12.5px;color:var(--muted)}
.home-page .rail-card>.rail-progress{position:absolute;left:0;right:0;top:calc(100cqw * 9 / 16 - 4px);height:4px;margin:0;border-radius:0;background:rgba(255,255,255,.18);z-index:2}
.home-page .rail-card>.rail-progress i{background:var(--accent-grad);border-radius:0}
.home-page .rail-card{position:relative}
.home-page .rail-star{top:10px;right:10px;width:36px;height:36px;background:rgba(10,13,22,.62);border:1px solid rgba(255,255,255,.14);z-index:3}
/* initials / logo tile palette, chosen per channel by home.js (data-hue) */
.rail-art[data-hue="0"]{--h1:#4c6ef5;--h2:#1b2560}
.rail-art[data-hue="1"]{--h1:#e64980;--h2:#45102c}
.rail-art[data-hue="2"]{--h1:#12b886;--h2:#0a3a2c}
.rail-art[data-hue="3"]{--h1:#fd7e14;--h2:#4a2008}
.rail-art[data-hue="4"]{--h1:#845ef7;--h2:#2a1758}
.rail-art[data-hue="5"]{--h1:#40c057;--h2:#123a1a}
.rail-art[data-hue="6"]{--h1:#fa5252;--h2:#4a1214}
.rail-art[data-hue="7"]{--h1:#fab005;--h2:#4a3404}
/* skeletons are exactly tile-sized, so cards replace them without moving anything */
.home-page .rail-track>.rail-skeleton{aspect-ratio:auto;height:auto;padding-bottom:var(--tile-meta-h);border-radius:16px;
  background:linear-gradient(90deg,#161c2c,#20283d,#161c2c) 0 0/480px 100%}
.home-page .rail-track>.rail-skeleton::before{content:"";display:block;aspect-ratio:16/9}
.home-page .rail-track>.rail-skeleton.upnext-skeleton{padding-bottom:0;height:118px}
.home-page .rail-track>.rail-skeleton.upnext-skeleton::before{display:none}
@media(prefers-reduced-motion:reduce){.home-page .rail-skeleton{animation:none!important}}

/* ---------- My TV strip ---------- */
.home-page .mytv-strip{
  border:0!important;padding:20px 18px 14px!important;border-radius:24px!important;
  background:
    radial-gradient(520px 220px at 0 0,rgba(196,255,77,.12),transparent 70%),
    radial-gradient(520px 240px at 100% 0,rgba(150,96,255,.16),transparent 70%),
    linear-gradient(180deg,rgba(30,38,60,.92),rgba(20,26,42,.92))!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.1),0 30px 70px -40px rgba(0,0,0,.95)!important;
}
.home-page .mytv-summary{color:#d3dae6!important;font-size:14.5px;line-height:1.45;min-height:calc(2 * 1.45em)}
.home-page .mytv-summary-hint{display:inline-block;margin-top:1px;color:var(--muted);font-size:12.5px;font-weight:500;opacity:.85}
.home-page .mytv-empty{padding:18px;border-radius:14px;background:rgba(255,255,255,.04)}
.home-page .setup-checklist.is-compact{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.07)!important}
.home-page .checklist-next{color:#e3ff9e}
.home-page .mytv-head .secondary-action{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.13)}

/* ---------- Up next ---------- */
.home-page .upnext-card{background:linear-gradient(160deg,var(--surface-3),var(--surface-2))!important;border:0!important;box-shadow:var(--shadow-tile),0 0 0 1px rgba(255,255,255,.08)}
.home-page .upnext-when{background:rgba(255,157,77,.16);color:#ffc28f}
.home-page .upnext-empty{display:flex;align-items:center;min-height:118px;padding:16px 18px;border-radius:16px;grid-column:1/-1;width:min(560px,86vw);
  background:rgba(255,255,255,.04);border:1px dashed rgba(255,255,255,.14);color:var(--muted);font-size:14px}
.home-page .upnext-empty:hover{color:var(--text)}

/* ---------- Returning viewers: lay out "My TV first" before home.js runs (no jump) ---------- */
html.ptv-has-mytv body.home-page main{display:flex;flex-direction:column}
html.ptv-has-mytv body.home-page main>*{order:5;min-width:0}
html.ptv-has-mytv body.home-page #home-workspace{order:1}
html.ptv-has-mytv body.home-page #rail-upnext{order:2}
html.ptv-has-mytv body.home-page #home-rails{order:3}
html.ptv-has-mytv body.home-page .home-hero-v5{order:4}
html.ptv-has-mytv body.home-page #home-workspace[hidden]{display:block!important}
html.ptv-has-mytv body.home-page #rail-upnext.is-loading[hidden]{display:block!important}
html.ptv-has-mytv body.home-page .home-hero-v5{display:grid!important;grid-template-columns:1fr!important;min-height:0!important;padding:22px 24px!important;margin-top:28px;border-radius:22px;border:1px solid var(--line-soft);background:var(--surface)}
html.ptv-has-mytv body.home-page .home-hero-v5 .patch-demo,
html.ptv-has-mytv body.home-page .home-hero-v5 .home-hero-lede,
html.ptv-has-mytv body.home-page .home-hero-v5 .home-trust-row,
html.ptv-has-mytv body.home-page .home-proof,
html.ptv-has-mytv body.home-page .home-steps{display:none!important}
html.ptv-has-mytv body.home-page .home-hero-v5 h1{font-size:clamp(22px,2.6vw,30px)!important;letter-spacing:-.03em!important;margin:0 0 12px!important}
html.ptv-has-mytv body.home-page .home-hero-v5 .home-main-actions{margin:0!important}
html.ptv-has-mytv body.home-page .home-upnext{margin-top:22px}
html.ptv-has-mytv body.home-page .home-rails{margin-top:30px}

/* ---------- Lower home sections ---------- */
.home-page .home-proof-points article,.home-page .home-steps article{background:linear-gradient(160deg,var(--surface-2),var(--surface))!important;border-color:rgba(255,255,255,.09)!important}
.home-page .home-premium-teaser{background:radial-gradient(520px 200px at 100% 0,rgba(255,157,77,.16),transparent 70%),linear-gradient(160deg,var(--surface-2),var(--surface))!important;border-color:rgba(255,157,77,.28)!important}
.home-page .home-final-cta{background:radial-gradient(600px 240px at 50% 0,rgba(196,255,77,.16),transparent 70%),radial-gradient(500px 220px at 50% 100%,rgba(150,96,255,.14),transparent 70%),var(--surface)!important}

/* ---------- Watch: clean player poster (replaces the social share card) ---------- */
.watch-poster{aspect-ratio:16/9}
.player-poster{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:1fr auto;align-items:center;gap:6px 16px;
  width:100%;height:100%;padding:clamp(14px,4%,28px);overflow:hidden;isolation:isolate;
  background:radial-gradient(80% 90% at 85% 10%,color-mix(in srgb,var(--h1) 55%,transparent),transparent 70%),
             radial-gradient(70% 80% at 0% 100%,rgba(98,230,255,.16),transparent 70%),
             linear-gradient(150deg,#1c2338,#0b0e18)}
.player-poster[hidden]{display:none!important}
.player-poster.hue-0{--h1:#4c6ef5}.player-poster.hue-1{--h1:#e64980}.player-poster.hue-2{--h1:#12b886}.player-poster.hue-3{--h1:#fd7e14}
.player-poster.hue-4{--h1:#845ef7}.player-poster.hue-5{--h1:#40c057}.player-poster.hue-6{--h1:#fa5252}.player-poster.hue-7{--h1:#fab005}
.player-poster-art{grid-row:2;grid-column:1;position:relative;display:grid;place-items:center;width:clamp(56px,14vw,108px);aspect-ratio:1;border-radius:18px;overflow:hidden;
  background:linear-gradient(140deg,var(--h1),#141a2b);box-shadow:0 0 0 1px rgba(255,255,255,.14),0 14px 30px -14px rgba(0,0,0,.8)}
.player-poster.has-logo .player-poster-art{background:radial-gradient(100% 80% at 50% 15%,rgba(255,255,255,.22),transparent 65%),linear-gradient(140deg,var(--h1),#141a2b)}
.player-poster-initials{font-weight:900;font-size:clamp(20px,4.6vw,36px);color:#fff;letter-spacing:-.02em}
.player-poster-logo{position:absolute;inset:14%;width:72%!important;height:72%!important;object-fit:contain!important;filter:drop-shadow(0 4px 10px rgba(0,0,0,.4))}
.player-poster.has-logo .player-poster-initials{opacity:0}
.player-poster-copy{grid-row:2;grid-column:2;display:grid;gap:3px;min-width:0;align-self:end}
.player-poster-copy b{font-size:clamp(17px,2.4vw,28px);line-height:1.15;letter-spacing:-.02em;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.player-poster-copy small{color:#d4dbe7;font-size:clamp(12.5px,1.4vw,15px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.player-poster-copy small span{color:#ffc28f;font-weight:800}
.player-poster-play{grid-row:1;grid-column:1/-1;justify-self:center;align-self:center;width:clamp(64px,16vw,92px);height:clamp(64px,16vw,92px);margin:0;padding:0;
  display:grid;place-items:center;border-radius:50%;border:0;cursor:pointer;color:#0a1400;
  background:radial-gradient(circle at 35% 30%,#e8ffad,var(--lime) 60%);
  box-shadow:0 0 0 8px rgba(196,255,77,.18),0 18px 40px -12px rgba(0,0,0,.8)}
.player-poster-play svg{width:42%;height:42%;margin-left:6%;pointer-events:none}
.player-poster-play:hover{box-shadow:0 0 0 12px rgba(196,255,77,.24),0 18px 40px -12px rgba(0,0,0,.8)}
.player-poster-play:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(prefers-reduced-motion:no-preference){
  .player-poster-play{transition:box-shadow .2s var(--ease)}
}
.watch-poster.is-docked .player-poster{padding:0;display:block}
.watch-poster.is-docked .player-poster-copy,.watch-poster.is-docked .player-poster-play{display:none}
.watch-poster.is-docked .player-poster-art{width:100%;height:100%;border-radius:8px;aspect-ratio:auto}

/* ---------- Watch: one failure message, region wording, real next step ---------- */
.patch-controls.has-failure>#patchtv-patch-status{display:none}
.playback-recovery{border-color:rgba(255,190,90,.45)!important;background:radial-gradient(420px 160px at 0 0,rgba(255,157,77,.14),transparent 70%),linear-gradient(160deg,#241c12,#141824)!important}
.playback-recovery>span{background:linear-gradient(135deg,#ffd35a,var(--warm))!important}
.playback-recovery b#patchtv-recovery-title{font-size:17px;color:#fff}
.playback-recovery p#patchtv-recovery-detail{color:#d8dde7!important;font-size:14px!important}
.playback-recovery nav{align-items:center}
.playback-recovery nav .recovery-primary{min-height:44px;padding:0 18px;border:0;border-radius:12px;cursor:pointer;font:inherit;font-weight:850;font-size:15px;color:var(--warm-ink);
  background:linear-gradient(135deg,#ffd35a,var(--warm));box-shadow:0 12px 30px -14px rgba(255,157,77,.8)}
.playback-recovery nav .recovery-primary:disabled{opacity:.75;cursor:progress}
.playback-recovery nav a{min-height:40px;display:inline-flex;align-items:center;justify-content:center;font-size:13px!important}
@media(max-width:560px){.playback-recovery nav .recovery-primary{width:100%}}

/* after a failed start the poster comes back (no black box), with a retry ring */
.player-poster.is-failed .player-poster-play{background:radial-gradient(circle at 35% 30%,#fff1c4,#ffd35a 60%);box-shadow:0 0 0 8px rgba(255,211,90,.18),0 18px 40px -12px rgba(0,0,0,.8)}
.player-poster.is-failed::after{content:"Not playing here";position:absolute;left:0;right:0;margin:0 auto;width:max-content;top:12px;padding:4px 10px;border-radius:999px;background:rgba(10,13,22,.7);color:#ffd9a8;font-size:12px;font-weight:800;white-space:nowrap}

/* ---------- Returning viewers: big "watch now" hero inside My TV ---------- */
.mytv-feature{position:relative;display:grid;grid-template-columns:1fr;margin:-6px -4px 18px;border-radius:20px;overflow:hidden;isolation:isolate;
  min-height:clamp(210px,46vw,300px);color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.12),0 26px 60px -30px rgba(0,0,0,.95)}
.mytv-feature[hidden]{display:none!important}
.mytv-feature-art{position:absolute;inset:0;z-index:-1;display:grid;place-items:center;
  background:radial-gradient(90% 120% at 85% 0%,color-mix(in srgb,var(--h1,#7048e8) 80%,transparent),transparent 65%),
             radial-gradient(70% 90% at 0% 100%,rgba(98,230,255,.22),transparent 70%),linear-gradient(140deg,var(--h1,#3b5bdb),#121729 70%)}
.mytv-feature-art[data-hue="0"]{--h1:#4c6ef5}.mytv-feature-art[data-hue="1"]{--h1:#e64980}.mytv-feature-art[data-hue="2"]{--h1:#12b886}.mytv-feature-art[data-hue="3"]{--h1:#fd7e14}
.mytv-feature-art[data-hue="4"]{--h1:#845ef7}.mytv-feature-art[data-hue="5"]{--h1:#40c057}.mytv-feature-art[data-hue="6"]{--h1:#fa5252}.mytv-feature-art[data-hue="7"]{--h1:#fab005}
.mytv-feature-art i{position:absolute;right:6%;top:12%;font-style:normal;font-weight:900;font-size:clamp(64px,22vw,140px);letter-spacing:-.04em;color:rgba(255,255,255,.16)}
.mytv-feature-art img{position:absolute;right:6%;top:9%;width:min(46%,260px);height:38%;object-fit:contain;filter:drop-shadow(0 10px 24px rgba(0,0,0,.5))}
.mytv-feature-art.has-logo i{opacity:0}
.mytv-feature-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(8,10,20,.82) 92%)}
.mytv-feature-copy{align-self:end;display:grid;gap:4px;padding:18px 92px 18px 18px;min-width:0}
.mytv-feature-kicker{justify-self:start;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-style:normal;font-size:11px;font-weight:900;letter-spacing:.12em;padding:4px 9px;border-radius:999px;
  background:linear-gradient(90deg,var(--warm-2),var(--warm));color:#fff;box-shadow:0 6px 18px -6px rgba(255,95,126,.8)}
.mytv-feature-title{font-size:clamp(24px,6.4vw,38px);line-height:1.05;letter-spacing:-.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 14px rgba(0,0,0,.5)}
.mytv-feature-now{color:#e6ebf3;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mytv-feature-progress{display:block;height:4px;margin-top:6px;border-radius:9px;background:rgba(255,255,255,.22);overflow:hidden;visibility:hidden}
.mytv-feature.has-progress .mytv-feature-progress{visibility:visible}
.mytv-feature-progress i{display:block;width:0;height:100%;background:var(--accent-grad)}
.mytv-feature-play{position:absolute;right:16px;bottom:18px;display:grid;place-items:center;width:62px;height:62px;border-radius:50%;color:#0a1400;
  background:radial-gradient(circle at 35% 30%,#e8ffad,var(--lime) 60%);box-shadow:0 0 0 7px rgba(196,255,77,.2),0 14px 30px -10px rgba(0,0,0,.8)}
.mytv-feature-play svg{width:26px;height:26px;margin-left:3px}
.mytv-feature:not(.is-ready) .mytv-feature-play{opacity:.35}
.mytv-feature:hover .mytv-feature-play,.mytv-feature:focus-visible .mytv-feature-play{box-shadow:0 0 0 10px rgba(196,255,77,.28),0 14px 30px -10px rgba(0,0,0,.8)}
.mytv-feature:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(min-width:900px){.mytv-feature{min-height:300px}.mytv-feature-copy{padding:28px 120px 28px 28px}.mytv-feature-play{width:76px;height:76px;right:28px;bottom:28px}}
/* one lime button on the screen: the hero play; guide becomes secondary */
.home-page .mytv-head .home-workspace-actions .secondary-action{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#fff}
.home-page .mytv-head h2{font-size:clamp(19px,2vw,24px)}
/* setup checklist now lives quietly under the rails, returning viewers only */
#home-rails>.setup-checklist{margin-top:4px!important}
html:not(.ptv-has-mytv) body:not(.has-workspace) #home-rails>.setup-checklist{display:none!important}

/* ================= 3.7.3: more colour and contrast ================= */
.rail-card[data-hue="0"]{--c:#4c6ef5}.rail-card[data-hue="1"]{--c:#e64980}.rail-card[data-hue="2"]{--c:#12b886}.rail-card[data-hue="3"]{--c:#fd7e14}
.rail-card[data-hue="4"]{--c:#845ef7}.rail-card[data-hue="5"]{--c:#40c057}.rail-card[data-hue="6"]{--c:#fa5252}.rail-card[data-hue="7"]{--c:#fab005}
/* each tile's info area carries its channel colour, with a coloured edge */
.home-page .rail-item:not(.upnext-item)>.rail-card[data-hue]{
  background:linear-gradient(180deg,color-mix(in srgb,var(--c) 30%,#141a2c),color-mix(in srgb,var(--c) 12%,#121726));
  box-shadow:var(--shadow-tile),0 0 0 1px color-mix(in srgb,var(--c) 55%,transparent)}
.home-page .rail-item:not(.upnext-item)>.rail-card[data-hue]:hover,
.home-page .rail-item:not(.upnext-item)>.rail-card[data-hue]:focus-visible{box-shadow:var(--shadow-tile),0 0 0 2px var(--c),0 18px 40px -18px var(--c)}
.home-page .rail-card[data-hue]>small{color:color-mix(in srgb,var(--c) 35%,#e8edf5)}
.home-page .rail-art{background:linear-gradient(140deg,var(--h1),var(--h2))!important}
.home-page .rail-art.has-logo{background:radial-gradient(120% 90% at 50% 20%,rgba(255,255,255,.22),transparent 60%),linear-gradient(140deg,var(--h1),var(--h2))!important}
/* My TV panel: vivid violet/cyan glow instead of flat grey */
.home-page .mytv-strip{
  background:
    radial-gradient(560px 260px at 0% 0%,rgba(98,230,255,.26),transparent 70%),
    radial-gradient(620px 300px at 100% 10%,rgba(150,96,255,.34),transparent 72%),
    radial-gradient(500px 260px at 50% 100%,rgba(255,95,126,.16),transparent 70%),
    linear-gradient(180deg,#222b4a,#171d33)!important;
  box-shadow:0 0 0 1px rgba(160,140,255,.32),0 30px 70px -40px rgba(60,40,160,.9)!important}
.home-page .mytv-summary{color:#fff!important;font-weight:650}
.home-page .mytv-summary-hint{color:#b9c6ff;opacity:1}
.home-page .mytv-head .home-workspace-actions .secondary-action{background:rgba(98,230,255,.12);border:1px solid rgba(98,230,255,.45);color:#e8fbff}
.home-page .mytv-head .home-workspace-actions [data-surprise]{background:rgba(255,95,126,.14);border-color:rgba(255,120,150,.5);color:#ffe8ee}
.home-page .eyebrow{color:#e3ff8f}
/* section headers on the rails get their own colour */
.home-page #rail-live .eyebrow{color:#ff9db2}.home-page #rail-sports .eyebrow{color:#7cf0c4}.home-page #rail-news .eyebrow{color:#a8c4ff}
.home-page #rail-live .eyebrow::before{background:linear-gradient(90deg,#ff5f7e,#ff9d4d)}
.home-page #rail-sports .eyebrow::before{background:linear-gradient(90deg,#12b886,#62e6ff)}
.home-page #rail-news .eyebrow::before{background:linear-gradient(90deg,#4c6ef5,#845ef7)}
.home-page .upnext-card{background:linear-gradient(160deg,#2a2f55,#1c2140)!important}

/* ================= 3.7.4: calmer structure, one button system, a live spotlight ================= */
/* --- one button system on home: glass pills with line icons, one lime action per screen --- */
.home-page .ico{width:18px;height:18px;flex:0 0 auto}
.home-page .mytv-head .home-workspace-actions>*,
.home-page .rail-add-all,
.home-page .home-final-cta .secondary-action{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;min-height:42px;padding:0 16px;border-radius:999px;
  background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.13)!important;color:#f3f6fb!important;
  font-weight:700;font-size:14px;letter-spacing:-.005em;box-shadow:0 1px 0 rgba(255,255,255,.07) inset;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  transition:background-color .2s var(--ease),border-color .2s var(--ease)}
.home-page .mytv-head .home-workspace-actions>*:hover,.home-page .rail-add-all:hover{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.24)!important}
.home-page .mytv-head .home-workspace-actions>a .ico{color:#62e6ff}
.home-page [data-surprise] .ico{color:#ff8fb0}
.home-page .rail-add-all .ico{color:var(--lime)}
.home-page .rail-add-all{height:36px;min-height:36px;padding:0 13px;font-size:13px}
.home-page .rail-add-all:disabled{color:var(--lime)!important}
/* rail headers: title left, actions right, one line; long titles may wrap to two */
.home-page .home-rail header{display:flex;flex-wrap:nowrap!important;align-items:flex-end!important;gap:12px;margin-bottom:14px}
.home-page .home-rail header>div:first-child{flex:1 1 auto!important;min-width:0}
.home-page .home-rail h2{font-size:clamp(19px,2.1vw,25px)!important;line-height:1.15}
.home-page .home-rail header .rail-actions{flex:0 0 auto;justify-content:flex-end}
@media(max-width:680px){.home-page .rail-surprise{display:none!important}}
/* --- star button: crisp icon instead of a font glyph --- */
.home-page .rail-star{display:grid;place-items:center;color:rgba(255,255,255,.9)}
.home-page .rail-star svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}
.home-page .rail-star svg path{fill:transparent;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
.home-page .rail-star.is-on{color:#ffd35a}
.home-page .rail-star.is-on svg path{fill:#ffd35a;stroke:#ffd35a}
.home-page .upnext-bell{font-size:14px}
/* --- My TV: no box-in-a-box; the spotlight carries the colour --- */
.home-page .mytv-strip{background:transparent!important;box-shadow:none!important;border:0!important;padding:4px 0 0!important;margin-inline:0!important}
.home-page .mytv-head{margin:6px 0 14px}
.home-page .mytv-summary{font-weight:600}
/* --- spotlight carousel --- */
.mytv-feature{display:block;margin:0 0 20px;padding:0;min-height:0;border-radius:22px;
  box-shadow:0 0 0 1px rgba(255,255,255,.12),0 28px 70px -30px color-mix(in srgb,var(--h1,#845ef7) 85%,transparent);
  transition:box-shadow .6s var(--ease)}
.mytv-feature[data-hue="0"]{--h1:#4c6ef5}.mytv-feature[data-hue="1"]{--h1:#e64980}.mytv-feature[data-hue="2"]{--h1:#12b886}.mytv-feature[data-hue="3"]{--h1:#fd7e14}
.mytv-feature[data-hue="4"]{--h1:#845ef7}.mytv-feature[data-hue="5"]{--h1:#40c057}.mytv-feature[data-hue="6"]{--h1:#fa5252}.mytv-feature[data-hue="7"]{--h1:#fab005}
.mytv-feature-link{position:relative;display:grid;min-height:clamp(220px,58vw,320px);border-radius:22px;overflow:hidden;isolation:isolate;color:#fff}
.mytv-feature-link:focus-visible{outline:3px solid #fff;outline-offset:3px}
.mytv-feature-art{transition:background .6s var(--ease)}
.mytv-feature-art img[hidden]{display:none}
.mytv-feature-copy{padding:44px 96px 20px 20px!important}
.mytv-feature-art,.mytv-feature-copy{transition:opacity .22s var(--ease)}
.mytv-feature.is-swapping .mytv-feature-art img,.mytv-feature.is-swapping .mytv-feature-art i,.mytv-feature.is-swapping .mytv-feature-copy{opacity:0}
.mytv-feature-art img,.mytv-feature-art i{transition:opacity .22s var(--ease)}
.mytv-feature-play{right:18px!important;bottom:22px!important}
/* story-style step bars along the top */
.mytv-feature-steps{position:absolute;left:16px;right:16px;top:12px;z-index:3;display:flex;gap:5px;pointer-events:none}
.mytv-feature-steps:empty{display:none}
.mytv-feature-steps button{pointer-events:auto;flex:1 1 0;height:20px;margin:-8px 0;padding:8px 0;border:0;background:none;cursor:pointer}
.mytv-feature-steps button i{position:relative;display:block;height:4px;border-radius:4px;background:rgba(255,255,255,.28);overflow:hidden}
.mytv-feature-steps button i::after{content:"";position:absolute;inset:0;width:0;background:#fff;border-radius:4px}
.mytv-feature-steps button.is-done i::after{width:100%}
.mytv-feature.is-carousel .mytv-feature-steps button.is-active i::after{animation:ptv7-step var(--slide-ms,7s) linear forwards}
.mytv-feature-steps button.is-active i::after{width:100%}
.mytv-feature.is-carousel .mytv-feature-steps button.is-active i::after{width:0}
@keyframes ptv7-step{to{width:100%}}
.mytv-feature.is-paused .mytv-feature-steps i,.mytv-feature.is-paused .mytv-feature-steps i::after,
.mytv-feature.is-offscreen .mytv-feature-steps i,.mytv-feature.is-offscreen .mytv-feature-steps i::after{animation-play-state:paused!important}
@media(min-width:900px){.mytv-feature-link{min-height:320px}.mytv-feature-copy{padding:52px 130px 30px 30px!important}}
/* the play button breathes gently so the eye returns to it (still frames look finished) */
@media(prefers-reduced-motion:no-preference){
  .mytv-feature-play{animation:ptv7-breathe 2.8s ease-in-out infinite}
  .home-page .rail-art em::before{animation:ptv7-live 1.6s ease-in-out infinite}
}
@keyframes ptv7-breathe{0%,100%{box-shadow:0 0 0 7px rgba(196,255,77,.18),0 14px 30px -10px rgba(0,0,0,.8)}50%{box-shadow:0 0 0 13px rgba(196,255,77,.10),0 14px 30px -10px rgba(0,0,0,.8)}}
@keyframes ptv7-live{0%,100%{opacity:1}50%{opacity:.35}}
/* --- calmer rhythm: same spacing between every section --- */
.home-page .home-rails{gap:36px!important;margin-top:34px!important}
.home-page .home-upnext{margin-top:30px!important}
/* --- returning viewers: one quiet "make it better" strip, no repeated sales blocks --- */
body.has-workspace .home-final-cta,html.ptv-has-mytv body.home-page .home-final-cta{display:none!important}
html.ptv-has-mytv body.home-page .home-hero-v5 .home-import-action,body.has-workspace .home-hero-v5 .home-import-action{background:rgba(255,255,255,.07)!important;color:#f3f6fb!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:none!important}
html.ptv-has-mytv body.home-page .home-hero-v5 .home-import-action small,body.has-workspace .home-hero-v5 .home-import-action small{color:var(--muted)!important}
html.ptv-has-mytv body.home-page .home-hero-v5 .home-import-action>span,body.has-workspace .home-hero-v5 .home-import-action>span{background:var(--lime)!important;color:#0a1400!important}
.home-page .setup-checklist.is-compact,.home-page .home-hero-v5,.home-page .home-premium-teaser{border-radius:20px!important;border:1px solid rgba(255,255,255,.1)!important}

.home-page .mytv-summary{display:flex;flex-wrap:wrap;gap:6px;min-height:0!important;margin-top:8px!important;font-weight:600}
.home-page .mytv-stat{display:inline-flex;align-items:baseline;gap:5px;height:30px;padding:0 11px;border-radius:999px;font-size:13px;color:#dfe6f2;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.11);align-items:center}
.home-page .mytv-stat b{font-size:14px;color:#fff}
.home-page .mytv-stat.is-working{background:rgba(64,192,87,.14);border-color:rgba(64,192,87,.4)}
.home-page .mytv-stat.is-working b{color:#8ff0a4}
.home-page .mytv-stat.is-offline b{color:#ffa8b8}
.home-page .mytv-summary-hint{flex:1 1 100%;margin-top:2px}
/* logos that carry their own box read as stickers: round and lift them */
.home-page .rail-art img,.mytv-feature-art img{border-radius:8px}
html.ptv-has-mytv .home-page .mytv-summary,html.ptv-has-mytv body.home-page .mytv-summary{min-height:58px!important;align-content:flex-start}