:root{--background:#000;--foreground:#fff;--primary:#fa2d48;--primary-hover:#d81e35;--primary-dim:#fa2d4833;--secondary:#8e8e93;--muted:#636366;--accent:#fa2d48;--surface-1:#1c1c1e;--surface-2:#2c2c2e;--surface-3:#3a3a3c;--gradient-primary:linear-gradient(135deg,#fa2d48 0%,#ff2d55 100%);--gradient-dark:linear-gradient(to bottom,#0000 0%,#000c 100%);--gradient-hero:linear-gradient(180deg,#0000 0%,#0006 50%,#000c 100%);--glass-panel-bg:#1c1c1ebf;--glass-panel-border:1px solid #ffffff1a;--glass-card-bg:#ffffff14;--glass-card-hover-bg:#ffffff1f;--glass-card-border:1px solid #ffffff0d;--glass-shadow:0 8px 32px 0 #0000004d;--backdrop-blur:blur(20px);--backdrop-saturate:saturate(180%);--ease-spring:cubic-bezier(.175,.885,.32,1.275);--ease-smooth:cubic-bezier(.4,0,.2,1);--duration-fast:.2s;--duration-normal:.3s;--sidebar-width:260px;--player-height:90px;--mobile-nav-height:84px;--header-height:60px;--content-padding:20px;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,20px);--safe-area-left:env(safe-area-inset-left,0px);--safe-area-right:env(safe-area-inset-right,0px);--shadow-sm:0 4px 12px #0006;--shadow-md:0 12px 32px #00000080;--shadow-lg:0 24px 64px #000000b3;--shadow-glow:0 0 40px #fa2d4866;--font-system:"SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}.texture-overlay{z-index:9999;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='1'/%3E%3C/svg%3E");background-repeat:repeat;animation:8s steps(10,end) infinite grain;position:fixed;inset:0}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shine{0%{transform:translate(-100%)skew(-15deg)}to{transform:translate(200%)skew(-15deg)}}@keyframes pulse-gradient{0%{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}to{opacity:.5;transform:scale(1)}}@keyframes hue-rotate{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}*{box-sizing:border-box;margin:0;padding:0}::selection{background:var(--primary);color:#fff;text-shadow:none}html,body{background-color:var(--background);width:100%;height:100%;color:var(--foreground);font-family:var(--font-system);-webkit-font-smoothing:antialiased;padding-top:var(--safe-area-top);padding-bottom:0;padding-left:var(--safe-area-left);padding-right:var(--safe-area-right);background-image:none;overflow-x:hidden}a{color:inherit;transition:color var(--duration-fast);text-decoration:none}::-webkit-scrollbar{background:0 0;width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#fff3 padding-box content-box;border:2px solid #0000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#fff6}::-webkit-scrollbar-corner{background:0 0}html{scrollbar-width:thin;scrollbar-color:#fff3 transparent}.glass-panel{background:var(--glass-panel-bg);-webkit-backdrop-filter:var(--backdrop-blur)var(--backdrop-saturate);border:var(--glass-panel-border);box-shadow:var(--glass-shadow);border-radius:16px}.glass-card{background:var(--glass-card-bg);-webkit-backdrop-filter:blur(12px);border:var(--glass-card-border);box-shadow:var(--shadow-sm);transition:all var(--duration-fast)var(--ease-smooth)}.glass-card:hover{background:var(--glass-card-hover-bg);box-shadow:var(--shadow-md);border-color:#fff3;transform:translateY(-4px)scale(1.01)}.tappable{transition:transform .1s var(--ease-spring),opacity .1s;cursor:pointer;-webkit-tap-highlight-color:transparent}.tappable:active{opacity:.8;transform:scale(.94)}.text-gradient{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@media (max-width:768px){:root{--content-padding:20px;--sidebar-width:0px}::-webkit-scrollbar{width:0;height:0}}@media (max-width:480px){:root{--content-padding:16px}}
.Sidebar-module__XRNO5a__sidebar{height:100%;width:var(--sidebar-width);-webkit-backdrop-filter:blur(20px);color:#98989d;z-index:20;background:#1c1c1eb3;border-right:1px solid #ffffff14;flex-direction:column;padding:24px 16px;display:flex}@media (max-width:768px){.Sidebar-module__XRNO5a__sidebar{display:none}}.Sidebar-module__XRNO5a__logo{padding:0 12px 32px}.Sidebar-module__XRNO5a__logoText{letter-spacing:-.3px;color:#fff;font-size:20px;font-weight:700}.Sidebar-module__XRNO5a__routes{flex-direction:column;gap:4px;display:flex}.Sidebar-module__XRNO5a__item{color:#98989d;cursor:pointer;border-radius:8px;align-items:center;gap:16px;padding:10px 16px;font-size:15px;font-weight:500;transition:all .2s;display:flex;position:relative}.Sidebar-module__XRNO5a__item:hover{color:#fff;background:#ffffff0a}.Sidebar-module__XRNO5a__active{color:var(--primary);background:#fa2d481f;font-weight:600}.Sidebar-module__XRNO5a__active:before{display:none}.Sidebar-module__XRNO5a__separator{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:1px;margin:24px 0}.Sidebar-module__XRNO5a__playlists{flex-direction:column;flex:1;gap:4px;margin-top:10px;padding:0 4px;display:flex;overflow-y:auto}.Sidebar-module__XRNO5a__playlists::-webkit-scrollbar{width:4px}.Sidebar-module__XRNO5a__playlists::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:4px}.Sidebar-module__XRNO5a__playlists::-webkit-scrollbar-thumb:hover{background-color:#ffffff4d}.Sidebar-module__XRNO5a__playlistItem{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;color:var(--secondary);border-radius:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;overflow:hidden}.Sidebar-module__XRNO5a__playlistItem:hover{color:#fff;background:#ffffff08}
.Player-module__8vJRxa__playerContainer{bottom:24px;left:calc(var(--sidebar-width,240px) + 24px);z-index:1000;pointer-events:auto;width:auto;max-width:1200px;transition:all .3s;position:fixed;right:24px}.Player-module__8vJRxa__player{-webkit-backdrop-filter:blur(40px)saturate(180%);background:#1c1c1ef2;border:1px solid #ffffff1a;border-radius:14px;justify-content:space-between;align-items:center;width:100%;height:72px;padding:0 20px;display:flex;overflow:visible;box-shadow:0 20px 50px #00000080}.Player-module__8vJRxa__content{justify-content:space-between;align-items:center;gap:24px;width:100%;height:100%;display:flex}.Player-module__8vJRxa__leftSection{align-items:center;gap:14px;width:30%;min-width:0;display:flex}.Player-module__8vJRxa__coverWrapper{background:#2c2c2e;border-radius:8px;flex-shrink:0;width:48px;height:48px;position:relative;overflow:visible}.Player-module__8vJRxa__coverWrapper:after{content:"";background:inherit;z-index:-1;border-radius:12px;width:80%;height:80%;transition:all .3s;position:absolute;top:10%;left:10%;box-shadow:0 8px 24px #00000080}.Player-module__8vJRxa__cover{object-fit:cover;border-radius:8px;width:100%;height:100%;box-shadow:0 4px 10px #0000004d}.Player-module__8vJRxa__info{flex-direction:column;justify-content:center;gap:2px;min-width:0;display:flex;overflow:hidden}.Player-module__8vJRxa__name{color:#fff;white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;font-size:14px;font-weight:600;overflow:hidden}.Player-module__8vJRxa__artist{color:#fff9;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.Player-module__8vJRxa__likeBtn{color:#fff6;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s cubic-bezier(.2,.8,.2,1);display:flex}.Player-module__8vJRxa__likeBtn:hover{color:#fa233b;background:#fa233b26;transform:scale(1.1)}.Player-module__8vJRxa__centerSection{flex-direction:column;justify-content:center;align-items:center;gap:6px;width:40%;display:flex}.Player-module__8vJRxa__controls{align-items:center;gap:28px;display:flex}.Player-module__8vJRxa__controlBtn{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s cubic-bezier(.2,.8,.2,1);display:flex}.Player-module__8vJRxa__controlBtn:hover{color:#fff;background:#ffffff0d;transform:scale(1.1)}.Player-module__8vJRxa__controlBtn.Player-module__8vJRxa__active{color:#fa233b;position:relative}.Player-module__8vJRxa__controlBtn.Player-module__8vJRxa__active:after{content:"";background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;bottom:0}.Player-module__8vJRxa__playBtn{cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 4px 12px #ffffff4d}.Player-module__8vJRxa__playBtn:hover{transform:scale(1.1);box-shadow:0 6px 16px #fff6}.Player-module__8vJRxa__playBtn:active{transform:scale(.95)}.Player-module__8vJRxa__playbackBar{align-items:center;gap:12px;width:100%;max-width:480px;display:flex}.Player-module__8vJRxa__time{color:#fff6;font-variant-numeric:tabular-nums;text-align:center;min-width:32px;font-size:11px;font-weight:500}.Player-module__8vJRxa__progressBarContainer{cursor:pointer;align-items:center;width:100%;height:12px;display:flex;position:relative}.Player-module__8vJRxa__progressBarContainer:before{content:"";background:#ffffff1a;border-radius:100px;height:4px;transition:height .2s;position:absolute;left:0;right:0}.Player-module__8vJRxa__progressBarContainer:hover:before{background:#ffffff26;height:6px}.Player-module__8vJRxa__seekSlider{opacity:0;cursor:pointer;z-index:2;width:100%;height:12px;margin:0;position:absolute;top:-4px}.Player-module__8vJRxa__progressFill{pointer-events:none;background:#b0b0b0;border-radius:100px;height:100%;transition:background .2s;position:relative}.Player-module__8vJRxa__progressBarContainer:hover .Player-module__8vJRxa__progressFill{background:#fa233b}.Player-module__8vJRxa__progressBarContainer:hover .Player-module__8vJRxa__progressFill:after{content:"";background:#fff;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;right:-5px;transform:translateY(-50%);box-shadow:0 2px 4px #0000004d}.Player-module__8vJRxa__rightSection{justify-content:flex-end;align-items:center;gap:16px;width:30%;display:flex}.Player-module__8vJRxa__volumeControl{align-items:center;gap:8px;width:120px;display:flex}.Player-module__8vJRxa__volumeBtn{color:#fff9;cursor:pointer;background:0 0;border:none;align-items:center;display:flex}.Player-module__8vJRxa__volumeBtn:hover{color:#fff}.Player-module__8vJRxa__volumeSlider{appearance:none;cursor:pointer;background:#ffffff1a linear-gradient(#fff,#fff) no-repeat;border-radius:2px;outline:none;width:100%;height:4px}.Player-module__8vJRxa__volumeSlider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;opacity:0;background:#fff;border-radius:50%;width:12px;height:12px;transition:opacity .2s;box-shadow:0 2px 4px #0000004d}.Player-module__8vJRxa__volumeControl:hover .Player-module__8vJRxa__volumeSlider::-webkit-slider-thumb{opacity:1}.Player-module__8vJRxa__expandBtn{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:8px;transition:all .2s}.Player-module__8vJRxa__expandBtn:hover{color:#fff;background:#ffffff1a}@media (max-width:768px){.Player-module__8vJRxa__playerContainer{bottom:calc(64px + env(safe-area-inset-bottom) + 8px);z-index:1001;width:auto;max-width:none;left:8px;right:8px;transform:none}.Player-module__8vJRxa__player{-webkit-backdrop-filter:blur(16px)saturate(180%);background:#1e1e1ed9;border:1px solid #ffffff1a;border-radius:8px;height:60px;padding:0 12px;box-shadow:0 8px 24px #00000080}.Player-module__8vJRxa__content{gap:12px}.Player-module__8vJRxa__leftSection{flex:1;width:auto}.Player-module__8vJRxa__coverWrapper{border-radius:4px;width:40px;height:40px}.Player-module__8vJRxa__centerSection{flex:none;width:auto}.Player-module__8vJRxa__controls{gap:0}.Player-module__8vJRxa__playBtn{box-shadow:none;background:0 0;width:auto;height:auto}.Player-module__8vJRxa__playBtn:hover{box-shadow:none;transform:none}.Player-module__8vJRxa__playIcon{fill:#fff!important}.Player-module__8vJRxa__hideMobile{display:none!important}.Player-module__8vJRxa__playbackBar{gap:0;width:100%;max-width:none;height:2px;position:absolute;bottom:0;left:0}.Player-module__8vJRxa__progressBarContainer{background:#fff3;border-radius:0;height:2px}.Player-module__8vJRxa__progressBarContainer:hover{height:2px}.Player-module__8vJRxa__progressFill{background:#fff;border-radius:0}.Player-module__8vJRxa__progressBarContainer:hover .Player-module__8vJRxa__progressFill{background:#fff}.Player-module__8vJRxa__progressBarContainer:hover .Player-module__8vJRxa__progressFill:after,.Player-module__8vJRxa__time{display:none}.Player-module__8vJRxa__likeBtn{margin-right:8px}}
.Marquee-module__bcm51q__container{white-space:nowrap;width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.Marquee-module__bcm51q__content{gap:32px;padding-left:100%;display:inline-flex}.Marquee-module__bcm51q__text{display:inline-block}
.BottomNav-module__ktzsLq__container{z-index:1000;padding-bottom:env(safe-area-inset-bottom);height:calc(64px + env(safe-area-inset-bottom));pointer-events:none;justify-content:center;align-items:center;display:none;position:fixed;bottom:0;left:0;right:0}.BottomNav-module__ktzsLq__glass{pointer-events:auto;-webkit-backdrop-filter:blur(40px)saturate(180%);background:#0a0a0ad9;border-top:1px solid #ffffff1a;justify-content:space-around;align-items:center;width:100%;height:100%;padding:0 8px;display:flex;position:relative;box-shadow:0 -10px 40px #00000080}.BottomNav-module__ktzsLq__glass:before{display:none}.BottomNav-module__ktzsLq__item{color:#98989d;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:72px;height:100%;padding:4px;transition:color .2s;display:flex;position:relative}.BottomNav-module__ktzsLq__item:active{opacity:.7;transform:none}.BottomNav-module__ktzsLq__item.BottomNav-module__ktzsLq__active{color:var(--primary)}.BottomNav-module__ktzsLq__item svg{z-index:2;transition:transform .2s}.BottomNav-module__ktzsLq__item.BottomNav-module__ktzsLq__active svg{filter:none;transform:none}.BottomNav-module__ktzsLq__label{letter-spacing:.01em;z-index:2;opacity:1;font-size:10px;font-weight:500}.BottomNav-module__ktzsLq__item.BottomNav-module__ktzsLq__active .BottomNav-module__ktzsLq__label{opacity:1;color:var(--primary);font-weight:600}.BottomNav-module__ktzsLq__indicator{display:none}@media (max-width:768px){.BottomNav-module__ktzsLq__container{display:flex}}
.MainLayout-module__56aLsq__container{grid-template-areas:"sidebar main";grid-template-columns:var(--sidebar-width)1fr;background:var(--background);width:100vw;height:100vh;padding-top:env(safe-area-inset-top);grid-template-rows:1fr;display:grid;position:relative;overflow:hidden}.MainLayout-module__56aLsq__sidebar{border-right:1px solid var(--glass-border);z-index:10;background:#0000004d;grid-area:sidebar;overflow-y:auto}.MainLayout-module__56aLsq__mainContent{background:linear-gradient(#ffffff05 0%,#0000 100%);grid-area:main;padding-bottom:20px;position:relative;overflow-y:auto}.MainLayout-module__56aLsq__playerOverlay{z-index:100;pointer-events:none;background:0 0;width:0;height:0;position:absolute;bottom:0;left:0}@media (max-width:768px){.MainLayout-module__56aLsq__container{grid-template:"main"1fr/1fr}.MainLayout-module__56aLsq__sidebar{display:none}.MainLayout-module__56aLsq__mainContent{padding-bottom:0;padding-left:0;padding-right:0}}@media (min-width:769px) and (max-width:1024px){.MainLayout-module__56aLsq__container{grid-template-columns:200px 1fr}}