:root{color-scheme:dark;--red:#ed1535;--bg:#08090b;--panel:#15161c;--line:#2b2c35;--muted:#a2a3ae;--white:#fafafa;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--white);background:var(--bg)}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:default}a{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid white;outline-offset:4px}button{background:none;border:0}.primary{border:0;background:var(--red);color:white;padding:15px 22px;border-radius:14px;font-weight:750}.ghost{border:1px solid #454650;border-radius:14px;padding:13px 20px}.muted,small{color:var(--muted)}.kicker{font-size:10px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;color:#ff627a}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(32px,5vw,54px);line-height:1.06;letter-spacing:-1.8px}h2{font-size:24px;letter-spacing:-.7px}h3{font-size:16px}.logo{width:160px;max-height:100px;object-fit:contain}.brand-word{font-weight:900;letter-spacing:4px}.brand-word span{color:var(--red)}.login{min-height:100dvh;display:grid;place-items:center;padding:38px 24px;background:radial-gradient(ellipse at 10% 0,#6a0b2280,transparent 50%),radial-gradient(ellipse at 100% 90%,#8f102545,transparent 45%),#08090b}.login-box{width:min(420px,100%)}.login-brand{text-align:center;margin:0 auto 35px}.login-brand img{width:190px;max-height:145px;object-fit:contain}.login h1{text-align:center;font-size:34px;letter-spacing:-1px}.login label{display:block;font-size:13px;margin:18px 0 9px}.login input{width:100%;padding:18px;border-radius:15px;background:#f6f6f7;color:#222;border:1px solid #aaa}.password-row{position:relative}.password-row input{padding-right:66px}.password-row button{position:absolute;right:12px;top:17px;color:#555;font-size:12px}.login .primary,.login .ghost{width:100%;margin-top:24px}.login .ghost{background:#ffffff0a}.link-button{color:#ff6078;font-size:13px;padding:15px 0}.or{display:flex;align-items:center;gap:18px;color:#aaa;font-size:11px;letter-spacing:2px;margin-top:25px}.or:before,.or:after{content:"";height:1px;background:#38383e;flex:1}.login-bottom{text-align:center;font-size:13px;margin-top:26px}.login-foot{margin-top:40px;text-align:center;font-size:10px;letter-spacing:2px;color:#777}.app{max-width:1440px;margin:auto;display:grid;grid-template-columns:230px 1fr;min-height:100vh}.sidebar{padding:38px 24px;border-right:1px solid #25262b;position:fixed;top:0;bottom:0;width:230px;background:#0c0d10;display:flex;flex-direction:column}.sidebar .logo{margin:0 8px 40px}.nav-button{width:100%;text-align:left;padding:16px 18px;border-radius:12px;display:flex;gap:14px;align-items:center;color:#b7b8c1;font-weight:600;font-size:14px;margin:5px 0}.nav-button.active{background:#ed15351a;color:#ff637b}.nav-button svg{width:20px;height:20px}.sidebar-bottom{margin-top:auto}.content{grid-column:2;padding:35px 48px 180px;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:35px}.topbar p{font-size:12px;margin:5px 0 0;color:#90929e}.avatar{display:grid;place-items:center;width:40px;height:40px;background:#24252d;border:1px solid #373843;border-radius:50%;font-weight:700}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at right,#780d2a75,transparent 60%),linear-gradient(135deg,#1b1119,#121318);border:1px solid #40232e;border-radius:24px;padding:35px;margin-bottom:28px;display:grid;grid-template-columns:1fr 210px;gap:20px;align-items:center}.hero h1{font-size:43px;margin:12px 0 14px}.hero p{font-size:14px;color:#bdb9c2;line-height:1.6;max-width:380px}.logo-disc{width:190px;height:190px;background:#08090b;border:1px solid #a32640;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 14px #ed153507,0 0 0 28px #ed153505,0 0 75px #ed15352b}.logo-disc img{width:142px;max-height:110px;object-fit:contain}.channels{display:flex;gap:8px;margin:22px 0 0}.channel{border-radius:9px;border:1px solid #48414b;padding:10px 15px;font-size:12px}.channel.active{background:#fff;color:#141418;border-color:white}.now{display:flex;gap:12px;align-items:center;margin:18px 0 0;font-size:12px;color:#b5afb9}.now i{width:6px;height:6px;background:#ed1535;border-radius:50%}.row-head{display:flex;align-items:center;justify-content:space-between;margin:30px 0 16px;gap:15px}.row-head h2{margin:0}.pill{font-size:10px;letter-spacing:1px;border:1px solid #3d3d46;padding:6px 10px;border-radius:20px;white-space:nowrap}.shelf{display:flex;gap:16px;overflow-x:auto;padding-bottom:15px;scroll-snap-type:x mandatory}.card{flex:0 0 240px;scroll-snap-align:start;border:1px solid var(--line);border-radius:17px;overflow:hidden;background:#14151a;text-align:left;padding:0}.card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.card-body{padding:18px}.card h3{line-height:1.5;margin:9px 0 15px}.card small{font-size:9px;letter-spacing:1px;color:#fa5d76}.card .watch-link{font-size:12px;font-weight:700}.show-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.show-tile{padding:20px;border:1px solid var(--line);border-radius:15px;background:#14151a;display:flex;gap:16px;align-items:center;text-align:left}.show-letter{flex:none;width:47px;height:47px;display:grid;place-items:center;border-radius:12px;background:#ed15351a;color:#ff647d;font-size:20px;font-weight:800}.show-tile h3{margin:0 0 6px}.show-tile small{font-size:11px}.subhead{font-size:13px;line-height:1.65;color:#aeb0bb;max-width:600px}.empty{border:1px dashed #3a3b45;border-radius:16px;padding:30px;color:#9fa1ad;font-size:13px;line-height:1.8}.mini-player{position:fixed;bottom:0;left:230px;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 38px;background:#0e0f13f5;backdrop-filter:blur(20px);border-top:1px solid #5b1827}.mini-left{display:flex;align-items:center;gap:14px;min-width:0}.mini-logo{width:48px;height:48px;background:#24242b;border-radius:11px;padding:6px;object-fit:contain}.mini-player h3{font-size:13px;margin:0 0 4px}.mini-player small{font-size:10px}.play{width:46px;height:46px;display:grid;place-items:center;background:var(--red);border-radius:50%;font-size:18px;flex:none}.player-controls{display:flex;gap:15px;align-items:center}.bottom-nav{display:none}.chat-wrap{border:1px solid var(--line);background:#111217;border-radius:20px;overflow:hidden;margin-top:23px}.chat-head{padding:20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px}.chat-head h3{margin:0 0 6px}.chat-head small{font-size:10px}.comments{padding:20px;max-height:440px;overflow:auto;min-height:130px}.comment{padding:12px 0;border-bottom:1px solid #252630}.comment.reply{margin-left:26px;border-left:2px solid #6e2030;padding-left:14px}.comment-top{display:flex;gap:10px;align-items:center;font-size:12px}.comment-top small{font-size:9px}.comment p{font-size:13px;line-height:1.7;margin:8px 0}.comment img{max-width:210px;max-height:180px;border-radius:12px}.comment button{font-size:10px;color:#bbb;padding:5px 14px 5px 0}.pending{color:#ffb75e;font-size:10px}.composer{border-top:1px solid var(--line);padding:16px}.composer textarea{background:#1b1c23;border:1px solid #373844;border-radius:12px;padding:14px;color:white;width:100%;resize:vertical;min-height:75px}.composer .actions{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.composer .primary{padding:11px 18px;font-size:12px}.reply-banner{font-size:11px;padding:8px 0;color:#ff617c}.chat-selector{width:100%;padding:15px;border:1px solid #3a3b45;border-radius:12px;background:#17181e;color:white;margin:16px 0 0}.video-box{border:1px solid #30313a;overflow:hidden;aspect-ratio:16/9;border-radius:17px;background:black;margin-top:25px}.video-box video,.video-box iframe{width:100%;height:100%;border:0}.video-actions{display:flex;gap:12px;margin:17px 0;align-items:center}.video-actions button{border:1px solid #34353e;border-radius:25px;padding:9px 15px;font-size:12px}.search{width:100%;background:#15161b;border:1px solid #3a3b44;color:white;padding:16px 18px;border-radius:13px;margin:12px 0}.media-list{display:grid;gap:12px;margin-top:18px}.audio-item{border:1px solid var(--line);border-radius:15px;padding:18px;background:#14151b;text-align:left;display:flex;gap:15px;align-items:center}.audio-item h3{margin:0 0 8px}.audio-item small{font-size:11px}.audio-item img{width:60px;height:60px;object-fit:cover;border-radius:9px}.audio-glyph{width:55px;height:55px;background:#ed15351a;display:grid;place-items:center;border-radius:12px;color:#ff6b83;font-size:22px}.account{display:grid;gap:14px;max-width:500px}.account a,.account button{padding:18px;border:1px solid #34353f;border-radius:12px;text-align:left;text-decoration:none;background:#15161c}.danger{color:#ff6c80}.notice{font-size:12px;line-height:1.7;color:#d6b6bf;background:#42162244;border-radius:12px;padding:14px;margin:16px 0}.volume{width:90px;accent-color:var(--red)}#toast{position:fixed;top:20px;left:50%;transform:translateX(-50%);background:#fafafa;color:#15151b;border-radius:12px;padding:14px 22px;z-index:100;font-size:13px;box-shadow:0 10px 40px #0008;max-width:90%;display:none}.legal{padding:40px;max-width:760px;margin:auto;line-height:1.8}.legal h1{font-size:34px}.legal p{color:#aaa}.seek{width:110px;accent-color:var(--red)}
@media(min-width:1440px){.sidebar{left:calc((100vw - 1440px)/2)}.mini-player{left:calc((100vw - 1440px)/2 + 230px);right:calc((100vw - 1440px)/2)}}
@media(max-width:800px){.sidebar{display:none}.app{display:block}.content{padding:23px 22px 185px}.topbar{margin-bottom:24px}.topbar p{font-size:10px}.hero{padding:25px 22px;grid-template-columns:1fr;border-radius:22px}.hero h1{font-size:36px}.hero-main{order:2;text-align:center}.hero p{margin:0 auto 16px;font-size:12px}.logo-disc{width:150px;height:150px;margin:20px auto 15px}.logo-disc img{width:112px}.channels,.now{justify-content:center}.channels{margin-top:18px}.hero .primary{padding:13px 24px}.now{font-size:10px}.hero .kicker{font-size:9px}.show-grid{grid-template-columns:1fr}.show-tile{padding:16px}.mini-player{left:10px;right:10px;bottom:78px;border:1px solid #5b2632;border-radius:15px;padding:12px 14px}.mini-logo{width:39px;height:39px}.mini-player .play{width:36px;height:36px;font-size:14px}.mini-player h3{font-size:12px;max-width:220px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mini-player small{font-size:9px}.volume{display:none}.seek{width:65px}.player-controls{gap:8px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:21;justify-content:space-around;padding:13px 6px max(16px,env(safe-area-inset-bottom));background:#0d0e12;border-top:1px solid #292a32}.bottom-nav button{font-size:9px;color:#858795;display:grid;gap:6px;place-items:center;flex:1}.bottom-nav svg{width:21px;height:21px}.bottom-nav button.active{color:#ff5d77}.row-head h2{font-size:20px}.card{flex-basis:225px}.card-body{padding:16px}.content>h1{font-size:35px}.chat-wrap{margin-top:18px}.chat-head{padding:17px}.legal{padding:24px}.login-brand{margin-bottom:27px}.login-box{padding:15px 0}.login h1{font-size:32px}}