@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700&display=swap";:root{color:#e8eaed;font-synthesis:none;background:#0f1115;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea,select{font:inherit}.login-page{color:#17191d;background:#f7f7f8;grid-template-columns:480px 1fr;min-height:100vh;display:grid}.login-box{flex-direction:column;justify-content:center;padding:54px 70px;display:flex}.logo{align-items:center;gap:10px;font:700 18px Manrope;display:flex}.logo>span{color:#101215;background:#d9ff68;border-radius:8px;place-items:center;width:31px;height:31px;font-weight:800;display:grid}.login-copy{margin:90px 0 35px}.login-copy small,.topbar small,.drawer header small{letter-spacing:1.8px;color:#7a7d84;font-size:10px}.login-copy h1{letter-spacing:-1.8px;margin:10px 0 7px;font:700 39px Manrope}.login-copy p{color:#70737a;font-size:14px}.login-box form{gap:16px;display:grid}.login-box label,.field{color:#63666d;gap:7px;font-size:11px;font-weight:600;display:grid}.login-box input,.field input,.field textarea,.field select{color:#17191d;background:#fff;border:1px solid #d9dadd;border-radius:8px;outline:none;width:100%;padding:11px 12px}.login-box input:focus,.field input:focus,.field textarea:focus,.field select:focus{border-color:#7b61ff;box-shadow:0 0 0 3px #7b61ff18}.login-box form>button,.primary{color:#fff;cursor:pointer;background:#6d4aff;border:0;border-radius:8px;padding:12px 15px;font-size:12px;font-weight:600}.login-box button:disabled,.primary:disabled{opacity:.5;cursor:default}.alert{color:#b43d35;background:#fff0ef;border:1px solid #ffd0cd;border-radius:7px;padding:10px;font-size:12px}.login-side{background:#161c22;border-radius:18px;margin:18px;position:relative;overflow:hidden}.orb{filter:blur(10px);border-radius:50%;position:absolute}.orb.one{background:#7b61ff;width:420px;height:420px;top:-90px;right:-80px}.orb.two{background:#d9ff68;width:360px;height:360px;bottom:-140px;left:5%}.login-card{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);color:#fff;background:#ffffff15;border:1px solid #ffffff35;border-radius:16px;width:390px;padding:34px;position:absolute;bottom:15%;left:12%}.login-card .signal{margin-bottom:35px;font-size:11px}.signal i,.server i,.status i{background:#72db77;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.login-card strong{letter-spacing:-2px;font:700 39px/1.13 Manrope}.login-card p{color:#c4c8ce;max-width:300px;font-size:13px;line-height:1.5}.app{color:#181a1f;background:#f4f5f7;min-height:100vh}.sidebar{color:#fff;z-index:5;background:#111318;flex-direction:column;width:218px;padding:25px 16px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar .logo{padding:0 7px}.nav-section{margin-top:58px}.nav-section>small{letter-spacing:1.5px;color:#61656e;padding:0 11px;font-size:9px}.nav-section a{color:#8e929c;cursor:pointer;border-radius:7px;gap:12px;margin:6px 0;padding:11px;font-size:13px;text-decoration:none;display:flex}.nav-section a.active,.nav-section a:hover{color:#fff;background:#22252c}.sidebar-bottom{margin-top:auto}.server{border-bottom:1px solid #272a31;align-items:center;padding:12px 8px;display:flex}.server i{flex:none}.server div{display:grid}.server b{font-size:11px}.server small{color:#777c85;margin-top:2px;font-size:9px}.sidebar-bottom button{color:#858a93;cursor:pointer;background:0 0;border:0;padding:13px 8px;font-size:11px}.content{min-width:530px;margin-left:218px;margin-right:380px;padding:34px 35px 70px}.topbar{justify-content:space-between;align-items:center;display:flex}.topbar h1{letter-spacing:-1.3px;margin:5px 0 2px;font:700 30px Manrope}.topbar p{color:#777b83;margin:0;font-size:12px}.top-actions{align-items:center;gap:14px;display:flex}.top-actions>span{color:#638960;font-size:10px}.top-actions>span.pending{color:#b36d41}.stats{grid-template-columns:repeat(3,1fr);gap:11px;margin:28px 0 20px;display:grid}.stats>div{background:#fff;border:1px solid #e0e2e6;border-radius:10px;gap:3px;padding:16px 18px;display:grid}.stats strong{font:700 24px Manrope}.stats span{color:#7b7e84;font-size:11px}.panel{background:#fff;border:1px solid #e0e2e6;border-radius:11px;overflow:hidden}.panel>header{border-bottom:1px solid #e7e8eb;justify-content:space-between;align-items:center;height:66px;padding:0 18px;display:flex}.search{color:#8a8d94;align-items:center;gap:7px;display:flex}.search input{border:0;outline:0;width:210px;font-size:12px}.table-head,.table article{grid-template-columns:minmax(220px,1fr) 170px 100px 65px;align-items:center;gap:12px;display:grid}.table-head{color:#92959b;letter-spacing:1px;background:#fafafa;height:38px;padding:0 17px;font-size:9px}.table article{cursor:pointer;border-top:1px solid #ececef;min-height:73px;padding:9px 17px}.table article:hover,.table article.selected{background:#f7f6ff}.channel-cell{grid-template-columns:15px 38px minmax(0,1fr);align-items:center;gap:10px;min-width:0;display:grid}.grab{color:#b4b6bb;cursor:grab}.tiny-poster{color:#d9ff68;background:#232936;border-radius:5px;place-items:center;width:38px;height:51px;font-weight:700;display:grid;overflow:hidden}.tiny-poster img{object-fit:cover;width:100%;height:100%}.channel-cell>div:last-child{min-width:0;display:grid}.channel-cell strong{font-size:12px}.channel-cell small{color:#8a8d94;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:10px;overflow:hidden}.tags{gap:5px;display:flex}.tags span{color:#64676e;background:#f0f1f3;border-radius:4px;padding:5px 6px;font-size:9px}.status{color:#aa765d;font-size:10px}.status i{background:#d79877}.status.ready{color:#558154}.status.ready i{background:#6eb86d}.row-action{cursor:pointer;color:#5f45d5;background:0 0;border:0;font-size:10px}.blank{text-align:center;color:#858991;padding:70px;font-size:13px}.drawer{color:#181a1f;z-index:4;background:#fff;border-left:1px solid #dedfe3;width:380px;height:100vh;position:fixed;top:0;right:0}.drawer>header{border-bottom:1px solid #e5e6e9;justify-content:space-between;height:94px;padding:24px;display:flex}.drawer h2{white-space:nowrap;text-overflow:ellipsis;max-width:270px;margin:5px 0;font:700 20px Manrope;overflow:hidden}.icon-btn{cursor:pointer;background:0 0;border:0;font-size:23px}.drawer-scroll{height:calc(100% - 94px);padding:23px 24px 60px;overflow:auto}.artwork{grid-template-columns:90px 1fr;align-items:end;gap:14px;margin-bottom:24px;display:grid}.poster{color:#d9ff68;background:#252b36;border-radius:7px;place-items:center;width:90px;height:135px;font-size:26px;font-weight:700;display:grid;overflow:hidden}.poster img{object-fit:cover;width:100%;height:100%}.secondary{cursor:pointer;background:#fff;border:1px solid #d8d9dd;border-radius:7px;padding:9px 11px;font-size:10px;font-weight:600}.artwork p{color:#858991;font-size:9px;line-height:1.5}.field{margin-bottom:14px}.field textarea{resize:vertical}.field-row{grid-template-columns:1fr 1fr;gap:9px;display:grid}.stream-field{background:#f4f3ff;border-radius:8px;margin:20px 0;padding:13px}.stream-field .field{margin:0}.stream-field p{color:#77728b;margin:7px 0 0;font-size:9px}.switch-row{cursor:pointer;align-items:center;gap:8px;font-size:11px;display:flex}.switch-row input{display:none}.switch{background:#c9cbd0;border-radius:20px;width:31px;height:18px;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;top:2px;left:2px}.switch-row input:checked+.switch{background:#6d4aff}.switch-row input:checked+.switch:after{left:15px}.danger{color:#c3443b;cursor:pointer;background:0 0;border:0;margin-top:30px;font-size:10px;text-decoration:underline}.empty-drawer{text-align:center;color:#8b8e95;place-content:center;padding:30px;display:grid}.empty-drawer span{font-size:25px}.empty-drawer h3{color:#282a2f;margin-bottom:0}.empty-drawer p{font-size:11px}@media (width<=1100px){.drawer{width:330px}.content{margin-right:330px;padding:28px 22px}.table-head,.table article{grid-template-columns:minmax(190px,1fr) 90px 65px}.tags{display:none}}@media (width<=800px){.sidebar{width:64px}.sidebar .logo{font-size:0}.nav-section a span,.server div,.sidebar-bottom button{display:none}.nav-section a{justify-content:center}.content{min-width:0;margin-left:64px;margin-right:0}.drawer{width:min(380px,100% - 64px);box-shadow:-15px 0 35px #0002}.table-head,.table article{grid-template-columns:1fr 90px 45px}.table-head span:nth-child(2),.tags{display:none}}@media (width<=560px){.login-page{grid-template-columns:1fr}.login-side{display:none}.login-box{padding:35px}.sidebar{display:none}.content{margin:0;padding:22px 13px}.drawer{width:100%}.topbar{align-items:start}.topbar h1{font-size:25px}.top-actions>span{display:none}.stats{gap:6px}.stats>div{padding:12px}.panel>header{padding:0 10px}.search input{width:140px}.table-head,.table article{grid-template-columns:1fr 45px}.table-head span:nth-child(3),.status{display:none}}.public-page{color:#f5f6f7;background:#0e1014;min-height:100vh;overflow:hidden}.public-nav{z-index:4;justify-content:space-between;align-items:center;max-width:1240px;height:86px;margin:auto;padding:0 32px;display:flex;position:relative}.public-logo{align-items:center;gap:10px;font:700 18px Manrope;display:flex}.public-logo span{color:#111317;background:#d8ff64;border-radius:9px;place-items:center;width:33px;height:33px;font-weight:800;display:grid}.live-badge{color:#a7abb2;border:1px solid #2b2f36;border-radius:30px;padding:8px 12px;font-size:11px}.live-badge i{background:#6ce475;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block;box-shadow:0 0 0 4px #6ce47515}.public-hero{grid-template-columns:1.1fr .9fr;align-items:center;max-width:1240px;min-height:680px;margin:auto;padding:90px 32px 80px;display:grid;position:relative}.hero-glow{filter:blur(100px);opacity:.2;pointer-events:none;border-radius:50%;position:absolute}.hero-glow.violet{background:#7857ff;width:480px;height:480px;top:-100px;right:0}.hero-glow.lime{background:#d8ff64;width:300px;height:300px;bottom:-100px;left:-130px}.hero-copy{z-index:2;position:relative}.kicker{letter-spacing:2px;color:#9da2aa;font-size:10px}.kicker span{vertical-align:middle;background:#d8ff64;width:19px;height:1px;margin-right:8px;display:inline-block}.public-hero h1{letter-spacing:-5px;margin:22px 0;font:700 clamp(50px,6.4vw,82px)/.99 Manrope}.public-hero h1 em{color:#b9a9ff;font-style:normal}.public-hero .hero-copy>p{color:#9ea3ab;max-width:550px;font-size:15px;line-height:1.65}.install-actions{gap:10px;margin-top:34px;display:flex}.install-actions a{border-radius:11px;align-items:center;gap:12px;padding:12px 19px;text-decoration:none;transition:all .2s;display:flex}.install-actions a:hover{transform:translateY(-2px)}.install-actions small{letter-spacing:1px;margin-bottom:2px;font-size:8px;display:block}.install-actions b{font-size:14px}.install-main{color:#111317;background:#d8ff64}.install-web{color:#15171b;background:#fff}.play-mark{color:#d8ff64;background:#111317;border-radius:50%;place-items:center;width:28px;height:28px;font-size:10px;display:grid}.install-web>span:first-child{font-size:26px}.copy-manifest{color:#7e838b;cursor:pointer;background:0 0;border:0;margin:15px 0 0 4px;font-size:10px;text-decoration:underline}.hero-stack{perspective:1000px;height:460px;position:relative}.screen-card{border:1px solid #ffffff20;border-radius:20px;width:330px;height:420px;position:absolute;top:10px;right:35px;overflow:hidden}.screen-card.back{opacity:.65;background:linear-gradient(145deg,#1d2f2c,#18201f);transform:translate(80px,-25px)rotate(11deg)}.screen-card.middle{opacity:.8;background:linear-gradient(145deg,#3d2d5b,#1e1b30);transform:translate(40px,-8px)rotate(5deg)}.screen-card.back span,.screen-card.middle span{letter-spacing:1px;font-size:9px;position:absolute;top:25px;left:25px}.screen-card.front{background:radial-gradient(circle at 70% 20%,#7661e8,#0000 34%),linear-gradient(145deg,#242833,#17191e);flex-direction:column;justify-content:flex-end;padding:27px;display:flex;box-shadow:0 35px 70px #0008}.screen-logo{color:#15171b;background:#d8ff64;border-radius:17px;place-items:center;width:62px;height:62px;margin-bottom:auto;font:800 32px Manrope;display:grid}.screen-card.front small{letter-spacing:1.5px;color:#999ea7;font-size:8px}.screen-card.front strong{margin:7px 0 4px;font:700 29px Manrope;display:block}.screen-card.front p{color:#969ba3;font-size:11px}.how{border-top:1px solid #292c32;border-bottom:1px solid #292c32;grid-template-columns:repeat(3,1fr);max-width:1176px;margin:0 auto 110px;display:grid}.how>div{border-right:1px solid #292c32;padding:32px}.how>div:last-child{border:0}.how small,.section-label{letter-spacing:1.5px;color:#7f65fb;font-size:9px}.how h3{margin:17px 0 5px;font:600 16px Manrope}.how p{color:#848991;max-width:250px;font-size:11px;line-height:1.5}.lineup{max-width:1240px;margin:auto;padding:0 32px 120px}.lineup>header{justify-content:space-between;align-items:end;margin-bottom:34px;display:flex}.lineup h2{letter-spacing:-2px;margin:10px 0 0;font:700 38px Manrope}.lineup>header p{color:#777c84;font-size:11px}.public-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.public-channel{background:#16191e;border:1px solid #292d33;border-radius:13px;transition:all .2s;overflow:hidden}.public-channel:hover{border-color:#494e58;transform:translateY(-4px)}.public-poster{background:#22262d;height:270px;position:relative;overflow:hidden}.public-poster img{object-fit:cover;width:100%;height:100%}.poster-fallback{color:#d8ff64;background:radial-gradient(circle at 70% 20%,#6e54d8,#0000 36%),#20252d;place-items:center;height:100%;font:700 60px Manrope;display:grid}.public-poster>span{letter-spacing:.8px;background:#0e1014dd;border:1px solid #ffffff18;border-radius:5px;padding:5px 7px;font-size:8px;position:absolute;top:12px;left:12px}.channel-info{flex-direction:column;justify-content:space-between;min-height:130px;padding:15px;display:flex}.channel-info h3{margin:0;font:600 16px Manrope}.channel-info p{color:#858a92;margin:6px 0;font-size:10px;line-height:1.45}.channel-info small{color:#666b73;text-transform:uppercase;letter-spacing:.7px;font-size:9px}.public-footer{color:#696e76;border-top:1px solid #292d33;justify-content:space-between;align-items:center;max-width:1176px;min-height:120px;margin:auto;display:flex}.public-footer p,.public-footer>span{font-size:10px}@media (width<=900px){.public-hero{grid-template-columns:1fr;padding-top:65px}.hero-stack{display:none}.public-grid{grid-template-columns:repeat(3,1fr)}.how{margin-left:25px;margin-right:25px}}@media (width<=650px){.public-nav{height:70px;padding:0 19px}.public-hero{min-height:600px;padding:70px 19px}.public-hero h1{letter-spacing:-3.5px;font-size:51px}.install-actions{flex-direction:column;max-width:280px}.install-actions a{justify-content:flex-start}.how{grid-template-columns:1fr;margin-bottom:80px}.how>div{border-bottom:1px solid #292c32;border-right:0}.lineup{padding:0 19px 80px}.lineup h2{font-size:30px}.public-grid{grid-template-columns:repeat(2,1fr);gap:9px}.public-poster{height:220px}.public-footer{text-align:center;flex-direction:column;justify-content:center;gap:12px;margin:0 19px}.public-footer p{margin:0}}