*{margin:0;padding:0;box-sizing:border-box}html,body{-webkit-overflow-scrolling:touch;touch-action:manipulation;-webkit-tap-highlight-color:transparent}html{height:100%;overflow-x:hidden;overflow-y:auto;background:#121212}body{min-height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:none;background:#121212}@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){html,body{overflow:hidden;position:fixed;width:100%;height:100%}}.muzibu-app{display:grid;grid-template-rows:64px 1fr 90px;grid-template-columns:280px 1fr 380px;height:100vh;overflow:hidden}.muzibu-header{grid-column:1 / -1;background:#000;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #000;position:relative;z-index:100}.muzibu-header-left{display:flex;align-items:center;gap:24px;flex:1}.muzibu-logo{font-size:24px;font-weight:700;color:#fff;text-decoration:none}.muzibu-hamburger{display:none;background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:8px}.muzibu-nav-icons{display:flex;gap:16px}.muzibu-nav-icon{width:40px;height:40px;background:#0a0a0a;border:none;border-radius:50%;color:#b3b3b3;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.muzibu-nav-icon:hover{background:#121212;color:#fff}.muzibu-nav-icon.active{color:#fff}.muzibu-search{position:relative;flex:1;max-width:500px}.muzibu-search input{width:100%;padding:10px 16px 10px 48px;border:none;border-radius:24px;background:#242424;color:#fff;font-size:14px}.muzibu-search input::placeholder{color:#848484}.muzibu-search i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#848484}.muzibu-header-right{display:flex;align-items:center;gap:16px}.muzibu-install-btn{background:none;border:none;color:#b3b3b3;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}.muzibu-install-btn:hover{color:#fff}.muzibu-notification-btn,.muzibu-profile-btn{background:none;border:none;color:#b3b3b3;cursor:pointer;font-size:18px}.muzibu-notification-btn:hover,.muzibu-profile-btn:hover{color:#fff}.muzibu-profile-btn{width:32px;height:32px;background:#333;border-radius:50%;color:#fff;font-size:14px;font-weight:700}.muzibu-left-sidebar{border-radius:8px 8px 0 0;background:#121212;padding:24px 4px 12px;overflow-y:auto;position:relative;z-index:50}.muzibu-nav-item{display:flex;align-items:center;gap:16px;padding:12px 16px;border-radius:6px;color:#b3b3b3;text-decoration:none;transition:all .2s;font-size:14px;font-weight:600;margin-bottom:4px}.muzibu-nav-item:hover{background:#0a0a0a;color:#fff}.muzibu-nav-item.active{color:#fff}.muzibu-nav-item i{width:24px;text-align:center;font-size:18px}.muzibu-divider{height:1px;background:#ffffff1a;margin:16px 0}.muzibu-premium-card{background:linear-gradient(135deg,coral,#ff9770);padding:20px;border-radius:12px;margin:16px 0}.muzibu-premium-card h3{font-size:16px;margin-bottom:8px;color:#000}.muzibu-premium-card p{font-size:13px;color:#000;margin-bottom:16px}.muzibu-premium-btn{background:#0a0a0a;color:#fff;border:none;padding:10px 24px;border-radius:24px;font-weight:700;cursor:pointer;font-size:13px}.muzibu-premium-btn:hover{transform:scale(1.05)}.muzibu-cache-btn{background:#0a0a0a;border:none;color:#b3b3b3;padding:12px;border-radius:6px;width:100%;text-align:center;cursor:pointer;margin-top:16px;display:flex;align-items:center;justify-content:center;gap:8px}.muzibu-cache-btn:hover{background:#121212;color:#fff}.muzibu-main{border-radius:8px 8px 0 0;background:#121212;padding:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:scroll-position;contain:layout;scroll-behavior:auto}.muzibu-top-pills{padding:16px 24px;display:flex;gap:12px;overflow-x:auto}.muzibu-top-pills::-webkit-scrollbar{height:0}.muzibu-pill{background:#2a2a2a;color:#fff;border:none;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s}.muzibu-pill:hover{background:#3a3a3a}.muzibu-pill.active{background:#fff;color:#000}.muzibu-horizontal-section{padding:16px 24px;margin-bottom:32px}.muzibu-horizontal-cards{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px}.muzibu-horizontal-cards::-webkit-scrollbar{height:6px}.muzibu-horizontal-cards::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.muzibu-horizontal-cards::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.muzibu-horizontal-card{min-width:180px;background:#0a0a0a;padding:16px;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.muzibu-horizontal-card:hover{background:#121212}.muzibu-card-image{width:100%;aspect-ratio:1;border-radius:8px;margin-bottom:12px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.muzibu-card-image img{width:100%;height:100%;object-fit:cover}.muzibu-play-overlay{position:absolute;bottom:8px;right:8px;width:48px;height:48px;background:coral;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s;cursor:pointer}.muzibu-horizontal-card:hover .muzibu-play-overlay{opacity:1}.muzibu-play-overlay i{color:#000;font-size:18px;margin-left:2px}.muzibu-card-title{font-size:15px;font-weight:700;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff}.muzibu-card-subtitle{font-size:13px;color:#b3b3b3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.muzibu-content-section{padding:0 24px 32px}.muzibu-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.muzibu-section-title{font-size:24px;font-weight:700;color:#fff}.muzibu-section-link{color:#b3b3b3;text-decoration:none;font-size:14px;font-weight:700}.muzibu-section-link:hover{color:#fff;text-decoration:underline}.muzibu-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:24px}.muzibu-card{background:#0a0a0a;padding:16px;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative}.muzibu-card:hover{background:#121212}.muzibu-card:hover .muzibu-play-overlay{opacity:1}.muzibu-right-sidebar{border-radius:8px 8px 0 0;background:#121212;padding:0 4px 4px;overflow-y:auto}.muzibu-sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.muzibu-sidebar-title{font-size:16px;font-weight:700;color:#fff}.muzibu-playlist-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:6px;margin-bottom:4px;transition:background .2s;cursor:pointer;text-decoration:none}.muzibu-playlist-item:hover{background:#0a0a0a}.muzibu-playlist-cover{width:56px;height:56px;border-radius:4px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.muzibu-playlist-cover img{width:100%;height:100%;object-fit:cover}.muzibu-playlist-info{flex:1;min-width:0}.muzibu-playlist-name{font-size:14px;font-weight:600;color:#fff;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.muzibu-playlist-meta{font-size:12px;color:#b3b3b3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.muzibu-player{grid-column:1 / -1;background:#000;display:grid;grid-template-columns:300px 1fr 300px;align-items:center;padding:8px 16px 0;gap:16px;border-top:1px solid #000}.muzibu-player-song-info{display:flex;align-items:center;gap:12px}.muzibu-player-album-cover{width:56px;height:56px;border-radius:4px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#121212}.muzibu-player-album-cover img{width:100%;height:100%;object-fit:cover}.muzibu-player-song-details{min-width:0;flex:1}.muzibu-player-song-details h4{font-size:14px;color:#fff;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.muzibu-player-song-details p{font-size:12px;color:#b3b3b3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.muzibu-player-like-btn{background:none;border:none;color:#b3b3b3;cursor:pointer;font-size:16px;transition:color .2s}.muzibu-player-like-btn:hover{color:#fff}.muzibu-player-like-btn.liked{color:coral}.muzibu-player-controls{display:flex;flex-direction:column;gap:8px}.muzibu-controls-buttons{display:flex;justify-content:center;align-items:center;gap:16px}.muzibu-control-btn{background:none;border:none;color:#b3b3b3;cursor:pointer;font-size:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.muzibu-control-btn:hover{color:#fff}.muzibu-control-btn.active{color:coral}.muzibu-play-btn{width:32px;height:32px;background:#fff;border-radius:50%;color:#000;font-size:14px}.muzibu-play-btn:hover{transform:scale(1.06)}.muzibu-progress-container{display:flex;align-items:center;gap:8px}.muzibu-time{font-size:11px;color:#b3b3b3;min-width:40px;text-align:center}.muzibu-progress-bar{flex:1;height:4px;background:#4d4d4d;border-radius:2px;cursor:pointer;position:relative}.muzibu-progress-bar:hover{height:6px}.muzibu-progress-fill{height:100%;background:#b3b3b3;border-radius:2px;position:relative}.muzibu-progress-bar:hover .muzibu-progress-fill{background:coral}.muzibu-progress-fill:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:12px;height:12px;background:#fff;border-radius:50%;opacity:0}.muzibu-progress-bar:hover .muzibu-progress-fill:after{opacity:1}.muzibu-player-volume{display:flex;align-items:center;gap:8px;justify-content:flex-end}.muzibu-volume-btn,.muzibu-queue-btn,.muzibu-device-btn,.muzibu-fullscreen-btn{background:none;border:none;color:#b3b3b3;cursor:pointer;font-size:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.muzibu-volume-btn:hover,.muzibu-queue-btn:hover,.muzibu-device-btn:hover,.muzibu-fullscreen-btn:hover{color:#fff}.muzibu-volume-bar{width:80px;height:4px;background:#4d4d4d;border-radius:2px;cursor:pointer;position:relative}.muzibu-volume-bar:hover{height:6px}.muzibu-volume-fill{height:100%;background:#b3b3b3;border-radius:2px}.muzibu-volume-bar:hover .muzibu-volume-fill{background:coral}.muzibu-bottom-nav{display:none;position:fixed;bottom:90px;left:0;right:0;background:#0a0a0a;border-top:1px solid rgba(255,255,255,.1);padding:8px 0;z-index:99}.muzibu-bottom-nav-items{display:flex;justify-content:space-around}.muzibu-bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;color:#b3b3b3;text-decoration:none;font-size:11px}.muzibu-bottom-nav-item i{font-size:20px}.muzibu-bottom-nav-item.active{color:#fff}.muzibu-mobile-overlay{position:fixed;inset:56px 0 84px;background:#0000;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);z-index:998;pointer-events:none;transition:background .4s ease-out,backdrop-filter .4s ease-out,-webkit-backdrop-filter .4s ease-out;-webkit-tap-highlight-color:transparent}.muzibu-mobile-overlay.active{background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);pointer-events:auto}@media(min-width:768px)and (max-width:1023px){.muzibu-mobile-overlay{top:64px}.muzibu-mobile-overlay.active{background:#0006}}.hamburger-icon{width:24px;height:18px;position:relative;cursor:pointer}.hamburger-icon span{display:block;position:absolute;height:2px;width:100%;background:#fff;border-radius:2px;left:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.hamburger-icon span:nth-child(1){top:0}.hamburger-icon span:nth-child(2){top:8px}.hamburger-icon span:nth-child(3){top:16px}.hamburger-icon.active span:nth-child(1){top:8px;transform:rotate(45deg)}.hamburger-icon.active span:nth-child(2){opacity:0;transform:translate(-10px)}.hamburger-icon.active span:nth-child(3){top:8px;transform:rotate(-45deg)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}@media(max-width:767px){.muzibu-right-sidebar{display:none!important}}@media(max-width:1024px){.muzibu-app{grid-template-columns:240px 1fr}.muzibu-cards-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.muzibu-horizontal-card{min-width:160px}.muzibu-player{grid-template-columns:250px 1fr 200px}.muzibu-install-btn span{display:none}}@media(max-width:1023px){.muzibu-left-sidebar{display:flex!important;flex-direction:column;position:fixed;top:56px;left:0;bottom:84px;width:280px;background:linear-gradient(180deg,#121212,#0a0a0a);z-index:999;transform:translate(-100%);box-shadow:none;border-radius:0 0 20px;will-change:transform;-webkit-transform:translateX(-100%);transition:transform .4s cubic-bezier(.32,.72,0,1),box-shadow .4s ease}.muzibu-left-sidebar.active{transform:translate(0);-webkit-transform:translateX(0);box-shadow:8px 0 40px #000c}@media(min-width:768px){.muzibu-left-sidebar{top:64px;width:320px}}}@media(max-width:767px){.muzibu-app{grid-template-rows:56px 1fr 140px;grid-template-columns:1fr}.muzibu-header{padding:0 16px}.muzibu-hamburger{display:block}.muzibu-header-left{gap:12px}.muzibu-nav-icons{display:none}.muzibu-search{max-width:none}.muzibu-install-btn,.muzibu-notification-btn{display:none}.muzibu-main{border-radius:8px 8px 0 0;grid-column:1}.muzibu-top-pills,.muzibu-horizontal-section{padding:12px 16px}.muzibu-horizontal-card{min-width:140px}.muzibu-content-section{padding:0 16px 24px}.muzibu-section-title{font-size:20px}.muzibu-cards-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.muzibu-player{grid-template-rows:auto auto;grid-template-columns:1fr;padding:8px 16px 0;gap:12px}.muzibu-player-song-info{order:1}.muzibu-player-controls{order:2}.muzibu-player-volume{display:none}.muzibu-controls-buttons{gap:24px}.muzibu-control-btn{font-size:20px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.muzibu-play-btn{width:48px;height:48px;font-size:20px}.muzibu-player{padding-bottom:max(0px,env(safe-area-inset-bottom,0px))}.muzibu-bottom-nav{display:block;padding-bottom:env(safe-area-inset-bottom,0px)}}@media(max-width:480px){.muzibu-logo{font-size:20px}.muzibu-search input{font-size:13px;padding:8px 12px 8px 40px}.muzibu-horizontal-card{min-width:120px}.muzibu-cards-grid{grid-template-columns:repeat(2,1fr)}.muzibu-section-title{font-size:18px}.muzibu-player-album-cover{width:48px;height:48px}.muzibu-player-song-details h4{font-size:13px}.muzibu-player-song-details p{font-size:11px}}.muzibu-song-list{background:#ffffff05;border-radius:8px;overflow:hidden}.muzibu-song-item{display:grid;grid-template-columns:40px 50px 1fr 200px 60px;align-items:center;padding:12px 16px;gap:12px;cursor:pointer;transition:background .2s}.muzibu-song-item:hover{background:#ffffff1a}.muzibu-song-number{font-size:14px;color:#b3b3b3;text-align:center}.muzibu-song-cover{width:40px;height:40px;border-radius:4px;background:#121212;display:flex;align-items:center;justify-content:center;flex-shrink:0}.muzibu-song-info{min-width:0}.muzibu-song-title{font-size:15px;font-weight:500;color:#fff;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.muzibu-song-artist,.muzibu-song-album{font-size:13px;color:#b3b3b3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.muzibu-song-duration{font-size:13px;color:#b3b3b3;text-align:right}.muzibu-genre-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.muzibu-genre-card{height:140px;border-radius:8px;padding:20px;display:flex;align-items:flex-end;position:relative;overflow:hidden;transition:transform .2s;text-decoration:none}.muzibu-genre-card:hover{transform:scale(1.05)}.muzibu-genre-card h3{font-size:20px;font-weight:700;color:#fff;position:relative;z-index:1}@media(max-width:768px){.muzibu-song-item{grid-template-columns:40px 50px 1fr 60px}.muzibu-song-album{display:none}.muzibu-genre-grid{grid-template-columns:repeat(2,1fr)}}.muzibu-icon-large{font-size:48px}.muzibu-icon-medium{font-size:24px}.muzibu-gradient-1{background:linear-gradient(135deg,#e91e63,#ad1457)}.muzibu-gradient-2{background:linear-gradient(135deg,#9c27b0,#6a1b9a)}.muzibu-gradient-3{background:linear-gradient(135deg,#3f51b5,#283593)}.muzibu-gradient-4{background:linear-gradient(135deg,#00bcd4,#00838f)}.muzibu-gradient-5{background:linear-gradient(135deg,#009688,#00695c)}.muzibu-gradient-6{background:linear-gradient(135deg,#4caf50,#2e7d32)}.muzibu-gradient-7{background:linear-gradient(135deg,#ff9800,#e65100)}.muzibu-gradient-8{background:linear-gradient(135deg,#ff5722,#bf360c)}.muzibu-genre-1{background:linear-gradient(135deg,#e91e63,#121212)}.muzibu-genre-2{background:linear-gradient(135deg,#9c27b0,#121212)}.muzibu-genre-3{background:linear-gradient(135deg,#3f51b5,#121212)}.muzibu-genre-4{background:linear-gradient(135deg,#00bcd4,#121212)}.muzibu-genre-5{background:linear-gradient(135deg,#009688,#121212)}.muzibu-genre-6{background:linear-gradient(135deg,#4caf50,#121212)}.muzibu-genre-7{background:linear-gradient(135deg,#ff9800,#121212)}.muzibu-genre-8{background:linear-gradient(135deg,#ff5722,#121212)}.muzibu-search-modern{max-width:700px!important;flex:1}.muzibu-search-modern input{padding:12px 16px 12px 48px!important;background:#ffffff1a!important;border-radius:24px!important;transition:all .2s ease}.muzibu-search-modern input:hover{background:#ffffff26!important}.muzibu-search-modern input:focus{background:#fff3!important;outline:2px solid rgba(255,255,255,.2)}.muzibu-search-modern i{color:#9ca3af;transition:color .2s}.muzibu-search-modern:focus-within i{color:#fff!important}.muzibu-premium-button{display:none;align-items:center;gap:8px;padding:10px 24px;background:linear-gradient(to right,#eab308,#f97316);border-radius:24px;color:#000;font-weight:700;font-size:14px;text-decoration:none;box-shadow:0 4px 14px #eab3084d;transition:all .2s ease}@media(min-width:1024px){.muzibu-premium-button{display:flex}}.muzibu-premium-button:hover{background:linear-gradient(to right,#ca8a04,#ea580c);transform:scale(1.05)}.muzibu-user-dropdown{position:relative}.muzibu-dropdown-menu{position:absolute;right:0;margin-top:12px;width:256px;background:#18181b;border-radius:12px;box-shadow:0 25px 50px -12px #00000080;border:1px solid rgba(255,255,255,.1);padding:8px 0;overflow:hidden;z-index:1000}.muzibu-dropdown-header{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.muzibu-dropdown-item{display:flex;align-items:center;gap:12px;padding:10px 16px;color:#fff;text-decoration:none;font-size:14px;transition:background .2s}.muzibu-dropdown-item:hover{background:#ffffff0d}.muzibu-dropdown-item i{width:20px;color:#ffffffb3}.muzibu-dropdown-divider{height:1px;background:#ffffff1a;margin:4px 0}.muzibu-profile-btn{width:40px;height:40px;background:linear-gradient(to bottom right,#10b981,#059669);border:none;border-radius:50%;color:#000;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s ease}.muzibu-profile-btn:hover{background:linear-gradient(to bottom right,#34d399,#10b981);transform:scale(1.05)}html,body{width:100%;max-width:100%;overflow-x:hidden;position:relative}#main-app-grid{width:100%;max-width:100%;min-width:100%}@media(max-width:1023px){#main-app-grid{position:fixed;left:0;right:0}}.keyboard-feedback{position:fixed;bottom:100px;right:20px;background:#000000e6;backdrop-filter:blur(10px);color:#fff;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:600;z-index:9999;pointer-events:none;opacity:0;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 40px #00000080}.keyboard-feedback.show{opacity:1;transform:translateY(0)}@media(max-width:640px){.keyboard-feedback{bottom:80px;right:10px;padding:10px 16px;font-size:13px}}[x-cloak]{display:none!important}@keyframes shimmer-sweep{0%{left:-100%}to{left:200%}}.animate-gradient-horizontal{background:coral;position:relative;overflow:hidden}.animate-gradient-horizontal:before{content:"";position:absolute;top:0;left:-100%;width:120%;height:100%;background:linear-gradient(90deg,transparent 0%,transparent 10%,rgba(255,106,61,.3) 25%,rgba(255,106,61,.5) 40%,rgba(204,82,0,.4) 50%,rgba(255,106,61,.5) 60%,rgba(255,106,61,.3) 75%,transparent 90%,transparent 100%);animation:shimmer-sweep 12s linear infinite}@media all and (display-mode:standalone){header.row-start-1{padding-top:env(safe-area-inset-top,0px)}#main-app-grid{grid-template-rows:calc(56px + env(safe-area-inset-top,0px)) 1fr auto!important}.muzibu-mobile-overlay,.muzibu-left-sidebar{top:calc(56px + env(safe-area-inset-top,0px))}}
