@import url('https://font.sec.miui.com/font/css?family=MiSans:400,700:MiSans');*{font-family:'MiSans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif}
.phone-container{width:375px;height:812px}
.album-gradient-1{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}
.album-gradient-2{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}
.album-gradient-3{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}
.album-gradient-4{background:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%)}
.nav-tab-active::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--primary-color,#5B5FED)}
.progress-bar{height:4px;background:rgba(153,153,153,0.15);border-radius:4px;overflow:hidden;cursor:pointer}
.progress-bar-fill{height:100%;background:linear-gradient(90deg,#5B5FED 0%,#764ba2 100%);border-radius:4px}
.player-controls{bottom:72px;z-index:40}
@media (max-width:768px){.phone-container{width:100vw;height:100vh;border-radius:0;max-width:none}
.player-controls{max-width:100vw}
body{padding:0}
.bottom-nav-mobile{border-radius:0}
.mini-player-mobile{border-radius:0}
}@media (min-width:769px){.phone-container{width:375px;height:812px}
.bottom-nav-desktop{border-bottom-left-radius:24px;border-bottom-right-radius:24px}
.mini-player-desktop{border-radius:0}
}.custom-scrollbar::-webkit-scrollbar,.overflow-y-auto::-webkit-scrollbar{width:0;height:0;display:none}
.custom-scrollbar,.overflow-y-auto{scrollbar-width:none}
.custom-scrollbar,.overflow-y-auto{-ms-overflow-style:none}
.search-modal{background-color:rgba(0,0,0,0.6);backdrop-filter:blur(5px)}
@keyframes float{0%,100%{transform:translateY(0px) rotate(0deg)}
25%{transform:translateY(-10px) rotate(2deg)}
50%{transform:translateY(-5px) rotate(-1deg)}
75%{transform:translateY(-15px) rotate(1deg)}
}@keyframes drift{0%{transform:translateX(0px) translateY(0px)}
25%{transform:translateX(10px) translateY(-5px)}
50%{transform:translateX(-5px) translateY(-10px)}
75%{transform:translateX(-10px) translateY(-5px)}
100%{transform:translateX(0px) translateY(0px)}
}.float-animation{animation:float 4s ease-in-out infinite}
.drift-animation{animation:drift 6s ease-in-out infinite}