@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#090911;--panel:#11111d;--panel2:#151525;--line:#29283d;--text:#f6f3ff;--muted:#9694b1;--violet:#b49aff;--cyan:#72e7f4;--mint:#a3ffcb;--pink:#ff8fc8;--ease:cubic-bezier(.2,.75,.25,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 13% -8%,#27204b 0,transparent 35%),radial-gradient(ellipse at 92% 35%,#102d38 0,transparent 27%),var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.ambient{position:fixed;width:280px;height:280px;filter:blur(100px);opacity:.12;pointer-events:none;z-index:-1;border-radius:50%;animation:ambientDrift 15s ease-in-out infinite alternate}.ambient-one{background:#9d78ff;top:30%;left:-180px}.ambient-two{background:#50e4ed;top:65%;right:-190px;animation-delay:-6s}
.topbar{height:76px;padding:0 clamp(18px,5vw,76px);border-bottom:1px solid #29263c;background:#0b0a14d9;backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;transition:transform .25s var(--ease)}.brand:hover{transform:translateY(-2px)}.brand-mark{width:38px;height:38px;filter:drop-shadow(0 0 12px #9c85ff44)}.brand-name{font:700 23px 'Space Grotesk';letter-spacing:-1.2px}.brand-tv{font-size:12px;letter-spacing:1px;color:var(--mint);margin-left:5px;vertical-align:middle}.top-actions{display:flex;align-items:center;gap:10px}.muted{color:var(--muted)}.top-status{font-size:10px;letter-spacing:1.4px;font-weight:700}.status-dot,.live-pulse,.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px #a3ffcb88}.button{border:1px solid #34314b;background:#1b1a2b;color:#f6f3ff;border-radius:12px;padding:10px 14px;font-size:12px;font-weight:600;transition:transform .25s var(--ease),border-color .25s,background .25s,box-shadow .25s}.button:hover{transform:translateY(-2px);border-color:#8c7ac9;box-shadow:0 8px 24px #0004}.button:active{transform:scale(.97)}.button-quiet{background:#171624}.refresh-icon{font-size:17px;display:inline-block;vertical-align:-1px;margin-right:3px}.button-quiet:hover .refresh-icon{animation:spin .6s ease}
.layout{max-width:1600px;padding:38px clamp(18px,5vw,76px) 56px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:28px}.content{min-width:0}.hero{min-height:260px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 10px 27px;position:relative;overflow:hidden}.hero-copy{position:relative;z-index:1;animation:riseIn .7s var(--ease) both}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--cyan);font-weight:700;margin:0 0 10px}.eyebrow-spark{color:var(--pink);font-size:14px;margin-right:5px}h1,h2,h3,p{margin-top:0}h1{font:700 clamp(34px,4.4vw,56px)/1.06 'Space Grotesk';letter-spacing:-2.4px;margin:0 0 15px}.gradient-text{background:linear-gradient(100deg,#c1a8ff 4%,#75e7f4 52%,#a3ffcb 95%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-subtitle{font-size:14px;color:#aaa7c1;max-width:430px;line-height:1.65;margin-bottom:20px}.hero-meta{display:flex;align-items:center;gap:9px;color:#b3b0c9;font-size:11px}.live-pulse{animation:pulse 1.8s infinite}.hero-art{position:relative;width:260px;height:235px;flex:0 0 260px;margin-right:15px;animation:float 6s ease-in-out infinite}.planet{position:absolute;width:136px;height:136px;border-radius:43% 57% 58% 42%/43% 42% 58% 57%;left:61px;top:49px;background:linear-gradient(140deg,#b99bff 0%,#7d86f9 42%,#62d9e7 75%,#a3ffcb 100%);box-shadow:inset -12px -14px 25px #26216d66,inset 8px 8px 20px #fff6,0 0 55px #a48bff40;animation:jiggle 8s ease-in-out infinite}.planet-shine{position:absolute;width:39px;height:16px;border-radius:50%;background:#fff8;filter:blur(2px);top:20px;left:25px;transform:rotate(-32deg)}.planet-eye{position:absolute;width:8px;height:11px;border-radius:50%;background:#18162b;top:58px}.eye-one{left:43px}.eye-two{left:77px}.planet-smile{position:absolute;width:22px;height:10px;border-bottom:3px solid #18162b;border-radius:0 0 20px 20px;left:56px;top:78px}.orbit{position:absolute;border:1px solid #9d8be655;border-radius:50%;left:21px;top:21px;width:215px;height:183px;transform:rotate(-28deg)}.orbit-b{left:48px;top:12px;width:165px;height:210px;transform:rotate(42deg);border-color:#75e7f455}.spark{position:absolute;color:var(--mint);font-size:22px;animation:sparkle 3s ease-in-out infinite}.spark-a{top:27px;left:45px}.spark-b{top:151px;right:16px;color:var(--pink);font-size:28px;animation-delay:-1s}.spark-c{top:190px;left:72px;font-size:14px;animation-delay:-2s}.float-pill{position:absolute;border:1px solid #ffffff20;background:#171629d9;backdrop-filter:blur(10px);border-radius:30px;padding:8px 12px;font-size:10px;font-weight:700;box-shadow:0 8px 22px #0003}.float-pill-a{right:2px;top:39px;color:var(--mint)}.float-pill-b{left:0;bottom:26px;color:#d0c2ff}
.player-panel{border:1px solid #302c49;border-radius:19px;overflow:hidden;background:linear-gradient(135deg,#171625,#0d0d16);box-shadow:0 22px 65px #0002;animation:riseIn .7s .08s var(--ease) both}.panel-heading{height:48px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #29263d}.section-label{font-size:10px;letter-spacing:1.5px;font-weight:700;display:flex;align-items:center;gap:8px}.live-dot{width:6px;height:6px}.now-name{font-size:12px;color:#aaa7c1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-wrap{aspect-ratio:16/8.2;min-height:220px;max-height:540px;position:relative;background:radial-gradient(ellipse at 50% 60%,#17142b 0,#080810 70%);display:grid;place-items:center}.video-wrap video{display:none;width:100%;height:100%;max-height:540px;background:#000}.video-wrap video.visible{display:block}.player-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px}.player-placeholder.hidden{display:none}.play-orb{width:57px;height:57px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(135deg,#b89bff,#6ce1ef);color:#121021;box-shadow:0 0 45px #9e8aff38;margin-bottom:15px;animation:orbFloat 3s ease-in-out infinite}.play-orb span{font-size:20px;margin-left:3px}.player-placeholder h2{font:600 19px 'Space Grotesk';margin:0 0 8px}.player-placeholder p{font-size:12px;color:var(--muted);margin:0}.player-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 17px;border-top:1px solid #29263d;color:#aaa7c1;font-size:11px}.player-note{font-size:10px;color:#73718c}
.library{padding-top:38px}.library-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.library-heading h2{font:600 27px 'Space Grotesk';letter-spacing:-1px;margin:0 0 6px}.heading-star{font-size:17px;color:var(--pink)}.library-desc{font-size:12px;margin:0}.searchbox{display:flex;align-items:center;gap:9px;width:min(340px,48%);padding:0 12px;height:43px;border:1px solid #34314b;background:#12111e;border-radius:12px;color:#aaa7c1;transition:border-color .2s,box-shadow .2s}.searchbox:focus-within{border-color:#8f7bd1;box-shadow:0 0 0 3px #a48bff18}.searchbox>span{font-size:21px}.searchbox input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:11px}.searchbox kbd{font:10px 'DM Sans';color:#77758f;border:1px solid #37344b;border-radius:5px;padding:3px 5px;white-space:nowrap}.categories{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:17px}.category{padding:9px 13px;border:1px solid #302d45;background:#13121f;border-radius:30px;color:#b5b0cb;font-size:11px;white-space:nowrap;transition:all .23s var(--ease)}.category:hover{color:#fff;border-color:#7b70a8;transform:translateY(-2px)}.category.active{color:#171225;background:linear-gradient(100deg,#c2a8ff,#80e8ef);border-color:transparent;font-weight:700;box-shadow:0 5px 20px #a58cff20}.results-line{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#aaa7c1;font-size:11px;margin:0 2px 12px}.results-tip{font-size:10px;color:#74718d}.channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.channel{min-width:0;display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #2b2940;background:linear-gradient(145deg,#171625dd,#11111c);border-radius:14px;position:relative;overflow:hidden;animation:cardIn .42s var(--ease) both;transition:transform .25s var(--ease),border-color .25s,box-shadow .25s,background .25s}.channel:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#b49aff0d,transparent 60%);opacity:0;transition:opacity .25s;pointer-events:none}.channel:hover{transform:translateY(-4px) scale(1.012);border-color:#71629c;box-shadow:0 12px 27px #0004,0 0 20px #a58cff0c;background:#1a192b}.channel:hover:before{opacity:1}.logo{width:44px;height:44px;flex:0 0 44px;border-radius:12px;background:linear-gradient(135deg,#28233f,#1b2e3c);display:grid;place-items:center;overflow:hidden;color:#c5b3ff;font:700 12px 'Space Grotesk';border:1px solid #ffffff0c}.logo img{width:100%;height:100%;object-fit:contain;background:#fff}.info{flex:1;min-width:0;cursor:pointer;position:relative}.info strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px}.info small{display:block;color:#9390ae;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.heart{position:relative;border:0;background:transparent;color:#77738f;font-size:20px;line-height:1;padding:3px;transition:transform .2s,color .2s}.heart:hover{transform:scale(1.2);color:var(--pink)}.heart.saved{color:var(--pink);animation:heartPop .3s var(--ease)}.empty-state{grid-column:1/-1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;border:1px dashed #3a3556;border-radius:16px;padding:36px 15px;color:#b6b0cd}.empty-state strong{font-size:13px}.empty-state span{font-size:11px;color:#7f7b99}.loader{width:25px;height:25px;border:2px solid #3d355a;border-top-color:var(--cyan);border-radius:50%;animation:spin .8s linear infinite}.load-more-wrap{text-align:center;padding-top:20px}.button-more{min-width:190px}.button-more span{margin-left:8px}.disclaimer{font-size:10px;color:#74718d;line-height:1.8;margin:23px 2px 0}
.sidebar{display:flex;flex-direction:column;gap:14px;padding-top:8px}.side-card,.source-card{border:1px solid #2d2a43;border-radius:17px;background:linear-gradient(145deg,#171625ed,#10101a);padding:18px;animation:riseIn .7s .18s var(--ease) both}.side-card-title{display:flex;align-items:center;gap:11px;margin-bottom:12px}.side-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:12px;background:#ff8fc81a;font-size:17px}.side-icon.cyan{background:#72e7f41a;color:var(--cyan)}.side-icon.pink{color:var(--pink)}.side-card-title .eyebrow{font-size:8px;margin-bottom:5px}.side-card h3,.source-card h3{font:600 17px 'Space Grotesk';margin:0}.side-description{font-size:11px;line-height:1.7;margin-bottom:15px}.favorite-list{display:flex;flex-direction:column;gap:7px}.favrow{display:flex;align-items:center;gap:8px;border:1px solid #302d45;background:#1a1829;border-radius:9px;padding:9px 10px;font-size:11px;cursor:pointer;transition:background .2s,transform .2s;overflow:hidden}.favrow:hover{background:#25213a;transform:translateX(3px)}.favrow span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fav-heart{color:var(--pink)}.side-empty{font-size:11px;color:#797691;line-height:1.7;margin:0}.tips{padding-left:17px;margin:0;color:#aaa7c1;font-size:11px;line-height:1.9}.tips li{padding-left:2px;margin-bottom:5px}.source-card{background:radial-gradient(ellipse at 100% 0%,#43336a66,transparent 60%),linear-gradient(145deg,#211b37,#11111d);padding:20px}.source-badge{display:inline-block;font-size:8px;letter-spacing:1.2px;font-weight:700;color:var(--mint);border:1px solid #a3ffcb30;background:#a3ffcb0b;border-radius:30px;padding:6px 9px;margin-bottom:15px}.source-card h3{font-size:19px;line-height:1.3;margin-bottom:10px}.source-card p{font-size:11px;color:#aaa7c1;line-height:1.8;margin-bottom:16px}.source-card a{font-size:11px;font-weight:700;color:var(--cyan)}.source-card a span{margin-left:5px}.sidebar-footer{display:flex;align-items:center;gap:8px;color:#77748f;font-size:10px;padding:4px 5px}.sidebar-footer img{opacity:.8}.footer{border-top:1px solid #29263c;padding:19px clamp(18px,5vw,76px);display:flex;justify-content:space-between;color:#797691;font-size:10px}.footer-heart{color:var(--pink)}
@keyframes riseIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes cardIn{from{opacity:0;transform:translateY(9px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes jiggle{0%,100%{border-radius:43% 57% 58% 42%/43% 42% 58% 57%;transform:rotate(-4deg)}50%{border-radius:55% 45% 43% 57%/52% 58% 42% 48%;transform:rotate(5deg)}}@keyframes sparkle{0%,100%{opacity:.45;transform:scale(.8) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(20deg)}}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 #a3ffcb66}50%{box-shadow:0 0 0 6px #a3ffcb00}}@keyframes orbFloat{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-5px) rotate(3deg)}}@keyframes heartPop{50%{transform:scale(1.4)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ambientDrift{to{transform:translate(80px,-50px) scale(1.2)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(max-width:1180px){.layout{grid-template-columns:minmax(0,1fr) 260px;gap:18px}.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art{transform:scale(.85);transform-origin:center right;margin-left:-20px;margin-right:0;flex-basis:220px}.hero{min-height:245px}}
@media(max-width:900px){.layout{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.sidebar-footer{grid-column:1/-1}.hero-art{flex-basis:250px;transform:none}.source-card{height:100%}}
@media(max-width:640px){.topbar{height:66px;padding:0 16px}.brand-mark{width:33px;height:33px}.brand-name{font-size:20px}.top-status,.status-dot{display:none}.layout{padding:22px 14px 38px}.hero{padding:8px 3px 24px;min-height:auto}.hero-art{display:none}h1{font-size:39px;letter-spacing:-1.8px}.hero-subtitle{font-size:12px}.library{padding-top:28px}.library-heading{align-items:stretch;flex-direction:column;gap:16px}.library-heading h2{font-size:24px}.searchbox{width:100%}.categories{flex-wrap:nowrap;overflow-x:auto;padding:2px 1px 9px;scrollbar-width:thin}.category{flex:0 0 auto}.channel-grid{grid-template-columns:1fr}.video-wrap{aspect-ratio:16/10;min-height:190px}.player-footer{align-items:flex-start;flex-direction:column;gap:5px}.sidebar{grid-template-columns:1fr}.sidebar-footer{grid-column:auto}.results-tip{display:none}.footer{padding:17px 16px}.now-name{max-width:58%}}