/* ICON REVAMPERATION V10 — MASSIVE GUI MAKEOVER */
:root{--v10-bg:#050507;--v10-surface:#0c0c10;--v10-card:#111117;--v10-card2:#17171e;--v10-line:rgba(255,255,255,.08);--v10-text:#f7f7fa;--v10-muted:#9898a5;--v10-accent:#ff1838;--v10-radius:22px;--v10-shadow:0 24px 80px rgba(0,0,0,.48)}
html{background:var(--v10-bg)}body{background:radial-gradient(1000px 500px at 85% -10%,rgba(255,24,56,.09),transparent 65%),var(--v10-bg)!important;color:var(--v10-text)!important}.topbar{height:72px!important;padding:0 clamp(18px,3vw,48px)!important;background:linear-gradient(180deg,rgba(5,5,7,.96),rgba(5,5,7,.72))!important;border-bottom:0!important;backdrop-filter:blur(24px)!important}.topbar .brand img{max-height:38px!important}.topbar nav{gap:6px!important}.topbar nav a{padding:10px 15px!important;border-radius:999px!important;font-size:11px!important;letter-spacing:.08em!important;color:#aaaab4!important}.topbar nav a.active,.topbar nav a:hover{background:#fff!important;color:#09090c!important}.icon-btn,.profile-btn{border:1px solid var(--v10-line)!important;background:rgba(255,255,255,.035)!important;border-radius:999px!important}.profile-btn{padding:5px 12px 5px 5px!important}
/* HOME: editorial streaming dashboard */
.home-v4 main{padding-top:72px!important}.hero-v4{width:calc(100% - clamp(28px,5vw,86px))!important;max-width:1660px!important;margin:22px auto 0!important;aspect-ratio:2.68/1!important;max-height:560px!important;border-radius:30px!important;overflow:hidden!important;border:1px solid var(--v10-line)!important;box-shadow:var(--v10-shadow)!important}.hero-v4:after{content:"FEATURED ON ICON";position:absolute;left:28px;top:28px;z-index:8;padding:8px 12px;border-radius:999px;background:rgba(5,5,7,.62);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px);font-size:9px;font-weight:900;letter-spacing:.15em}.hero-v4-shade{background:linear-gradient(90deg,rgba(0,0,0,.35),transparent 45%,rgba(0,0,0,.08)),linear-gradient(0deg,rgba(0,0,0,.55),transparent 42%)!important}.hero-v4-nav{border-radius:999px!important;background:rgba(5,5,7,.62)!important;border:1px solid rgba(255,255,255,.14)!important;backdrop-filter:blur(12px)!important}.home-v4-section{max-width:1660px!important;margin:0 auto!important;padding:38px clamp(18px,2.7vw,44px) 0!important}.v4-section-head{margin-bottom:14px!important}.v4-section-head h2{font-size:clamp(22px,2vw,31px)!important;letter-spacing:-.045em!important;text-transform:none!important}.v4-eyebrow{font-size:8px!important;color:#777783!important;letter-spacing:.17em!important}.section-link{font-size:9px!important;border:1px solid var(--v10-line)!important;border-radius:999px!important;padding:8px 11px!important;background:rgba(255,255,255,.025)!important}.v4-rail{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:minmax(210px,calc((100% - 54px)/4))!important;gap:18px!important;overflow-x:auto!important;scroll-snap-type:x proximity;padding:2px 2px 12px!important}.v4-rail>*{scroll-snap-align:start}.v4-card,.episode-card,.show-card{border:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}.v4-card img,.episode-card img,.show-card img,.v4-thumb{border-radius:16px!important;border:1px solid var(--v10-line)!important;box-shadow:0 12px 34px rgba(0,0,0,.26)!important;transition:.28s transform,.28s box-shadow,.28s border-color!important}.v4-card:hover img,.episode-card:hover img,.show-card:hover img{transform:translateY(-5px) scale(1.018)!important;box-shadow:0 22px 48px rgba(0,0,0,.48)!important;border-color:rgba(255,255,255,.18)!important}.event-banner{border:0!important;border-radius:28px!important;background:linear-gradient(110deg,#16161d 0%,#0c0c10 58%,rgba(255,24,56,.15) 100%)!important;min-height:230px!important;padding:40px!important;overflow:hidden!important}.event-banner h2{font-size:clamp(30px,4vw,58px)!important;letter-spacing:-.055em!important;max-width:720px!important}.v4-footer{border-top:1px solid var(--v10-line)!important;background:#070709!important}
/* SHOWS: catalog, not another home page */
.shows-library-page{max-width:1660px!important;margin:auto!important;padding:116px clamp(18px,3vw,48px) 90px!important}.shows-library-hero{min-height:auto!important;padding:0 0 34px!important;border-bottom:1px solid var(--v10-line)!important;margin-bottom:30px!important;background:none!important}.shows-library-hero h1{font-size:clamp(52px,7vw,96px)!important;line-height:.9!important;letter-spacing:-.075em!important;text-transform:none!important}.shows-grid,.shows-library-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:26px 18px!important}.shows-grid>* ,.shows-library-grid>*{background:transparent!important;border:0!important;box-shadow:none!important}
/* WATCH: theater mode */
.watch-page{max-width:none!important;padding:92px 0 90px!important}.watch-v81{max-width:1540px!important;margin:auto!important;padding:0 clamp(18px,3vw,46px)!important}.watch-v81-main{background:transparent!important}.watch-v81-player{border-radius:26px!important;border:1px solid rgba(255,255,255,.09)!important;box-shadow:0 34px 110px rgba(0,0,0,.62)!important}.watch-v81-meta{padding:26px 4px 12px!important}.watch-v81-meta h1{font-size:clamp(30px,4vw,54px)!important;line-height:.98!important;letter-spacing:-.055em!important}.watch-v81-side{border-radius:22px!important;background:#0d0d12!important;border:1px solid var(--v10-line)!important}.comments{max-width:1120px!important;margin:34px auto 0!important;padding:24px!important;border-radius:26px!important;background:#0c0c10!important;border:1px solid var(--v10-line)!important}.comment-compose{background:#121218!important;border:1px solid var(--v10-line)!important;border-radius:18px!important}.comment{background:transparent!important;border:0!important;border-top:1px solid var(--v10-line)!important;border-radius:0!important;padding:20px 4px!important}.comment:first-of-type{border-top:0!important}.comment-actions button,.comment-menu-btn{background:#121218!important;border:1px solid var(--v10-line)!important;border-radius:999px!important}
/* LIVE: broadcast studio */
.live-page{max-width:1660px!important;margin:auto!important;padding:116px clamp(18px,3vw,48px) 90px!important}.live-page>h1{font-size:clamp(50px,7vw,94px)!important;text-transform:none!important}.live-card{grid-template-columns:minmax(0,1fr) 370px!important;gap:18px!important}.live-screen{min-height:600px!important;border-radius:30px!important;padding:44px!important;background:radial-gradient(circle at 70% 20%,rgba(255,24,56,.18),transparent 28%),linear-gradient(145deg,#15151b,#08080b 62%)!important}.live-screen>span{box-shadow:0 0 0 7px rgba(255,24,56,.08)!important}.chat{border-radius:30px!important;background:#0d0d12!important;padding:24px!important}.chat-empty{border-radius:20px!important;background:#09090d!important}
/* CREATORS: magazine profiles */
.creators-v84-hero{min-height:440px!important;padding:126px clamp(22px,5vw,80px) 58px!important;background:linear-gradient(120deg,#0a0a0d 30%,rgba(255,24,56,.09)),radial-gradient(circle at 80% 20%,rgba(255,255,255,.05),transparent 28%)!important}.creators-v84-hero h1{font-size:clamp(56px,8vw,112px)!important;text-transform:none!important}.creators-v84-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:26px!important}.creators-v84-grid .creator-card{position:relative!important;border:0!important;border-radius:26px!important;background:#0e0e13!important;overflow:hidden!important}.creators-v84-grid .creator-photo{aspect-ratio:4/5!important;border-radius:0!important}.creators-v84-grid .creator-card:nth-child(3n+1){transform:translateY(18px)}
/* ACCOUNT/SUPPORT: product UI */
.account-card{max-width:1180px!important;border-radius:30px!important;background:#0d0d12!important;border:1px solid var(--v10-line)!important;padding:clamp(22px,4vw,48px)!important}.support-v84-hero{min-height:390px!important;padding:118px clamp(22px,5vw,80px) 54px!important;background:linear-gradient(135deg,#0b0b0f,#121219)!important}.support-v84-hero h1{font-size:clamp(52px,7vw,92px)!important;text-transform:none!important}.support-v84-grid{grid-template-columns:repeat(3,1fr)!important;gap:16px!important}.support-v84-grid article{border-radius:24px!important;padding:26px!important;background:#101016!important}.support-v84-contact{border-radius:28px!important;padding:30px!important}
/* ADMIN: true workspace */
.admin-sidebar{background:#09090d!important;width:250px!important}.admin-nav a{border-radius:13px!important;margin:3px 12px!important}.admin-main{margin-left:250px!important}.adminbar{left:250px!important;background:rgba(8,8,11,.88)!important}.admin-main main{background:#07070a!important;padding:30px!important}.panel,.stats>div,.quick-card,.settings-v4-card,.media-storage-summary article{border-radius:20px!important;background:#0f0f14!important;border:1px solid var(--v10-line)!important}.stats{gap:14px!important}.media-library-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
/* Phone: genuinely separate app shell */
@media(max-width:760px){body{padding-bottom:78px!important}.topbar{height:58px!important;padding:0 13px!important;background:rgba(6,6,8,.92)!important}.topbar .brand img{max-width:116px!important}.topbar nav,.desktop-nav{left:12px!important;right:12px!important;bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;height:62px!important;border-radius:22px!important;background:rgba(17,17,23,.96)!important;box-shadow:0 20px 60px rgba(0,0,0,.6)!important}.topbar nav a,.desktop-nav a{border-radius:16px!important;font-size:8px!important}.topbar nav a.active,.desktop-nav a.active{background:#fff!important;color:#08080b!important}.home-v4 main{padding-top:58px!important}.hero-v4{width:calc(100% - 24px)!important;margin:12px auto 0!important;aspect-ratio:16/10!important;border-radius:22px!important;max-height:none!important}.hero-v4:after{left:14px;top:14px;font-size:7px;padding:6px 8px}.home-v4-section{padding:26px 12px 0!important}.v4-section-head h2{font-size:21px!important}.v4-rail{grid-auto-columns:82%!important;gap:12px!important}.v4-card img,.episode-card img,.show-card img,.v4-thumb{border-radius:15px!important}.event-banner{border-radius:22px!important;padding:24px!important;min-height:190px!important}.shows-library-page{padding:82px 12px 96px!important}.shows-library-hero h1{font-size:52px!important}.shows-grid,.shows-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 10px!important}.watch-page{padding:66px 0 96px!important}.watch-v81{padding:0!important}.watch-v81-player{border-radius:0!important;border-left:0!important;border-right:0!important}.watch-v81-meta{padding:20px 14px!important}.comments{margin:20px 12px 0!important;padding:14px!important;border-radius:20px!important}.live-page{padding:82px 12px 96px!important}.live-page>h1{font-size:54px!important}.live-card{grid-template-columns:1fr!important}.live-screen{min-height:360px!important;border-radius:22px!important;padding:22px!important}.chat{border-radius:22px!important;min-height:280px!important}.creators-v84-hero{min-height:340px!important;padding:92px 16px 42px!important}.creators-v84-hero h1{font-size:58px!important}.creators-v84-grid{grid-template-columns:1fr!important;gap:14px!important}.creators-v84-grid .creator-card:nth-child(3n+1){transform:none}.creators-v84-grid .creator-photo{aspect-ratio:16/12!important}.support-v84-hero{min-height:320px!important;padding:90px 16px 40px!important}.support-v84-hero h1{font-size:52px!important}.support-v84-grid{grid-template-columns:1fr!important}.account-page{padding:82px 12px 96px!important}.account-card{border-radius:22px!important;padding:18px!important}.admin-sidebar{width:68px!important}.admin-main{margin-left:68px!important}.adminbar{left:68px!important}.admin-main main{padding:16px 10px!important}.media-library-grid{grid-template-columns:1fr!important}}
@media(min-width:761px) and (max-width:1150px){.v4-rail{grid-auto-columns:minmax(230px,calc((100% - 36px)/3))!important}.shows-grid,.shows-library-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.creators-v84-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.support-v84-grid{grid-template-columns:repeat(2,1fr)!important}.live-card{grid-template-columns:1fr!important}.chat{min-height:300px!important}}
