@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#f5f6fb;font-synthesis:none;--purple:#8b5cf6;--cyan:#25c6ef;--panel:#12131bc7;--muted:#8e91a3;background:#08090d;font-family:Manrope,Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:#08090d;min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #9b7bff}.app-shell{background:radial-gradient(circle at 55% -15%,#4d349129,#0000 36%),#08090d;min-height:100vh;display:flex;position:relative}.aurora{filter:blur(140px);opacity:.1;pointer-events:none;border-radius:50%;width:520px;height:520px;position:fixed}.aurora-one{background:#823cff;top:-210px;right:10%}.aurora-two{background:#03b7ec;bottom:-300px;left:20%}.sidebar{z-index:20;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);background:#0a0b10e0;border-right:1px solid #ffffff12;flex-direction:column;width:236px;padding:25px 16px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-.7px;align-items:center;gap:10px;padding:0 9px 26px;font-size:20px;font-weight:800;display:flex}.brand img{object-fit:contain;filter:drop-shadow(0 7px 15px #6c4aff59);width:39px;height:39px}.brand span{color:#9a70ff}.mobile-close{display:none}nav{gap:5px;display:grid}nav button,.sidebar-bottom>button{color:#898c9d;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:13px;padding:12px 13px;font-size:13px;font-weight:600;transition:all .2s;display:flex}nav button:hover,.sidebar-bottom>button:hover{color:#fff;background:#ffffff0a}nav button.active{color:#fff;background:linear-gradient(100deg,#794df038,#794df00f);box-shadow:inset 3px 0 #8b5cf6}nav button.active svg{color:#a783ff}nav button em{background:#7c51e8;border-radius:8px;margin-left:auto;padding:2px 7px;font-size:10px;font-style:normal}.side-label{letter-spacing:1.5px;color:#505363;margin:27px 13px 10px;font-size:9px;font-weight:800}.source-card{cursor:pointer;text-align:left;background:#ffffff09;border:1px solid #ffffff12;border-radius:13px;align-items:center;gap:9px;width:100%;padding:10px;display:flex}.source-card>span{background:linear-gradient(145deg,#7150e9,#236fc6);border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.source-card svg{width:15px}.source-card div{flex:1;gap:1px;min-width:0;display:grid}.source-card small{color:#777b8c;font-size:9px}.source-card b{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.source-card>svg{color:#747788}.sidebar-bottom{gap:12px;margin-top:auto;display:grid}.sidebar-bottom>button{padding-left:11px}.profile{border-top:1px solid #ffffff12;align-items:center;gap:9px;padding:12px 7px 0;display:flex}.profile>div{background:linear-gradient(145deg,#e4739f,#7959e5);border-radius:50%;place-items:center;width:32px;height:32px;font-size:10px;font-weight:800;display:grid}.profile span{flex:1;display:grid}.profile b{font-size:10px}.profile small{color:#6e7181;font-size:9px}.profile svg{color:#686b7b;width:16px}main{flex:1;min-width:0;margin-left:236px}header{z-index:15;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#08090df2,#08090dcf 75%,#0000);align-items:center;gap:11px;height:76px;padding:0 38px;display:flex;position:sticky;top:0}.search{align-items:center;width:100%;max-width:510px;height:39px;display:flex;position:relative}.search>svg{color:#666a7b;width:17px;position:absolute;left:13px}.search input{color:#fff;background:#ffffff0d;border:1px solid #fff1;border-radius:11px;width:100%;height:100%;padding:0 60px 0 41px;font-size:11px}.search input::placeholder{color:#606372}.search kbd{color:#777a8a;border:1px solid #ffffff1a;border-radius:5px;padding:2px 5px;font-size:9px;position:absolute;right:10px}.search button{cursor:pointer;background:0 0;border:0;padding:3px;position:absolute;right:40px}.search button svg{width:13px}.header-icon,.menu-btn{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff12;border-radius:10px;place-items:center;width:39px;height:39px;margin-left:auto;display:grid}.header-icon svg,.menu-btn svg{width:17px}.add-source{color:#11121a;cursor:pointer;background:#fff;border:0;border-radius:10px;align-items:center;gap:7px;height:39px;padding:0 15px;font-size:10px;font-weight:800;transition:all .2s;display:flex}.add-source:hover{transform:translateY(-1px);box-shadow:0 8px 25px #ffffff1f}.add-source svg{width:15px}.menu-btn{margin:0;display:none}.content{max-width:1580px;margin:0 auto;padding:9px 38px 55px}.hero{background:radial-gradient(circle at 74% 35%,#6a47de33,#0000 28%),linear-gradient(120deg,#15161fd9,#0c0d13b8);border:1px solid #ffffff12;border-radius:24px;align-items:center;min-height:330px;padding:53px 54px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 70px #0000003d}.hero:before{content:"";background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000,#0000);mask-image:linear-gradient(90deg,#0000,#000,#0000)}.hero-copy{z-index:2;position:relative}.eyebrow{color:#a992ed;letter-spacing:1.8px;align-items:center;gap:6px;margin-bottom:15px;font-size:9px;font-weight:800;display:flex}.eyebrow svg{width:13px}.hero h1{letter-spacing:-2px;margin:0;font-size:38px;line-height:1.13}.hero h1 span{color:#0000;background:linear-gradient(90deg,#c7b2ff,#6ddff6);-webkit-background-clip:text;background-clip:text}.hero p{color:#8e91a3;max-width:440px;margin:16px 0 24px;font-size:12px;line-height:1.7}.hero-actions{gap:9px;display:flex}.watch-btn,.ghost-btn{cursor:pointer;border:0;border-radius:10px;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:10px;font-weight:800;display:flex}.watch-btn{color:#fff;background:linear-gradient(135deg,#8154ed,#596ee9);box-shadow:0 9px 25px #6e4fe540}.ghost-btn{background:#ffffff0f;border:1px solid #ffffff14}.watch-btn svg,.ghost-btn svg{width:14px}.hero-art{place-items:center;width:340px;height:300px;display:grid;position:absolute;right:6%}.hero-art>img{object-fit:contain;z-index:2;filter:drop-shadow(0 25px 45px #2259ff40);width:180px;height:180px;animation:5s ease-in-out infinite float;position:relative}.orbit{border:1px solid #9276ff2e;border-radius:50%;position:absolute;transform:rotate(-16deg)}.o1{width:300px;height:160px}.o2{width:230px;height:270px}.floating-pill{z-index:3;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#191925bd;border:1px solid #ffffff1c;border-radius:11px;align-items:center;gap:8px;padding:9px 12px;display:flex;position:absolute;box-shadow:0 10px 30px #0003}.floating-pill svg{color:#a989ff;width:15px}.floating-pill span{color:#878a99;font-size:8px;display:grid}.floating-pill b{color:#fff;font-size:9px}.p1{top:67px;left:1px}.p2{bottom:60px;right:0}.page-title{justify-content:space-between;align-items:center;height:150px;display:flex}.page-title>div>span{letter-spacing:2px;color:#9a7ae9;font-size:9px;font-weight:800}.page-title h1{letter-spacing:-1.4px;margin:7px 0 0;font-size:34px}.page-title>button{color:#aaaebb;background:#ffffff0a;border:1px solid #ffffff14;border-radius:9px;align-items:center;gap:7px;padding:9px 13px;font-size:10px;display:flex}.page-title>button svg{width:14px}.category-section,.channels-section{margin-top:29px}.section-heading{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.section-heading>div{align-items:center;gap:8px;display:flex}.section-heading svg{color:#9b79f6;width:15px}.section-heading h2{letter-spacing:-.3px;margin:0;font-size:14px}.section-heading>span{color:#686b7b;font-size:9px}.category-row{scrollbar-width:none;gap:7px;padding:1px 1px 8px;display:flex;overflow:auto}.category-row button{white-space:nowrap;color:#8c8f9f;cursor:pointer;background:#ffffff08;border:1px solid #fff1;border-radius:10px;align-items:center;gap:7px;padding:9px 13px;font-size:9px;font-weight:700;transition:all .2s;display:flex}.category-row button:hover{color:#fff;border-color:#ffffff29}.category-row button.active{color:#11121a;background:#f3f2f7;border-color:#fff}.category-row button i{border-radius:50%;width:6px;height:6px;box-shadow:0 0 9px}.channel-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.channel-card{cursor:pointer;animation:.45s both cardIn;animation-delay:var(--delay);background:#13141cad;border:1px solid #fff1;border-radius:15px;transition:transform .25s,border-color .25s,box-shadow .25s;overflow:hidden}.channel-card:hover{border-color:#9779ef4d;transform:translateY(-4px);box-shadow:0 15px 36px #00000040}.channel-visual{background:radial-gradient(circle at 50% 40%,#273466,#121521 70%);place-items:center;height:112px;display:grid;position:relative;overflow:hidden}.visual-1{background:radial-gradient(circle at 50% 40%,#5a285d,#191421 70%)}.visual-2{background:radial-gradient(circle at 50% 40%,#1b544b,#111d1d 70%)}.visual-3{background:radial-gradient(circle at 50% 40%,#5c4527,#1d1811 70%)}.visual-4{background:radial-gradient(circle at 50% 40%,#263e5a,#111820 70%)}.visual-5{background:radial-gradient(circle at 50% 40%,#5a253d,#1e1218 70%)}.channel-visual:before{content:"";border:1px solid #ffffff0f;border-radius:40% 60% 50% 50%;width:130px;height:130px;position:absolute;transform:rotate(22deg)}.channel-visual>span{letter-spacing:-1px;color:#ffffffd9;text-shadow:0 4px 18px #00000040;font-size:24px;font-weight:800}.channel-visual>img{object-fit:contain;z-index:1;max-width:58%;max-height:60%;position:relative}.quality{background:#03050994;border:1px solid #ffffff1f;border-radius:4px;padding:3px 5px;font-size:7px;position:absolute;top:8px;right:8px}.channel-visual>em{background:#0f1117b3;border-radius:4px;align-items:center;gap:4px;padding:3px 6px;font-size:7px;font-style:normal;font-weight:800;display:flex;position:absolute;top:8px;left:8px}.channel-visual>em i,.live-dot{background:#ff4c71;border-radius:50%;width:5px;height:5px;box-shadow:0 0 7px #ff4c71}.card-overlay{opacity:0;z-index:3;background:#05060a52;place-items:center;transition:all .22s;display:grid;position:absolute;inset:0}.channel-card:hover .card-overlay{opacity:1}.card-overlay button{color:#171821;background:#fff;border:0;border-radius:50%;place-items:center;width:37px;height:37px;display:grid}.card-overlay svg{width:15px}.channel-info{gap:8px;padding:12px 12px 11px;display:flex}.channel-info>div{flex:1;min-width:0}.channel-info small{text-transform:uppercase;letter-spacing:.8px;color:#8f6fe5;font-size:7px}.channel-info h3{white-space:nowrap;text-overflow:ellipsis;margin:3px 0 5px;font-size:11px;overflow:hidden}.channel-info p{color:#737686;align-items:center;gap:4px;margin:0;font-size:8px;display:flex}.channel-info p svg{width:9px}.fav{color:#6f7281;cursor:pointer;background:#ffffff0a;border:0;border-radius:8px;align-self:center;place-items:center;width:29px;height:29px;display:grid}.fav svg{width:13px}.fav.active{color:#ff6c93;background:#ff47771a}.mini-progress{background:#ffffff0a;height:2px}.mini-progress i{background:linear-gradient(90deg,#8058e9,#49c8e9);height:100%;display:block}.empty-state{text-align:center;color:#7e8191;border:1px dashed #ffffff14;border-radius:18px;padding:70px 20px}.empty-state>div{background:#8b5cf61a;border-radius:15px;place-items:center;width:48px;height:48px;margin:0 auto;display:grid}.empty-state h3{color:#fff;margin:14px 0 5px;font-size:14px}.empty-state p{margin-bottom:18px;font-size:10px}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#010206bd;place-items:center;padding:18px;animation:.2s fadeIn;display:grid;position:fixed;inset:0}.source-modal{background:linear-gradient(150deg,#1c1d29fa,#0e0f16fa);border:1px solid #ffffff1c;border-radius:21px;width:min(505px,100%);max-height:calc(100vh - 36px);padding:24px;animation:.3s modalIn;overflow:auto;box-shadow:0 30px 100px #0000008c}.modal-head{align-items:center;gap:12px;display:flex}.modal-head>div:nth-child(2){flex:1}.modal-icon{background:linear-gradient(145deg,#7650e6,#3a71d8);border-radius:12px;place-items:center;width:41px;height:41px;display:grid;box-shadow:0 8px 24px #694be147}.modal-icon svg{width:19px}.modal-head h2{margin:0;font-size:17px}.modal-head p{color:#7e8191;margin:4px 0 0;font-size:9px}.icon-btn{cursor:pointer;background:#ffffff0a;border:0;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.icon-btn svg{width:16px}.source-tabs{background:#00000030;border-radius:11px;grid-template-columns:1fr 1fr;gap:6px;margin:21px 0 18px;padding:4px;display:grid}.source-tabs button{color:#75798a;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:38px;font-size:9px;font-weight:700;display:flex}.source-tabs button.active{color:#fff;background:#ffffff14;box-shadow:0 3px 12px #0003}.source-tabs svg{width:14px}.source-form{gap:13px;display:grid}.source-form label{color:#a8abba;gap:7px;font-size:9px;font-weight:700;display:grid}.source-form input{color:#fff;background:#04050947;border:1px solid #ffffff14;border-radius:9px;width:100%;height:42px;padding:0 12px;font-size:10px}.source-form input:focus{border-color:#785be0}.form-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.primary-btn{cursor:pointer;background:linear-gradient(135deg,#8457ee,#4a7ce7);border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:42px;font-size:10px;font-weight:800;display:flex;box-shadow:0 9px 22px #674dde2e}.primary-btn:disabled{opacity:.65}.primary-btn svg{width:15px}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}.or{color:#5e6170;align-items:center;gap:10px;font-size:8px;display:flex}.or:before,.or:after{content:"";background:#ffffff12;flex:1;height:1px}.upload-btn{cursor:pointer;background:#ffffff05;border:1px dashed #ffffff21;border-radius:11px;justify-content:center;align-items:center;gap:10px;height:59px;display:flex}.upload-btn>svg{color:#9a7af0;width:18px}.upload-btn span{text-align:left;gap:2px;display:grid}.upload-btn b{font-size:9px}.upload-btn small{color:#6d7181;font-size:8px}.form-error{color:#ff93aa;background:#ff4c7114;border:1px solid #ff4c7126;border-radius:8px;margin-top:12px;padding:9px 11px;font-size:9px}.privacy-note{color:#676a79;justify-content:center;align-items:center;gap:7px;margin-top:17px;font-size:8px;display:flex}.privacy-note svg{color:#57c6a9;width:13px}.privacy-note b{color:#9194a3}.player-panel{z-index:60;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#111219f2;border:1px solid #ffffff1c;border-radius:18px;width:min(420px,100vw - 36px);padding:10px;animation:.35s playerIn;position:fixed;bottom:18px;right:18px;box-shadow:0 25px 80px #0000008c}.player-topline{color:#9b9eac;letter-spacing:1.2px;justify-content:space-between;align-items:center;padding:2px 2px 9px 7px;font-size:7px;font-weight:800;display:flex}.player-topline>div{align-items:center;gap:6px;display:flex}.video-wrap{aspect-ratio:16/9;background:#050609;border-radius:12px;position:relative;overflow:hidden}.video-wrap video{object-fit:contain;z-index:2;background:#050609;width:100%;height:100%;position:relative}.video-ambient{filter:blur(50px);opacity:.35;background:linear-gradient(130deg,#5b39c7,#1c8bd2);position:absolute;inset:20%}.video-controls{z-index:5;opacity:0;background:linear-gradient(#0000,#000000bf);align-items:center;padding:28px 12px 10px;transition:all .2s;display:flex;position:absolute;inset:auto 0 0}.video-wrap:hover .video-controls{opacity:1}.video-controls button{cursor:pointer;background:0 0;border:0;place-items:center;width:29px;height:27px;display:grid}.video-controls svg{width:15px}.control-spacer{flex:1}.video-error{z-index:4;text-align:center;place-content:center;font-size:11px;display:grid;position:absolute;inset:0}.video-error small{color:#787b8b;margin-top:5px;font-size:8px;display:block}.now-playing{align-items:center;gap:10px;padding:12px 5px 8px;display:flex}.channel-avatar{background:linear-gradient(140deg,#5944a4,#244b7e);border-radius:9px;place-items:center;width:36px;height:36px;font-size:10px;font-weight:800;display:grid;overflow:hidden}.channel-avatar img{object-fit:contain;width:100%;height:100%}.now-playing>div:nth-child(2){flex:1}.now-playing span{color:#9b79ee;text-transform:uppercase;font-size:7px}.now-playing h3{margin:1px 0;font-size:11px}.now-playing p{color:#777a89;margin:0;font-size:8px}.now-playing>strong{border:1px solid #ffffff1a;border-radius:4px;padding:3px 5px;font-size:7px}.program-bar{border-top:1px solid #ffffff0f;grid-template-columns:1fr auto;gap:7px;padding:9px 5px 3px;display:grid}.program-bar>div{justify-content:space-between;display:flex}.program-bar span{color:#777a8a;font-size:7px}.program-bar b{font-size:7px}.program-bar small{color:#777a8a;font-size:7px}.progress{background:#ffffff12;height:2px;grid-column:1/-1!important}.progress i{background:linear-gradient(90deg,#8157e9,#45c5e8);height:100%;display:block}.program-bar>div:last-child{grid-column:1/-1}.toast{z-index:100;color:#17181f;background:#f5f5f8;border-radius:11px;align-items:center;gap:8px;padding:11px 16px;font-size:10px;font-weight:800;animation:.3s toastIn;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #00000059}.toast svg{color:#30a681;width:15px}.channel-visual>img{z-index:1;filter:drop-shadow(0 7px 12px #00000040);position:absolute}.channel-visual>.quality,.channel-visual>em{z-index:2}.channel-avatar{position:relative}.channel-avatar img{background:#151621;position:absolute}.channel-avatar>span{color:#fff}.sidebar>nav{scrollbar-width:thin;scrollbar-color:#8b5cf659 transparent;min-height:0;padding-right:2px;overflow:auto}.nav-group{gap:3px;display:grid}.nav-group>button{width:100%}.platform-submenu{border-left:1px solid #8b5cf640;gap:3px;margin:1px 0 7px 14px;padding-left:11px;display:grid}.platform-submenu button{border-radius:9px;gap:8px;min-width:0;padding:6px 8px;font-size:10px;box-shadow:none!important}.platform-submenu button.active{background:#8b5cf621;box-shadow:none!important}.platform-submenu b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.platform-fallback{color:#c6b7ff;background:linear-gradient(145deg,#252836,#14151d);border-radius:7px;flex:0 0 25px;place-items:center;width:25px;height:25px;font-size:10px;font-weight:800;display:grid;overflow:hidden}.platform-fallback img{object-fit:contain;width:17px;height:17px}.platform-fallback svg{width:13px!important}.continue-section{margin-top:29px}.continue-grid{padding:1px}.channel-visual.is-artwork{height:170px}.channel-visual.is-artwork:before{display:none}.channel-visual.is-artwork>img{object-fit:cover;filter:none;width:100%;max-width:none;height:100%;max-height:none}.channel-visual.is-artwork:after{content:"";z-index:2;background:linear-gradient(#0000 30%,#05060a85);position:absolute;inset:0}.card-overlay{text-align:left;background:linear-gradient(#05060a1f,#05060af2);justify-content:flex-start;align-items:flex-end;padding:12px;display:flex}.card-overlay>button{cursor:pointer;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.hover-meta{width:100%;transition:all .22s;transform:translateY(5px)}.channel-card:hover .hover-meta{transform:none}.hover-meta>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.hover-meta>div span,.hover-meta>div b{font-size:8px}.hover-meta>div span{background:#8b5cf659;border-radius:5px;padding:3px 6px;font-weight:800}.hover-meta>div b{color:#ffd36e;align-items:center;gap:3px;display:flex}.hover-meta>div b svg{width:9px}.hover-meta p{color:#d1d3dc;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0;font-size:8px;line-height:1.45;display:-webkit-box;overflow:hidden}.hover-meta small{color:#999dad;white-space:nowrap;text-overflow:ellipsis;font-size:7px;display:block;overflow:hidden}.player-time{color:#d4d6df;margin-left:5px;font-size:8px}.now-playing p{white-space:nowrap;text-overflow:ellipsis;max-width:285px;overflow:hidden}.volume-slider{accent-color:#9b79f6;cursor:pointer;width:58px;height:3px}.update-banner{z-index:75;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#12131cf5;border:1px solid #9b79f647;border-radius:15px;align-items:center;gap:12px;width:min(430px,100vw - 32px);padding:13px;animation:.3s playerIn;display:flex;position:fixed;top:88px;right:24px;box-shadow:0 18px 55px #0000006b}.update-banner.ready{border-color:#48d39a4d}.update-icon{color:#ad91ff;background:#8b5cf624;border-radius:10px;flex:0 0 36px;place-items:center;width:36px;height:36px;display:grid}.update-banner.ready .update-icon{color:#58d8a1;background:#48d39a1f}.update-icon svg{width:18px}.update-copy{flex:1;gap:3px;min-width:0;display:grid}.update-copy b{font-size:10px}.update-copy span{color:#8b8e9e;font-size:8px}.update-progress{background:#ffffff12;border-radius:4px;height:3px;margin-top:5px;overflow:hidden}.update-progress i{border-radius:inherit;background:linear-gradient(90deg,#8259ed,#43c9e8);height:100%;transition:width .25s;display:block}.update-action{color:#15161d;cursor:pointer;background:#fff;border:0;border-radius:9px;padding:9px 11px;font-size:8px;font-weight:800}.update-close{color:#777b8b;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.update-close svg{width:15px}@keyframes float{50%{transform:translateY(-9px)rotate(1deg)}}@keyframes cardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}}@keyframes modalIn{0%{opacity:0;transform:translateY(12px)scale(.98)}}@keyframes playerIn{0%{opacity:0;transform:translateY(20px)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,10px)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1100px){.channel-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-art{right:1%}.hero{padding-left:38px}}@media (width<=820px){.sidebar{transition:all .25s;transform:translate(-100%)}.sidebar.open{transform:none;box-shadow:20px 0 70px #000}.sidebar-shade{z-index:19;background:#000000a6;position:fixed;inset:0}.mobile-close{background:0 0;border:0;margin-left:auto;display:grid}.mobile-close svg{width:17px}main{margin-left:0}header{padding:0 20px}.menu-btn{display:grid}.search{max-width:none}.search kbd{display:none}.content{padding:6px 20px 45px}.hero-art{opacity:.36;right:-70px}.hero-copy{max-width:75%}.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=540px){header{height:66px;padding:0 13px}.add-source{justify-content:center;width:39px;padding:0}.add-source span,.header-icon{display:none}.content{padding:4px 13px 35px}.hero{align-items:flex-end;min-height:385px;padding:38px 24px}.hero-copy{max-width:100%}.hero h1{font-size:31px}.hero-art{opacity:.45;top:-20px;right:-85px}.hero p{font-size:11px}.channel-grid{grid-template-columns:1fr 1fr;gap:9px}.channel-visual{height:96px}.channel-info{padding:10px}.category-section,.channels-section{margin-top:23px}.form-row{grid-template-columns:1fr}.source-modal{padding:19px}.player-panel{width:calc(100vw - 16px);bottom:8px;right:8px}.page-title{height:115px}.page-title h1{font-size:28px}.page-title>button{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}