/* =========================================================
   ICON REVAMPERATION V6 — PUBLIC APP THEME
   Visual-only renovation. Existing functionality, routes,
   Supabase queries, buttons and content behavior remain intact.
   ========================================================= */
:root{
  --v6-bg:#070708;
  --v6-surface:#101114;
  --v6-surface-2:#14161a;
  --v6-surface-3:#191b20;
  --v6-line:rgba(255,255,255,.075);
  --v6-line-strong:rgba(255,255,255,.13);
  --v6-text:#f7f7f8;
  --v6-muted:#92959e;
  --v6-red:#e50914;
  --v6-red-2:#ff3340;
  --v6-shadow:0 26px 90px rgba(0,0,0,.38);
  --v6-radius:18px;
}
html{background:var(--v6-bg)}
body{background:
  radial-gradient(900px 380px at 72% -12%,rgba(229,9,20,.10),transparent 66%),
  radial-gradient(650px 320px at -5% 18%,rgba(255,255,255,.025),transparent 70%),
  var(--v6-bg);
  color:var(--v6-text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.018;background-image:linear-gradient(rgba(255,255,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.3) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(to bottom,black,transparent 75%);z-index:-1}

/* Shared navigation */
.topbar.v4-topbar,.topbar{height:72px;padding:0 clamp(18px,4vw,64px);background:rgba(6,7,8,.72);border-bottom:1px solid transparent;backdrop-filter:blur(22px) saturate(120%);-webkit-backdrop-filter:blur(22px) saturate(120%);gap:26px;box-shadow:none}
.topbar.scrolled,.topbar.v4-topbar.scrolled{height:64px;background:rgba(6,7,8,.94);border-bottom-color:var(--v6-line);box-shadow:0 20px 55px rgba(0,0,0,.22)}
.brand{display:flex;align-items:center;min-width:max-content}.brand img{width:164px!important;height:auto;max-height:50px;object-fit:contain}
.desktop-nav,.topbar nav{gap:4px!important;align-items:center}.desktop-nav a,.topbar nav a{font-size:10px!important;letter-spacing:1.35px!important;font-weight:900!important;color:#aeb0b7!important;padding:10px 12px!important;border-radius:10px!important}.desktop-nav a:hover,.topbar nav a:hover{color:#fff!important;background:rgba(255,255,255,.045)}.desktop-nav a.active,.topbar nav a.active{color:#fff!important;background:rgba(255,255,255,.035)}.desktop-nav a.active:after,.topbar nav .active:after{background:var(--v6-red)!important}
.top-actions{gap:7px}.icon-btn{width:42px;height:42px;border:1px solid var(--v6-line)!important;border-radius:12px!important;background:rgba(255,255,255,.035)!important;font-size:24px!important}.profile-btn{min-height:42px;padding:6px 10px!important;border:1px solid var(--v6-line)!important;border-radius:12px!important;background:rgba(255,255,255,.035)!important;color:#fff}.profile-btn:hover,.icon-btn:hover{background:rgba(255,255,255,.08)!important;border-color:var(--v6-line-strong)!important;transform:translateY(-1px)}.avatar{background:#17191d;border-color:#343840!important}

/* Home */
body.home-v4{background:var(--v6-bg)}
.home-v4 .hero-v4{height:auto!important;min-height:0!important;aspect-ratio:2.68/1!important;max-height:none!important;margin-top:72px;background:#08090b;border-bottom:1px solid var(--v6-line);box-shadow:0 45px 120px rgba(0,0,0,.35);overflow:hidden}
.home-v4 .hero-v4-bg{inset:0!important;transform:scale(1.012)!important;background-size:cover!important;background-position:center!important;animation:v6HeroZoom 14s ease-in-out infinite alternate!important;transition:opacity .55s ease,transform 1s ease,filter .5s ease!important}
.home-v4 .hero-v4-link{z-index:2}.home-v4 .hero-v4-bg:before{display:none!important}.home-v4 .hero-v4-shade{background:linear-gradient(180deg,rgba(0,0,0,.0) 0%,rgba(0,0,0,.06) 52%,rgba(0,0,0,.48) 100%)!important}.home-v4 .hero-v4-noise{opacity:.045}.home-v4 .hero-v4-edge{height:150px;background:linear-gradient(180deg,transparent,rgba(7,7,8,.98))!important}
.home-v4 .hero-v4-nav{top:50%;transform:translateY(-50%);width:48px;height:86px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:rgba(0,0,0,.28);backdrop-filter:blur(12px);font-size:42px}.home-v4 .hero-v4-nav.prev{left:18px}.home-v4 .hero-v4-nav.next{right:18px}.home-v4 .hero-v4-nav:hover{background:rgba(229,9,20,.2);border-color:rgba(229,9,20,.35)}
.home-v4 .hero-v4-dots{right:clamp(18px,5vw,72px);bottom:26px}.home-v4 .hero-v4-dots .dot{width:26px;height:3px;background:#56585f;border-radius:99px}.home-v4 .hero-v4-dots .dot.active{background:#fff}
.home-v4-section{padding:46px clamp(18px,5vw,72px) 0}.v4-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.v4-section-head h2{font-size:clamp(20px,2vw,28px);margin:6px 0 0;letter-spacing:-.8px}.v4-eyebrow{font-size:8px;letter-spacing:2px;font-weight:950;color:#686c75}.section-link{font-size:9px!important;letter-spacing:1.1px;color:#a5a7ae!important;text-decoration:none!important;font-weight:950}.section-link:hover{color:#fff!important}
.v4-rail{display:flex;gap:14px;overflow-x:auto;padding:3px 2px 16px;scrollbar-width:none}.v4-rail::-webkit-scrollbar{display:none}.v4-card{flex:0 0 clamp(210px,21vw,290px)!important;background:linear-gradient(180deg,#111317,#0b0c0f);border:1px solid var(--v6-line);border-radius:14px!important;overflow:hidden;box-shadow:0 18px 45px rgba(0,0,0,.2);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.v4-card:hover{transform:translateY(-6px)!important;border-color:rgba(229,9,20,.32);box-shadow:0 25px 60px rgba(0,0,0,.35)}.v4-thumb,.v4-card .thumb{aspect-ratio:16/9!important;height:auto!important;background:#15171a;border-radius:0!important}.v4-thumb img,.v4-card .thumb img{object-fit:cover!important}.v4-card-title{font-size:12px!important;line-height:1.35}.v4-card-sub{font-size:9px!important;color:#777b84!important}.v4-show-row{margin:0 0 48px!important}.v4-show-row-head{margin-bottom:14px}.v4-show-row-head h3{font-size:18px!important;letter-spacing:-.3px}.v4-show-tile{flex:0 0 clamp(235px,24vw,330px)!important;aspect-ratio:16/9!important;border-radius:15px!important;overflow:hidden!important;border:1px solid var(--v6-line)}.v4-show-tile img{object-fit:cover!important}.v4-show-tile:after{background:linear-gradient(180deg,transparent 38%,rgba(0,0,0,.92))!important}.v4-show-tile:hover{border-color:rgba(229,9,20,.35)!important;transform:translateY(-4px)}
.live-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.event-strip{padding-bottom:60px}.event-banner{position:relative;overflow:hidden;border:1px solid var(--v6-line);border-radius:20px;background:linear-gradient(135deg,#14161a,#0d0e11);padding:28px;display:flex;justify-content:space-between;align-items:center;gap:20px;box-shadow:var(--v6-shadow)}.event-banner h2{font-size:clamp(24px,4vw,46px);letter-spacing:-1.5px;margin:7px 0}.event-banner p{color:#9498a1;margin:0;max-width:620px;font-size:13px;line-height:1.6}.event-banner-glow{position:absolute;width:320px;height:320px;border-radius:50%;right:-100px;top:-150px;background:rgba(229,9,20,.18);filter:blur(12px)}
.v4-footer{margin-top:60px!important;padding:28px clamp(18px,5vw,72px)!important;border-top:1px solid var(--v6-line)!important;background:#060607!important}.v4-footer img{width:130px!important}.v4-footer div{color:#646870!important;gap:18px}

/* Shows library */
.shows-library-page{padding:108px clamp(18px,5vw,72px) 80px!important}.shows-library-hero{max-width:900px;padding:28px 0 36px}.shows-library-hero h1{font-size:clamp(44px,7vw,88px);letter-spacing:-4px;margin:8px 0 10px}.shows-library-hero p{color:#8f939c;max-width:650px;line-height:1.6}.shows-v5-section{padding:0!important}.shows-v5-grid,.shows-v5-loading .skeleton-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}.library-show-card.compact-v5 .library-show-art{border-radius:14px!important;box-shadow:0 22px 60px rgba(0,0,0,.3)!important}.library-show-card.compact-v5 .library-show-art img{aspect-ratio:16/9!important}.library-show-card.compact-v5 .library-show-copy h2{font-size:15px!important;letter-spacing:-.25px}.library-show-card.compact-v5 .library-show-copy p{font-size:10px!important}

/* Show page */
.show-v5-page{padding-top:72px!important;background:var(--v6-bg)!important}.show-v5-hero{grid-template-columns:minmax(0,1fr) minmax(320px,470px)!important;gap:56px!important;padding:58px clamp(18px,7vw,96px) 44px!important;background:linear-gradient(180deg,#111317,#0c0d10)!important;border-bottom:1px solid var(--v6-line)!important}.show-v5-copy h1{font-size:clamp(38px,5vw,70px)!important;letter-spacing:-2.4px!important}.show-v5-kicker{color:#8e929b!important;font-size:9px!important}.show-v5-count{font-size:12px!important;color:#858992!important;letter-spacing:.7px;text-transform:uppercase}.show-v5-desc p{font-size:14px!important;color:#afb2ba!important;line-height:1.7!important}.show-v5-actions{gap:8px!important}.show-action{border-radius:10px!important;padding:11px 15px!important}.show-v5-art-wrap{max-width:470px!important}.show-v5-art{border-radius:14px!important;box-shadow:0 26px 65px rgba(0,0,0,.42)!important;border-color:var(--v6-line)!important}.show-v5-library{padding:38px clamp(18px,7vw,96px) 64px!important;background:var(--v6-bg)!important}.show-v5-divider{margin:0 0 28px!important;background:var(--v6-line)!important}.show-v5-toolbar{margin-bottom:17px!important}.show-v5-section-title{font-size:12px!important;letter-spacing:1.7px!important}.show-v5-season-tools span{font-size:9px!important;letter-spacing:.5px}.show-v5-season-tools select{background:#121419!important;border-color:var(--v6-line-strong)!important;border-radius:10px!important;padding:9px 34px 9px 11px!important}.show-v5-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:28px 20px!important}.show-episode-card{min-width:0!important;text-decoration:none!important;color:#fff!important}.show-episode-thumb{aspect-ratio:16/9!important;height:auto!important;border-radius:13px!important;overflow:hidden!important;background:#111419!important;border:1px solid var(--v6-line)!important;box-shadow:0 20px 50px rgba(0,0,0,.22);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.show-episode-card:hover .show-episode-thumb{transform:translateY(-4px);border-color:rgba(229,9,20,.34)!important;box-shadow:0 28px 60px rgba(0,0,0,.35)}.show-episode-thumb img{width:100%;height:100%;object-fit:cover!important}.show-episode-copy{padding-top:11px!important}.show-new-episode-line{font-size:8px!important;letter-spacing:1.2px!important;color:#ff4a53!important;font-weight:950!important;margin-bottom:4px}.show-episode-number{font-size:12px!important;font-weight:900!important;line-height:1.35!important}.show-episode-meta{font-size:8px!important;color:#6f737c!important;letter-spacing:.65px!important;margin-top:4px!important}.show-content-badge{border-radius:5px!important;padding:5px 6px!important;font-size:7px!important;letter-spacing:.8px!important}.show-play{width:38px!important;height:38px!important;border-radius:50%!important;background:rgba(229,9,20,.94)!important;box-shadow:0 10px 30px rgba(229,9,20,.25);right:12px!important;bottom:12px!important}.show-duration{border-radius:5px!important;background:rgba(0,0,0,.75)!important;font-size:8px!important}.reunion-note.v5-reunion-note{margin-top:32px!important;background:linear-gradient(145deg,#13090a,#0e0a0b)!important;border-color:rgba(229,9,20,.2)!important;border-radius:14px!important}.show-v5-extras .show-v5-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}

/* Watch */
.watch-page{padding:104px clamp(14px,4vw,52px) 76px!important;max-width:none!important}.watch-v5-layout{max-width:1350px!important;grid-template-columns:minmax(0,1fr) 310px!important;gap:20px!important}.watch-v5-player{border-radius:16px!important;border-color:var(--v6-line)!important;box-shadow:0 30px 90px rgba(0,0,0,.45)!important}.watch-v5-meta{padding:20px 2px 26px!important}.watch-v5-kicker{font-size:9px!important;letter-spacing:1.8px!important;color:#7e828b!important}.watch-v5-meta h1{font-size:clamp(28px,3.5vw,46px)!important;letter-spacing:-1.5px!important}.watch-v5-meta>p{font-size:13px!important;color:#9ca0a8!important}.watch-v5-actions .btn{border-radius:10px!important;padding:10px 14px!important;font-size:10px!important}.watch-v5-side{background:linear-gradient(180deg,#111318,#0d0f12)!important;border-color:var(--v6-line)!important;border-radius:16px!important;box-shadow:var(--v6-shadow)}.watch-v5-side-head{padding:14px 15px!important}.watch-v5-side-head h2{font-size:13px!important;letter-spacing:1px}.watch-v5-side-item{grid-template-columns:92px 1fr!important;padding:8px!important;border-radius:10px!important}.watch-v5-side-item img{width:92px!important;border-radius:7px!important}.watch-v5-side-item b{font-size:10px!important}.comments{margin-top:28px!important;border-top-color:var(--v6-line)!important}.comment-compose{background:#0e1013;border:1px solid var(--v6-line);border-radius:14px;padding:10px}.comment-compose textarea{background:transparent!important;border:0!important;outline:none!important}.comment{border-bottom-color:var(--v6-line)!important}

/* Account / support / live / creators */
.account-page{max-width:1120px!important;padding:112px 20px 72px!important}.settings-shell{gap:16px!important}.settings-nav,.settings-panel,.account-card{background:linear-gradient(145deg,#111317,#0c0e11)!important;border-color:var(--v6-line)!important;box-shadow:var(--v6-shadow)!important;border-radius:18px!important}.settings-nav{padding:8px!important}.settings-nav button{font-size:11px!important;border-radius:10px!important}.settings-panel{padding:28px!important}.setting-row{border-bottom-color:var(--v6-line)!important}
.support-page{padding:112px clamp(18px,5vw,72px) 80px!important;max-width:1240px!important;margin:0 auto}.support-hero{padding:38px!important;background:linear-gradient(145deg,#14161b,#0d0f12)!important;border:1px solid var(--v6-line)!important;border-radius:22px!important;box-shadow:var(--v6-shadow)!important}.support-hero h1{font-size:clamp(48px,7vw,82px)!important;letter-spacing:-4px!important;margin:8px 0}.support-hero p{max-width:760px!important;color:#a2a6af!important}.support-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:13px!important}.support-card{background:linear-gradient(145deg,#111317,#0d0f12)!important;border-color:var(--v6-line)!important;border-radius:16px!important;box-shadow:0 18px 55px rgba(0,0,0,.24)!important}.support-card:hover{transform:translateY(-4px);border-color:rgba(229,9,20,.28)}.support-faq{background:linear-gradient(145deg,#111317,#0d0f12)!important;border:1px solid var(--v6-line)!important;border-radius:18px!important;box-shadow:var(--v6-shadow)!important}.support-faq details{border-top-color:var(--v6-line)!important}
.live-page{padding:112px clamp(18px,5vw,72px) 80px!important;max-width:1350px!important;margin:auto}.live-card{gap:14px!important}.live-screen,.chat{background:linear-gradient(145deg,#111317,#0d0f12)!important;border-color:var(--v6-line)!important;border-radius:16px!important;box-shadow:var(--v6-shadow)}
.simple-page{padding:112px clamp(18px,5vw,72px) 80px!important;max-width:1280px!important;margin:auto}.creator-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))!important;gap:14px!important}.creator-card{background:linear-gradient(145deg,#111317,#0d0f12)!important;border-color:var(--v6-line)!important;border-radius:16px!important;box-shadow:0 20px 55px rgba(0,0,0,.28)!important}.creator-card:hover{border-color:rgba(229,9,20,.28)!important}.creator-card img,.creator-photo{aspect-ratio:1/1!important}.creator-card h2{font-size:16px!important}.creator-card span{color:#8c9099!important}

/* Search / modal */
.search-overlay,.modal{background:rgba(2,3,4,.78)!important;backdrop-filter:blur(18px)!important}.search-panel,.modal-card{background:linear-gradient(145deg,#121419,#0b0d10)!important;border-color:var(--v6-line-strong)!important;border-radius:18px!important;box-shadow:0 35px 110px rgba(0,0,0,.58)!important}.search-panel input,.modal-card input,.modal-card textarea,.modal-card select{background:#080a0d!important;border-color:var(--v6-line)!important;border-radius:11px!important}.btn{border-radius:10px!important}

/* Motion */
@keyframes v6HeroZoom{from{transform:scale(1.012)}to{transform:scale(1.055)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition:none!important}}
@media(max-width:1000px){.shows-v5-grid,.shows-v5-loading .skeleton-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.show-v5-grid,.show-v5-extras .show-v5-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.support-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.live-feature-grid{grid-template-columns:1fr}.watch-v5-layout{grid-template-columns:1fr!important}.watch-v5-side{position:static!important;max-height:none!important}}
@media(max-width:720px){.topbar.v4-topbar,.topbar{height:64px;padding:0 12px}.brand img{width:132px!important}.desktop-nav,.topbar nav{gap:0!important}.desktop-nav a:nth-child(3),.desktop-nav a:nth-child(4),.desktop-nav a:nth-child(5),.topbar nav a:nth-child(3),.topbar nav a:nth-child(4),.topbar nav a:nth-child(5){display:none}.home-v4 .hero-v4{margin-top:64px;aspect-ratio:1.65/1!important}.home-v4 .hero-v4-nav{width:38px;height:58px;font-size:30px}.home-v4 .hero-v4-nav.prev{left:8px}.home-v4 .hero-v4-nav.next{right:8px}.home-v4-section{padding-top:34px}.v4-card{flex-basis:205px!important}.v4-show-tile{flex-basis:250px!important}.show-v5-page{padding-top:64px!important}.show-v5-hero{padding:28px 16px 34px!important;grid-template-columns:1fr!important;gap:24px!important}.show-v5-art-wrap{max-width:100%!important;justify-self:start!important;order:-1}.show-v5-copy h1{font-size:38px!important}.show-v5-grid,.show-v5-extras .show-v5-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px 10px!important}.shows-v5-grid,.shows-v5-loading .skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.support-grid{grid-template-columns:1fr!important}.support-hero{padding:26px!important}.support-hero h1{font-size:52px!important}.creator-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.event-banner{align-items:flex-start;flex-direction:column}.watch-page{padding:88px 12px 50px!important}.watch-v5-player{border-radius:10px!important}}