@media(min-width:1700px){#header nav{gap:38px}.card{min-width:190px}#player-panel.live-player{width:calc((92vw - 222px)/2.8*1.8)}}
@media(max-width:1150px){#header{padding:0 3vw;gap:20px}#header nav{gap:16px}#header nav a{font-size:.75rem}#header .brand{font-size:27px}.header-right{gap:4px}.app-main{padding-left:3vw;padding-right:3vw}.auth-layout{gap:5vw;grid-template-columns:1fr 410px}.auth-card{padding:30px}.poster-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.live-layout{grid-template-columns:140px minmax(220px,1fr) minmax(310px,1.5fr);gap:12px}#player-panel.live-player{right:3vw;width:calc((94vw - 164px)/2.5*1.5)}.live-categories button{font-size:.75rem;padding:10px}.channel-row .art{width:35px;height:35px}.channel-row .icon-button{width:29px;padding:5px}.player-tools .volume{display:none}.hero{min-height:400px}.category-tiles{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){#header{height:78px}#header nav{gap:13px}#header nav a{font-size:.7rem}#header nav a[href='#favorites'],#header nav a[href='#guide']{display:none}.app-main{padding-top:20px}.auth-page{padding:30px 5vw}.auth-layout{grid-template-columns:1fr 380px;gap:4vw;margin-top:60px}.auth-story h1{font-size:4.8rem}.auth-story p{font-size:.9rem}.auth-tags{gap:20px;font-size:.6rem}.auth-card h2{font-size:1.65rem}.auth-card{padding:28px 24px}.poster-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-copy{max-width:70%}.hero-index{display:none}.settings-grid{gap:14px}.settings-card{padding:23px}.settings-row{flex-wrap:wrap}.category-tiles{grid-template-columns:repeat(3,1fr)}.live-layout{grid-template-columns:120px 230px 1fr}#player-panel.live-player{top:217px;width:calc(94vw - 374px);min-width:280px}.live-placeholder{min-height:250px}.live-placeholder .empty{padding:40px 15px}.live-placeholder h2{font-size:1rem}.player-top{padding:12px}.player-top h2{font-size:.85rem}.player-tools{padding:5px}.player-tools button{width:37px}.program-info{padding:10px 15px}.auth-footer{font-size:.65rem}}
@media(max-width:700px){:root{font-size:16px}#header{height:70px;padding:0 20px;padding-top:env(safe-area-inset-top)}#header .brand{font-size:29px}#header nav{display:none}.header-right{gap:8px}.header-right .icon-button{width:40px}.avatar{height:34px;width:34px;min-height:34px}#mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:70;display:flex;justify-content:space-around;background:#0d1119f5;backdrop-filter:blur(20px);padding:10px 6px calc(8px + env(safe-area-inset-bottom));border-top:1px solid #ffffff10}#mobile-nav a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-height:43px;min-width:55px;text-decoration:none;color:#768294;font-size:.62rem}#mobile-nav svg{width:22px;height:22px}#mobile-nav a.active{color:var(--gold)}.app-main{padding:18px 20px calc(110px + env(safe-area-inset-bottom))}.home-greeting{font-size:.75rem;margin-bottom:16px;gap:15px}.home-greeting .text-button{font-size:.7rem;max-width:145px;overflow:hidden;white-space:nowrap}.hero{height:510px;min-height:0;border-radius:17px;margin:0 -4px}.hero-art{inset:0}.hero-art .art>span{font-size:80px}.hero-shade{background:linear-gradient(0deg,#10151efc 3%,#10151ee0 26%,#10151e20 75%,#10151e33)}.hero-copy{left:24px;right:24px;bottom:28px;max-width:none}.hero-copy h1{font-size:2.5rem;line-height:1.05;margin:13px 0;-webkit-line-clamp:3}.hero-copy .eyebrow{font-size:.6rem;letter-spacing:.13em}.hero-meta{font-size:.7rem;margin-bottom:14px}.hero-description{font-size:.8rem;-webkit-line-clamp:2;margin-bottom:20px}.hero-copy button,.hero-copy .button{font-size:.82rem;min-height:47px;padding:10px 16px}.quick-paths{gap:8px;margin:15px 0 29px}.quick-paths a{padding:14px 8px;flex-direction:column;gap:8px;text-align:center;font-size:.7rem;border-radius:10px}.quick-paths b{display:none}.quick-paths svg{width:22px;height:22px}.rail-section{margin-bottom:25px}.section-title{margin-bottom:12px}.section-title h2{font-size:1.2rem}.section-title>span{font-size:.65rem}.rail{gap:12px;margin-right:-20px;padding-right:20px}.card{width:142px;min-width:142px}.card-caption{padding-top:10px}.card-caption h3{font-size:.8rem}.card-caption p{font-size:.65rem}.channel-card{width:180px}.channel-card img{padding:20px}.category-tiles{grid-template-columns:1fr 1fr;gap:9px}.category-tiles button{font-size:.78rem;min-height:64px;padding:12px}.category-tiles svg{width:18px;height:18px}.page-heading{margin:10px 0 25px;align-items:start;flex-wrap:wrap;gap:20px}.page-heading h1{font-size:2.2rem}.page-heading .eyebrow{font-size:.65rem;margin-bottom:12px}.page-heading>.muted{font-size:.72rem}.category-select{width:100%;max-width:none}.poster-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 11px}.poster-grid .card{min-width:0}.poster-grid .card-caption h3{font-size:.74rem}.poster-grid .art{border-radius:7px}.poster-grid .art>span{font-size:1.8rem}.pager{gap:12px;margin-top:30px}.pager button{font-size:.8rem;padding:10px 12px}.pager span{font-size:.7rem}.tabs{gap:8px}.tabs button{font-size:.8rem;padding:9px 20px}.empty{padding:40px 15px;min-height:270px}.empty h2{font-size:1.35rem}.empty p{font-size:.85rem}.skeleton-grid{grid-template-columns:repeat(3,1fr);gap:12px}.skeleton{height:200px}.auth-page{padding:28px 23px calc(28px + env(safe-area-inset-bottom))}.auth-wordmark .brand{font-size:32px}.auth-layout{display:flex;flex-direction:column;gap:30px;margin:38px auto 30px;max-width:450px}.auth-story{width:100%}.auth-story .eyebrow{font-size:.65rem;margin-bottom:15px}.auth-story h1{font-size:3.35rem;line-height:1.04}.auth-story h1 br{display:none}.auth-story h1 br:after{content:' '}.auth-story h1 em{display:block}.auth-story p,.auth-tags{display:none}.auth-card{width:100%;padding:27px 24px;border-radius:17px}.small-mark{display:none}.auth-card h2{font-size:1.65rem;margin-top:10px}.auth-card .eyebrow{font-size:.6rem}.auth-card>.muted{font-size:.82rem}.auth-footer{flex-direction:column;gap:12px;text-align:center;font-size:.65rem}.auth-footer>span:first-child{display:none}form{gap:17px}.form-row{grid-template-columns:1fr}.profiles-page{padding:40px 20px}.profiles-page>.brand{margin-bottom:55px}.profiles-page>h1{font-size:2.35rem}.profile-grid{gap:28px 22px}.profile-choice{min-width:110px;max-width:130px}.profile-face{width:110px;height:110px;border-radius:21px;font-size:3rem}.profile-choice small{font-size:.65rem}.connect-page{margin:0;padding:25px 20px}.dialog-heading h2{font-size:1.8rem}.dialog-heading p{font-size:.82rem}dialog{padding:27px 23px;max-width:calc(100vw - 24px);max-height:90dvh;border-radius:16px}dialog>.dialog-close{margin:-15px -11px 0 0;width:42px;min-height:42px}.detail-backdrop{height:210px;margin:-27px -23px 0}.detail-content h2{font-size:2rem}.description{font-size:.86rem}.metadata{font-size:.75rem}.episode>.art{width:95px}.episode{gap:12px}.episode h4{font-size:.85rem}.episode p{font-size:.73rem}.episode>svg{width:16px}.episode small{font-size:.6rem}.search-box{padding:7px 15px}.search-box input{font-size:1rem}.search-box svg{width:21px}.settings-grid{grid-template-columns:1fr;gap:15px}.settings-card{padding:24px 21px}.settings-row{flex-wrap:nowrap}.settings-row>.actions{flex-wrap:nowrap}.settings-card.about{grid-column:auto}.settings-card button{font-size:.8rem}.live-view .page-heading{margin-bottom:17px}.live-view .page-heading h1{font-size:1.8rem}.live-view .page-heading .eyebrow{font-size:.6rem}.live-view .page-heading>.button{font-size:.75rem;padding:8px 12px}.live-layout{display:flex;flex-direction:column;gap:15px;height:auto;min-height:0}.live-categories{display:flex;gap:7px;overflow-x:auto;flex:none;padding:4px 4px 10px;margin:0 -4px;order:1}.live-categories h3{display:none}.live-categories button{width:auto;white-space:nowrap;margin:0;border:1px solid #ffffff13;border-radius:30px;padding:10px 17px;font-size:.75rem;min-height:43px}.live-placeholder{order:0;min-height:215px;height:215px}.live-placeholder .empty{min-height:0;padding:35px 18px;height:100%}.live-placeholder .empty>svg{width:29px;height:29px;margin:0}.live-placeholder .empty h2{font-size:1.1rem}.channel-list-panel{order:2;height:460px;flex:none}.channel-row .art{width:45px;height:45px}.channel-row strong{font-size:.88rem}.channel-row em{font-size:.75rem}.channel-row .icon-button{width:43px;min-height:44px}.channel-row small{font-size:.68rem}#player-panel.live-player{position:fixed;top:158px;left:20px;right:20px;width:auto;min-width:0;max-height:240px;height:240px;z-index:40;border-radius:12px}.live-player .player-top{position:absolute;top:0;left:0;right:0;z-index:2;background:linear-gradient(#000c,transparent);padding:7px 12px;pointer-events:none}.live-player .player-top button{pointer-events:auto;min-height:34px;width:34px;padding:7px}.live-player .player-top h2{font-size:.72rem;white-space:nowrap;overflow:hidden;max-width:240px;text-overflow:ellipsis}.live-player .player-top .eyebrow{display:none}.live-player .video-stage{height:190px;min-height:0;aspect-ratio:auto}.live-player .program-info{display:none}.live-player .player-tools{height:48px;padding:2px 8px;flex-wrap:nowrap;gap:0}.live-player .player-tools button{width:37px;min-height:40px;padding:8px}.live-player .stream-status{display:none}.live-player .player-message{padding:28px 14px 10px;gap:9px}.live-player .player-message p{font-size:.75rem}.live-player .player-message button{min-height:33px;padding:5px 12px;font-size:.72rem}.live-player .spinner{width:20px;height:20px}.live-player .channel-overlay{bottom:48px;left:10px;right:10px;padding:9px;font-size:.7rem}.live-view:has(.live-player:not([hidden])) .live-placeholder{height:240px;min-height:240px}#player-panel.theater{inset:0;border:0;border-radius:0;z-index:200;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.theater .player-top{padding:20px 16px}.theater .player-tools{padding:15px 12px}.theater .player-message p{font-size:.85rem}.theater .video-stage{min-height:0}.guide-actions{flex-wrap:wrap;gap:8px}.guide-actions button{font-size:.75rem;min-height:42px;padding:9px 15px}.guide-actions>span{width:100%;margin:5px 0 0;font-size:.78rem}.guide-scroll{margin:0 -10px}.guide-channel{width:150px}.guide-grid{width:1110px}.guide-time>strong{width:150px;font-size:.62rem}.guide-channel>.art{width:32px;height:32px}.guide-channel>span{font-size:.7rem}.guide-channel{padding:9px;gap:7px}.guide-channel small{font-size:.6rem}#toast{bottom:calc(90px + env(safe-area-inset-bottom));font-size:.8rem;padding:13px 18px}.tv-mode button{min-height:50px}}
@media(max-width:370px){.app-main{padding-left:15px;padding-right:15px}.hero-copy{left:19px;right:19px}.hero-copy h1{font-size:2.1rem}.hero-copy .actions{gap:8px}.hero-copy button,.hero-copy .button{padding:10px 12px;font-size:.76rem}.poster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-card{padding:24px 20px}.settings-row{flex-wrap:wrap}.live-player .player-tools button{width:33px}.live-player .player-tools svg{width:17px}}
@media(max-height:550px) and (orientation:landscape){#player-panel.theater .player-top{padding:5px 15px}.theater .player-top .eyebrow{display:none}.theater .player-tools{padding:2px 10px}.theater .program-info{display:none}}

@media(max-width:700px){.guide-category-control{width:100%;min-width:0}.guide-category-control .category-select{width:100%;min-width:0}.guide-heading{gap:14px}}

/* V15 final responsive guardrails */
@media(max-width:700px){.auth-layout,.settings-grid{width:100%}.auth-card{box-shadow:0 18px 55px #0005}.profile-grid{width:100%}.profile-choice{min-width:92px}.profile-face{width:96px;height:96px}.episode{min-height:84px}.episode>.art{width:82px}.search-box{position:sticky;top:72px;z-index:25;background:#0e141c}.recent-searches{overflow:auto;white-space:nowrap;padding-bottom:5px}}