/* Phone and tablet are separate layouts; operating-system status bars stay native. */
.mobile-top,.mobile-navigation{display:none}#mobileMoreDialog{width:min(440px,94vw)}.mobile-sheet-buttons{display:grid;gap:8px}.mobile-sheet-buttons button,.mobile-sheet-buttons a{text-align:left;padding:17px;border-radius:8px;background:#303030;color:#eee;text-decoration:none;font-size:14px}#mobileConnectionInfo{font-size:12px;color:#aaa;line-height:1.7}
@media(max-width:1199px){body:not(.tv-mode)>aside{display:none}body:not(.tv-mode)>main{margin:0;padding:calc(76px + env(safe-area-inset-top,0px)) 24px 100px}.mobile-top{position:fixed;inset:0 0 auto;z-index:30;height:calc(68px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px));display:flex;align-items:center;gap:14px;background:#191919f5;border-bottom:1px solid #ffffff0d;backdrop-filter:blur(18px)}.mobile-brand{font-weight:800;font-size:26px;letter-spacing:-1px;color:#e5a00d;flex:0 0 34px;text-decoration:none;text-align:center}.mobile-server{flex:1;min-width:0;max-width:500px;margin:0 auto;padding:8px 10px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:3px;background:transparent}.mobile-server small{margin:0;color:#999;font-size:9px;letter-spacing:1.4px}.mobile-server strong{font-size:15px;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-action{padding:9px;flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;background:#ffffff08;border-radius:50%}.mobile-action svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}.mobile-navigation{display:flex;position:fixed;inset:auto 0 0;z-index:45;background:#202020f5;backdrop-filter:blur(18px);border-top:1px solid #ffffff12;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));height:calc(68px + env(safe-area-inset-bottom,0px));gap:4px;margin:0}.mobile-navigation button{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-height:48px;padding:6px;font-size:10px;color:#a5a5a5;border:0!important;background:transparent!important;white-space:nowrap}.mobile-navigation button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9}.mobile-navigation button.active{color:#e5a00d}.mobile-navigation button.active svg{filter:drop-shadow(0 0 7px #e5a00d44)}body.locked .mobile-top,body.locked .mobile-navigation{display:none}body:not(.tv-mode) main>header{display:none;height:auto;padding:4px 0 15px;margin:0;border:0}.mobile-search-open:not(.tv-mode) main>header{display:flex}.mobile-search-open main>header .search{display:flex;flex:1;max-width:none;min-width:0;width:100%;background:#292929}.mobile-search-open main>header>:not(.search){display:none!important}.mobile-search-open .search input{font-size:16px;width:100%;max-width:none}#libraryBreadcrumb{padding-top:7px;font-size:11px}.view-tabs{margin-top:5px;gap:25px}.view-tabs button{font-size:13px;padding:12px 0}.hero{margin-top:16px;min-height:280px;padding:26px}.hero h1{font-size:32px;line-height:1.12;max-width:75%}.hero p{font-size:13px;max-width:76%;-webkit-line-clamp:2}.hero-backdrop{width:85%}#librariesView{padding-top:12px}.libraries-title h1{font-size:28px}.libraries-title p{font-size:13px}.library-row{flex-wrap:wrap;gap:14px}.library-row-actions{width:100%;justify-content:flex-start}.library-row-actions button{min-height:40px}.discovery-grid{grid-auto-columns:145px;gap:18px}.continue-card{width:145px;flex-basis:145px}.continue-card img{width:145px;height:217px}.discovery-row-heading{padding-right:90px}.discovery-row h2{font-size:20px;max-width:75%}.discovery-row-heading>button{display:none}.carousel-controls{top:-45px}.carousel-arrow{width:38px;height:38px}.discovery-row{margin:28px 0}.card h3{font-size:12px}.card p{font-size:10px}.poster .tag{font-size:8px;padding:4px;left:8px;top:8px}.poster strong{font-size:20px}#grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:20px}body.has-mini-player main{padding-bottom:250px!important}#playerDialog.mini-player{left:0;right:0;width:100%;bottom:calc(68px + env(safe-area-inset-bottom,0px));height:132px;max-height:132px}.mini-player video{width:160px;height:100px;margin:12px}.mini-player .player-top{left:180px;top:2px;right:10px}.mini-player .player-controls{left:180px;right:16px;bottom:10px}.mini-player .player-controls .timeline{margin-bottom:0}.mini-player .volume-control,.mini-player #forward10,.mini-player #backward10{display:none}.mini-player #timelineTime{min-width:0;font-size:10px}.mini-player #playerTitle{max-width:none}.mini-player #forceTranscode{display:none}#playerDialog:not(.mini-player) .player-top{padding-top:calc(14px + env(safe-area-inset-top,0px))}#playerDialog:not(.mini-player) .player-controls{padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}.hierarchy-heading{gap:22px}.hierarchy-heading>img{width:155px;height:232px}#serverManagement{margin-top:15px}.management-panel{padding:22px}.management-shortcuts button{flex:1;min-width:170px}footer{margin-bottom:15px}.tv-mode .mobile-top,.tv-mode .mobile-navigation{display:none}}
@media(min-width:768px) and (max-width:1199px){body:not(.tv-mode)>main{margin-left:88px;padding-left:30px;padding-right:30px;padding-bottom:40px}.mobile-top{left:88px;padding-left:22px;padding-right:22px}.mobile-brand{font-size:28px}.mobile-navigation{inset:0 auto 0 0;width:88px;height:auto;flex-direction:column;justify-content:center;padding:calc(20px + env(safe-area-inset-top,0px)) 7px 20px;gap:20px;border-right:1px solid #ffffff12;border-top:0}.mobile-navigation button{flex:0 0 68px;gap:9px;font-size:10px}.mobile-navigation button.active{border-radius:12px;background:#e5a00d12!important}.hero{min-height:300px}.hero h1{font-size:38px}.discovery-grid{grid-auto-columns:155px}.continue-card,.continue-card img{width:155px}.continue-card{flex-basis:155px}.continue-card img{height:232px}.hierarchy-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}#playerDialog.mini-player{left:88px;width:calc(100% - 88px);bottom:0;height:145px;max-height:145px}.mini-player video{height:120px;width:200px}.mini-player .player-top,.mini-player .player-controls{left:224px}.mini-player .volume-control{display:flex}#mobileMoreDialog{max-width:500px}}
@media(max-width:767px){body:not(.tv-mode)>main{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.mobile-top{gap:6px}.mobile-server strong{font-size:14px}.mobile-brand{font-size:24px;flex-basis:26px}.mobile-action{width:36px;height:36px;flex-basis:36px;padding:8px}.hero{min-height:230px;padding:23px}.hero h1{font-size:29px;max-width:85%;margin:17px 0 12px}.hero p{max-width:90%;font-size:12px;line-height:1.6}.hero .eyebrow{font-size:9px}.hero button{font-size:12px;padding:11px 16px}.discovery-grid{grid-auto-columns:128px;gap:15px}.continue-card{width:128px;flex-basis:128px}.continue-card img{width:128px;height:192px}#grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 10px}.poster strong{font-size:16px}.card h3{font-size:11px}.card p{font-size:9px}.discovery-row h2,.section-heading h2{font-size:18px;line-height:1.35}.carousel-controls{top:-43px;gap:6px}.carousel-arrow{width:34px;height:34px}#continueSection>.section-heading{padding-right:82px}.discovery-row-heading{padding-right:82px}.discovery-row h2{max-width:100%}.collection .section-heading{gap:10px}#sort{max-width:135px;font-size:12px}.library-filters{gap:10px}.library-filters label{min-width:100px}.library-filters select{font-size:12px}.library-row{padding:17px}.library-row-info{min-width:calc(100% - 50px)}.library-row small{font-size:10px}.management-panel{padding:18px}.management-shortcuts{flex-direction:column}.management-shortcuts button{font-size:13px}#serverManagement>h1{font-size:28px}dialog:not(#playerDialog){position:fixed;top:auto;bottom:0;margin:0;left:0;width:100%;max-width:100%;max-height:calc(94dvh - env(safe-area-inset-top,0px));border-radius:18px 18px 0 0;padding:28px 20px calc(24px + env(safe-area-inset-bottom,0px));overflow:auto}#mobileMoreDialog h2{font-size:24px;margin-bottom:20px}.hierarchy-heading{gap:18px;flex-wrap:wrap}.hierarchy-heading>img{width:116px;height:174px}.hierarchy-heading>div{flex:1;min-width:160px}.hierarchy-heading h1{font-size:25px}.hierarchy-heading p{font-size:12px}.hierarchy-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 10px}.hierarchy-grid.episodes{grid-template-columns:repeat(2,minmax(0,1fr))}#hierarchyArtControls{width:100%}.artwork-chooser{font-size:12px}.artwork-chooser input{max-width:190px;font-size:11px}.mini-player video{width:112px;height:72px;margin:8px}.mini-player .player-top{left:128px;right:7px;top:0;gap:5px}.mini-player .player-controls{left:128px;right:12px;bottom:12px}.mini-player #playerTitle{font-size:11px}.mini-player .player-top #minimizePlayer,.mini-player .player-top #closeMiniPlayer{width:32px;min-width:32px;flex-basis:32px;height:32px}.mini-player #playerError{bottom:135px}.mini-player .player-controls .player-toolbar{gap:5px}#playerDialog.mini-player{height:112px;max-height:112px}.mini-player #timelineTime{font-size:9px}body.has-mini-player main{padding-bottom:210px!important}.auth-card{padding:26px}.auth-card input{font-size:16px}.auth-gate{padding:20px;padding-top:calc(20px + env(safe-area-inset-top,0px))}}
@media(max-width:359px){#grid,.hierarchy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-server small{font-size:8px}.mobile-server strong{font-size:12px}.mobile-top{gap:3px}.mobile-action{width:32px;flex-basis:32px}.hero h1{font-size:26px}}