*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#030b15;color:#f5f8fc;font:1.3vw Arial,sans-serif;overflow:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit;background:#101e2c;border:2px solid #344c5d;border-radius:.8vw;padding:.85vw 1.3vw}button:focus,input:focus,textarea:focus,select:focus{outline:none;border-color:#74e1ed;box-shadow:0 0 0 1px #74e1ed}button:hover{background:#173c4b}button:disabled{opacity:.4}button.primary{background:linear-gradient(120deg,#effafa,#c4e8e5);color:#061520;border-color:#aacccb;font-weight:bold}button.primary:hover{background:#fff}[hidden]{display:none!important}.page{position:absolute;top:0;right:0;bottom:0;left:11.5vw;background:#030b15}.eyebrow{font-size:1.15vw;color:#88d9d3;letter-spacing:.12em;font-weight:600}.description{color:#c4cdd6;line-height:1.45;font-size:1.35vw}.meta,.subtle{color:#a7b7c7;font-size:1.1vw;line-height:1.5}.subtle{font-size:1vw}h1{font-size:3.2vw;line-height:1.12;margin:1vw 0;font-weight:700}h2{font-size:1.7vw;margin:.6vw 0}.actions{display:flex;gap:1vw;margin:1.5vw 0}.actions button{white-space:nowrap}.empty{color:#aebdcb;padding:1.4vw;font-size:1.4vw}.rail-heading{display:flex;align-items:center;justify-content:space-between;gap:1vw;color:#98adbd;font-size:1.05vw}.rail-heading h2{color:#f5f8fc}.rail-heading button{font-size:1vw;padding:.8vw}.brand{width:90%;height:5.5vw;object-fit:contain;margin:.3vw 0 .6vw}
#nav{position:absolute;left:2vw;top:6%;bottom:6%;width:6.1vw;border:2px solid #23384b;border-radius:1.8vw;background:#091522;display:flex;flex-direction:column;padding:.5vw;justify-content:space-around;z-index:5}#nav button{position:relative;border-color:transparent;background:transparent;border-radius:1.2vw;padding:.8vw;width:100%;height:5vw;flex-shrink:0;color:#a7b8c8}#nav svg{width:2.5vw;height:2.5vw;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}#nav button.active{background:#164353;color:#95ded9}#nav button:focus{border-color:#78dce4;background:#164353}#nav button span{position:absolute;left:5.7vw;top:1vw;white-space:nowrap;background:#164353;border-radius:.4vw;padding:.6vw 1vw;font-size:1.1vw;display:none}#nav button:focus span{display:block}#nav .menu-icon{color:#8cdad5}
.hero-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:80%;object-fit:cover}.hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#030b15 0%,transparent 60%),linear-gradient(90deg,#030b15 0%,#030b15c9 35%,#030b1520 100%);pointer-events:none}.home-content{position:relative;padding:2.2vw 0 0 1.3vw}.hero-copy{height:24.5vw;max-width:62vw;position:relative}.hero-copy h1{max-width:54vw;margin-top:1.2vw;font-size:3.1vw}.hero-copy .description{max-width:54vw;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hero-copy .actions{position:absolute;bottom:.2vw}.hero-copy .actions button{font-size:1.45vw;padding:1.55vw 2vw;border-radius:1.5vw;min-width:15vw}.tabs{display:flex;gap:.6vw;margin-bottom:.8vw}.tabs button{border:0;background:transparent;color:#aebcc9;font-size:1.4vw;padding:1.5vw;border-radius:1vw;position:relative}.tabs button.selected{background:#10212c;color:#8bded8;font-weight:bold}.tabs button.selected:after{content:'';position:absolute;width:40%;height:3px;background:#8bded8;bottom:0;left:30%}.home-rail{display:flex;gap:1.1vw;overflow-x:auto;padding:.25vw .25vw 1vw;scrollbar-width:none}.home-card{flex:0 0 20vw;border:2px solid transparent;background:transparent;padding:0;text-align:left;border-radius:1vw}.home-card .art{height:11.2vw;border-radius:.9vw}.home-card strong{display:block;font-size:1.15vw;font-weight:400;padding:.5vw .1vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.art{position:relative;background:linear-gradient(135deg,#173447,#0a1626);overflow:hidden;display:flex;align-items:center;justify-content:center}.art img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0}.art .fallback{padding:1vw;color:#a9bdcc;font-size:1.2vw;text-align:center}.home-card:focus{border-color:#74e1ed;background:#10232e}
.category-panel{position:absolute;left:-.5vw;top:0;bottom:0;width:17vw;padding:1vw;background:#06111e}.category-panel h2{font-size:2vw;margin:.6vw 0}.group-list{overflow-y:auto;scrollbar-width:none}.category-panel .group-list{height:calc(100% - 13.5vw);margin-top:1vw}.group-list button{display:flex;justify-content:space-between;align-items:center;gap:.8vw;width:100%;border:2px solid transparent;border-radius:.6vw;background:transparent;text-align:left;padding:.9vw .8vw;margin:.2vw 0;color:#afbfcc;font-size:1.1vw;min-height:3.1vw}.group-list button span{overflow:hidden;text-overflow:ellipsis}.group-list button small{font-size:.9vw;color:#aec2d3}.group-list button.selected{background:#075fd6;color:white}.group-list button:focus{border-color:#74e1ed;background:#134252}.catalog{position:absolute;left:18.4vw;right:1.7vw;top:0;bottom:0;overflow-y:auto;scrollbar-width:none;padding-bottom:2vw}#catalog-hero{height:20.6vw;position:relative}#catalog-art{position:absolute;right:0;top:0;width:65%;height:100%;object-fit:cover;opacity:.65;mask-image:linear-gradient(90deg,transparent,#000)}.catalog-copy{position:relative;padding:.7vw .8vw;max-width:85%;height:100%;background:linear-gradient(90deg,#030b15,transparent)}.catalog-copy h1{font-size:2.6vw;margin:.6vw 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.catalog-copy .description{font-size:1.1vw;max-width:47vw;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.catalog-copy .actions{position:absolute;bottom:.1vw;margin:1vw 0}.catalog-copy button{font-size:1.1vw;padding:.85vw 1.3vw}.catalog .rail-heading{margin:.3vw 0 .6vw}.entries{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.8vw}.poster{padding:0;border:2px solid #283f51;background:#10202e;text-align:left;overflow:hidden;border-radius:.55vw;height:13vw;position:relative}.poster .art{height:100%}.poster .caption{position:absolute;bottom:0;left:0;right:0;padding:2vw .35vw .35vw;background:linear-gradient(transparent,#030b15e8);font-size:.9vw;text-shadow:0 1px 3px black;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.poster .caption small{display:block;color:#b7c8d6;font-size:.8vw}.poster:focus{border-color:#74e1ed}.poster:focus .caption{background:linear-gradient(transparent,#073443)}
#live{left:11.5vw;display:grid;grid-template-columns:16vw 18vw minmax(0,1fr);gap:1vw;padding:2vw 2vw 2vw 0;background:transparent}.live-categories,.channel-panel{background:#06111d;padding:1vw;min-height:0}.live-categories .rail-heading{letter-spacing:.08em;margin-bottom:1.2vw}.live-categories .group-list{height:calc(100% - 8vw);margin-top:1vw}.live-categories .group-list button{padding:1.4vw .6vw;font-size:1.35vw}.live-categories .group-list button.selected{background:#123346}.channel-panel{display:flex;flex-direction:column;padding:.4vw}.channel-panel .rail-heading{padding:0 .4vw .6vw}#channels{overflow-y:auto;scrollbar-width:none;flex:1}.channel{width:100%;display:flex;align-items:center;gap:.6vw;text-align:left;background:transparent;border-color:transparent;padding:.6vw .4vw;border-radius:.6vw;min-height:4.6vw}.channel img{width:3vw;height:3vw;object-fit:contain;background:#112333;border-radius:.3vw}.channel .number{color:#a8c1cf;font-size:1vw;width:1.6vw;text-align:center}.channel strong{font-size:1.2vw;flex:1;overflow:hidden;text-overflow:ellipsis}.channel.selected{background:#123b4a}.channel:focus{border-color:#70e2f0;background:#105167}.live-detail{display:flex;flex-direction:column;gap:.8vw;min-width:0}#preview{height:26vw;flex-shrink:0;width:100%;background:#01050a;border-radius:1.1vw;border:2px solid #34495b;position:relative;overflow:hidden;padding:0}#preview.playing{background:transparent}.live-badge{position:absolute;left:1.5vw;top:1.5vw;background:#c7222a;padding:.7vw 1.1vw;border-radius:1vw;font-weight:bold;z-index:2}#preview-hint{position:absolute;top:40%;right:5%;bottom:auto;left:5%;color:#99afbf;font-size:1.3vw}.channel-info{display:flex;align-items:center;gap:1vw;border:2px solid #29313a;background:#0c1015;padding:1vw;border-radius:.8vw}.channel-info>div{flex:1;min-width:0}.channel-info h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-info button{padding:.7vw;font-size:1vw}#favorite{font-size:2.5vw;border:0;background:transparent;padding:0 .7vw}.epg{padding:1.2vw;background:#081725;border-radius:.8vw;flex:1}.epg .rail-heading span{color:#4ec8ed;font-weight:bold;font-size:.9vw}.epg p{color:#a5bacb;font-size:1.3vw;margin-top:2vw}#reorder-hint{background:#15374b;padding:.8vw;border-radius:.6vw;border:1px solid #34657f}#reorder-hint p{font-size:1vw;color:#afc4d4;line-height:1.4;margin:.5vw 0}#reorder-actions .actions{margin:.5vw 0;gap:.4vw}#reorder-actions button{font-size:1vw;padding:.7vw;flex:1}#reset-order{width:100%}
.form-page{padding:3vw 4vw;overflow:auto}.form-page h1{margin-bottom:1.7vw}input,textarea,select{display:block;color:white;background:#091a2a;border:2px solid #283f51;border-radius:.6vw;padding:.9vw 1vw;width:100%;max-width:52vw}input::placeholder,textarea::placeholder{color:#839aac}label{display:block;color:#b4c4d0;font-size:1.1vw;margin:1vw 0 .5vw}textarea{resize:none}select{max-width:22vw}#status{color:#8bdfd7;font-size:1.15vw}.category-panel input,.live-categories input{font-size:1vw;padding:.7vw}.settings-card{max-width:65vw;background:#0a1c2b;border:1px solid #294353;border-radius:1vw;padding:2vw;line-height:1.8;color:#bfccd7}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#000b;display:flex;align-items:center;justify-content:center}.details-card{width:64vw;padding:3vw;background:#0c1c2b;border:2px solid #315269;border-radius:1.5vw}
#playback{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:transparent}#video,#av-player{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:transparent}#video{object-fit:contain}#player-ui{position:absolute;bottom:0;width:100%;padding:6vw 5vw 2vw;background:linear-gradient(transparent,#030b15ee)}#player-ui h2{font-size:2.5vw}#player-status{color:#bfd4df}body.fullscreen,body.inline-playing{background:transparent}body.fullscreen #shell{visibility:hidden}body.controls-hidden #player-ui{visibility:hidden;pointer-events:none}body.inline-playing #playback{z-index:0;pointer-events:none}body.inline-playing #player-ui{display:none}body.inline-playing #shell{position:relative;z-index:1;height:100%;background:transparent}body.inline-playing #shell:before{content:'';position:absolute;top:0;right:auto;bottom:0;left:0;width:11.5vw;background:#030b15}

.hero-copy h1{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.group-list::-webkit-scrollbar,.home-rail::-webkit-scrollbar,.catalog::-webkit-scrollbar,#channels::-webkit-scrollbar{display:none}
.device-card{padding:1.5vw;background:#0a1c2b;border:1px solid #294353;border-radius:1vw;max-width:65vw;margin-bottom:2vw}.device-fields{display:flex;gap:4vw}.device-fields strong{font-size:2vw;color:#8bdfd7;letter-spacing:.1em}.device-card p{font-size:1.1vw}#cloud-playlists{display:flex;gap:1vw;flex-wrap:wrap;margin-top:1vw}.episode-list{max-height:20vw;overflow:auto}.episode-list button{display:block;margin:.5vw 0;width:100%;text-align:left}summary{font-size:1.3vw;cursor:pointer;padding:1vw 0}
.channel.grabbed{border-color:#ffe08a;background:#4a3d1b}.channel.grabbed strong:before{content:"↕ ";color:#ffe08a}
/* Android 1.0.144 television layout */
#nav{left:.6vw;top:27%;bottom:auto;width:4.6vw;padding:.35vw;border-radius:1.7vw;gap:.35vw;justify-content:flex-start;transition:width .18s;background:#0a1525;border-color:#233448}#nav .menu-icon{display:none}#nav button{height:3.75vw;border-radius:.8vw;padding:.65vw}#nav svg{width:2.15vw;height:2.15vw}#nav.expanded{width:14vw}#nav button span{left:3.25vw;top:.5vw;background:none;padding:.35vw;display:none;font-size:1.25vw}#nav.expanded button{text-align:left}#nav.expanded button span{display:block}#nav button.active{background:#132b3b;color:#eaf1f5}#nav button:focus{background:#164356;border-color:#75cfcb}.page{left:6vw}#home{left:0}.home-content{padding-left:10vw;padding-top:3.3vw}.hero-copy{height:32vw;max-width:55vw}.hero-copy h1{font-size:3.4vw;max-width:52vw}.hero-copy .description{max-width:50vw;font-size:1.4vw;-webkit-line-clamp:3}.hero-copy .actions{bottom:2vw}.hero-copy .actions button{padding:1.2vw 1.8vw;min-width:14vw;border-radius:1.2vw}.hero-art{height:90%}#home-tabs{display:none}.home-rail{padding-right:2vw}.home-card{flex-basis:23vw}.home-card .art{height:13vw}.home-card strong{font-size:1.25vw}.category-panel{left:0;width:17vw}.catalog{left:18.5vw;right:1.5vw}.brand{height:5vw}.category-panel h2{font-size:2vw}.catalog-copy h1{font-size:3vw}.poster{height:13vw}.poster .caption{font-size:1vw}.poster .caption small{font-size:.85vw}.group-list button{font-size:1.15vw}.group-list button small{font-size:1vw}#live{left:7vw;grid-template-columns:17vw 20vw minmax(0,1fr);padding-top:2vw}.channel{min-height:4.6vw}.channel img{width:3vw;height:3vw}.channel strong{font-size:1.3vw}#preview{height:27vw}.account-page{padding:2.4vw;background:linear-gradient(120deg,#050d20,#0d1b32,#050d20)}.account-page header{display:flex;justify-content:space-between;align-items:center;height:7vw;margin-bottom:1.2vw}.account-page header h1{font-size:2.8vw;margin:.2vw 0}.account-page header p{color:#a2b2cd;font-size:1.25vw}.account-page header .actions{margin:0}.account-layout{display:grid;grid-template-columns:26vw minmax(0,1fr);gap:1.5vw;height:calc(100% - 8.2vw)}.device-card{margin:0;padding:1.5vw;background:linear-gradient(#12363d,#101d33);border:1px solid #24504e;border-radius:1.5vw;overflow:auto}.device-card h2{font-size:1.8vw}.device-card strong{display:block;font-size:1.8vw;color:#55dfc2;letter-spacing:.08em}.device-card p{font-size:1.1vw;color:#a2b2cd}.device-card label{font-size:.9vw;letter-spacing:.1em}#upload-qr{width:15vw;height:15vw;margin:1vw auto;background:white;border-radius:.6vw;padding:.5vw}#upload-qr svg{display:block;width:100%;height:100%}.qr-domain{text-align:center;color:#55dfc2!important}.playlist-library{overflow:auto;padding:.2vw}.playlist-card{background:#101d33;border:1px solid #283853;padding:1.4vw;border-radius:1.4vw;margin:.8vw 0}.playlist-card.selected{border-color:#36796d}.playlist-card .eyebrow{color:#55dfc2;font-size:1vw}.playlist-card h2{font-size:1.9vw}#cloud-playlists{display:block}.library-counts{display:flex;gap:1vw;margin:1vw 0}.library-counts>div{flex:1;padding:1.2vw;background:#071322;border-radius:1vw}.library-counts strong{display:block;font-size:2.1vw;color:white}.library-counts span{font-size:1vw;color:#a2b2cd}.playlist-card .actions{margin-bottom:0}#device-state{font-size:1.1vw;color:#55dfc2}#manual-import{margin:1vw 0}.version-badge{padding:1vw;border-radius:.8vw;background:#101d33;color:#82ddd0;font-size:1vw}.settings-layout{display:grid;grid-template-columns:23vw minmax(0,1fr);gap:2vw;height:calc(100% - 8vw)}#settings-menu{padding:1.2vw;background:#0b1928;border-radius:1.6vw}#settings-menu button{display:block;width:100%;text-align:left;margin:.6vw 0;border-color:transparent;background:#162838}#settings-menu button.selected{background:#193a40;border-color:#396265}#settings-menu button:focus{background:#25474e;border-color:#82ddd0}.settings-card{max-width:none;overflow:auto;border-radius:1.8vw;background:#101d33}.settings-card h1{font-size:2.7vw;margin:0 0 1vw}.overview-hero{padding:1.8vw;border-radius:1.2vw;background:linear-gradient(90deg,#163a3e,#172b40);margin-top:2vw}.overview-hero h2{font-size:2.6vw}.overview-hero p{margin:.4vw 0;font-size:1.2vw}.setting-option{display:block;width:100%;margin:1vw 0;text-align:left}.ui-dialog .details-card{max-height:92vh;overflow:auto}.ui-dialog input{padding:.65vw 1vw}.ui-dialog h1{font-size:2.3vw}.ui-dialog label{margin-top:.6vw}.match-card{flex:0 0 26vw;text-align:left;background:#101d33;padding:1.5vw;border-radius:1vw}.match-card h2{font-size:1.6vw}#details .details-card{position:relative;width:90vw;min-height:30vw;padding:3vw 3vw 3vw 26vw;background:#07121e}#details-poster{position:absolute;left:3vw;top:3vw;width:20vw;height:29vw;object-fit:cover;border-radius:.8vw}#details .details-card h1{font-size:3vw}#details-description{max-width:55vw}#details #episodes{max-height:22vw}#details .details-card:has(#episodes button){min-height:40vw}
#home-shelf-title{font-size:1.5vw;margin:.2vw 0 .6vw;color:#eaf1f5}
