@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,Arial,Helvetica,sans-serif;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}:root{--bg: #0B0B12;--card: #15151F;--card2: #1C1C2A;--text: #F4F2FA;--sub: #9691AC;--border: rgba(255, 255, 255, .08);--primary: #4C7DFF;--primary-soft: rgba(76, 125, 255, .16);--accent2: #38BDF8;--danger: #FF4D4D;--shadow: 0 10px 30px rgba(0, 0, 0, .45);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px}body.light{--bg: #FAF9FC;--card: #FFFFFF;--card2: #F1EFF6;--text: #171422;--sub: #6B6580;--border: rgba(23, 20, 34, .08);--primary: #2E5FE8;--primary-soft: rgba(46, 95, 232, .12);--shadow: 0 10px 30px rgba(23, 20, 34, .1)}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}::selection{background:var(--primary-soft);color:var(--text)}button:focus-visible,input:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}body{background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;width:100vw;max-width:100%;padding-bottom:170px;transition:background .35s ease,color .35s ease}h1,h2,h3{font-family:Space Grotesk,Inter,sans-serif;letter-spacing:-.01em}.mono,#currentTime,#duration,.playlist-info p,.song-details p,.album-card p{font-family:JetBrains Mono,monospace;font-feature-settings:"tnum"}.header{position:sticky;top:0;z-index:500;background:linear-gradient(180deg,var(--bg) 70%,transparent);padding:18px 15px 10px}.top-row{display:flex;align-items:center;justify-content:space-between;width:100%}.logo-container{width:38px;display:flex;align-items:center;justify-content:center}.freq-bars{display:flex;align-items:flex-end;justify-content:center;gap:3px;width:26px;height:22px;cursor:pointer}.freq-bars span{display:block;width:4px;height:6px;border-radius:2px;background:var(--primary);transition:height .2s ease}.freq-bars.playing span{animation:freq-wave 1.1s ease-in-out infinite}.freq-bars.playing span:nth-child(1){animation-delay:-.9s}.freq-bars.playing span:nth-child(2){animation-delay:-.6s}.freq-bars.playing span:nth-child(3){animation-delay:-.3s}.freq-bars.playing span:nth-child(4){animation-delay:0s}@keyframes freq-wave{0%,to{height:6px}50%{height:22px}}.web-title{font-family:Space Grotesk,sans-serif;font-size:17px;font-weight:700;letter-spacing:.02em;text-align:center;flex:1;background:linear-gradient(90deg,var(--text),var(--primary) 130%);-webkit-background-clip:text;background-clip:text;color:transparent}.sidebar-btn i{color:var(--primary);cursor:pointer}.chip{background:var(--card2);color:var(--sub);border:1px solid transparent;padding:7px 16px;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.chip.active{background:var(--primary-soft);color:var(--primary);border-color:var(--primary)}main{padding:6px 15px 15px}.page{display:none}.page.active{display:block;animation:fade-in .25s ease}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes download-icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.section-title h2{margin-bottom:15px;color:var(--text);font-size:19px;font-weight:700;position:relative;padding-left:12px}.section-title h2:before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:4px;border-radius:4px;background:linear-gradient(180deg,var(--primary),var(--accent2))}.horizontal-list{display:flex;gap:15px;overflow-x:auto;padding-bottom:10px;scrollbar-width:none}.horizontal-list::-webkit-scrollbar{display:none}.thumb-wrap{--thumb-zoom: 1.5;position:relative;overflow:hidden;background:#000}.thumb-wrap img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(var(--thumb-zoom));transform-origin:center}.album-card{background:var(--card);border:1px solid var(--border);padding:12px;border-radius:var(--radius-md);min-width:142px;max-width:142px;cursor:pointer;transition:transform .2s ease,border-color .2s ease}.album-card:hover{transform:translateY(-3px);border-color:var(--primary)}.album-card:active{transform:scale(.97)}.album-card .thumb-wrap{width:100%;height:112px;border-radius:var(--radius-sm);margin-bottom:10px}.album-card h3{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.album-card p{font-size:11px;color:var(--sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-wrapper{display:flex;gap:10px;margin-bottom:20px}.search-wrapper input{flex:1;padding:13px 15px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card);color:var(--text);outline:none;font-size:14px;transition:border-color .2s ease}.search-wrapper input:focus{border-color:var(--primary)}.search-wrapper input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;width:16px;height:16px;margin-left:8px;cursor:pointer;background-color:var(--text);-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M18.3 5.71a1 1 0 0 0-1.41 0L12 10.59 7.11 5.7A1 1 0 0 0 5.7 7.11L10.59 12l-4.9 4.89a1 1 0 1 0 1.41 1.41L12 13.41l4.89 4.9a1 1 0 0 0 1.41-1.41L13.41 12l4.9-4.89a1 1 0 0 0 0-1.4z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M18.3 5.71a1 1 0 0 0-1.41 0L12 10.59 7.11 5.7A1 1 0 0 0 5.7 7.11L10.59 12l-4.9 4.89a1 1 0 1 0 1.41 1.41L12 13.41l4.89 4.9a1 1 0 0 0 1.41-1.41L13.41 12l4.9-4.89a1 1 0 0 0 0-1.4z'/></svg>");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.search-wrapper button{background:var(--primary);border:none;color:#fff;padding:0 18px;border-radius:var(--radius-sm);cursor:pointer;transition:opacity .2s ease}.search-wrapper button:active{opacity:.8}.search-suggestions{position:relative;margin-top:-10px;margin-bottom:20px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow);animation:fadeIn .15s ease}.search-suggestion-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 15px;background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--text);font-size:14px;text-align:left;cursor:pointer;transition:background .15s ease}.search-suggestion-item:last-child{border-bottom:none}.search-suggestion-item i{color:var(--sub);font-size:13px;flex-shrink:0}.search-suggestion-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--sub)}.search-suggestion-item span strong{color:var(--text);font-weight:700}.search-suggestion-item:hover,.search-suggestion-item:active{background:var(--card2)}.search-history-section{animation:fadeIn .2s ease}.search-history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.search-history-header h3{font-size:16px;font-weight:700;color:var(--text)}.search-history-item .remove-history-btn{background:transparent;border:none;color:var(--sub);cursor:pointer;padding:8px;border-radius:50%;transition:color .2s ease,background .2s ease;flex-shrink:0}.search-history-item .remove-history-btn:hover{color:var(--danger);background:#ff4d4d1f}.search-history-item .song-details h3{display:flex;align-items:center;gap:8px}.search-history-item .song-details h3 i{font-size:11px;color:var(--sub);flex-shrink:0}.clear-history-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:1px solid var(--border);background:transparent;color:var(--sub);padding:12px;font-size:13px;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;margin-top:8px;margin-bottom:20px;transition:all .2s ease}.clear-history-btn:hover{background:var(--danger);border-color:var(--danger);color:#fff}.clear-history-btn:active{transform:scale(.98)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.song-item{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--border);padding:10px;border-radius:var(--radius-md);margin-bottom:10px;cursor:pointer;transition:border-color .2s ease,transform .15s ease}.song-item:hover{border-color:var(--primary)}.song-item:active{transform:scale(.99)}.song-item .thumb-wrap{width:50px;height:50px;border-radius:var(--radius-sm);flex-shrink:0}.song-details{flex:1;overflow:hidden}.song-details h3{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}.song-details p{font-size:12px;color:var(--sub)}.playlist-add-btn{background:transparent;border:none;color:var(--sub);cursor:pointer;padding:8px;border-radius:50%;transition:color .2s ease,background .2s ease}.playlist-add-btn:hover{color:var(--primary);background:var(--primary-soft)}.playlists-grid{display:flex;flex-direction:column;gap:12px}.playlist-card{display:flex;align-items:center;background:transparent;padding:5px 0;border:none;cursor:pointer;width:100%;gap:15px}.playlist-cover{width:55px;height:55px;background:var(--card2);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.playlist-cover i{font-size:22px;color:var(--primary)}.playlist-info{flex:1;text-align:left;overflow:hidden}.playlist-info h3{font-size:15px;font-weight:600;color:var(--text);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-info p{font-size:12px;color:var(--sub)}.delete-playlist-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);background-color:transparent;color:var(--text);padding:8px 14px;font-size:13px;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;margin-top:12px;transition:all .2s ease}.delete-playlist-btn i{font-size:13px;color:inherit;line-height:1}.delete-playlist-btn:hover{background-color:var(--danger);border-color:var(--danger);color:#fff!important}.delete-playlist-btn:hover i{color:#fff!important}.delete-playlist-btn:active{transform:scale(.96)}.delete-song-btn{border:none;background:var(--danger);color:#fff;padding:8px 12px;border-radius:var(--radius-sm);cursor:pointer}.playlist-detail-header{display:flex;align-items:center;gap:15px;margin-bottom:20px}#backPlaylistBtn{border:none;background:var(--primary);color:#fff;padding:9px 16px;border-radius:var(--radius-sm);cursor:pointer;font-weight:600}#miniPlayer{position:fixed;bottom:88px;left:10px;right:10px;display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-lg);background:#15151fa6;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow);z-index:999;cursor:pointer;transition:transform .2s ease}#miniPlayer:active{transform:scale(.98)}body.light #miniPlayer{background:#ffffffb3;border:1px solid rgba(23,20,34,.08)}.mini-details h4{color:var(--text);font-weight:700}.mini-details p{color:var(--sub)}#miniThumb{width:42px;height:42px;border-radius:var(--radius-sm);object-fit:cover}.mini-details{flex:1;overflow:hidden}.mini-details h4{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-details p{font-size:11px;opacity:.85}.mini-controls{display:flex;align-items:center;gap:18px}.mini-controls button{background:transparent;border:none;color:var(--text);cursor:pointer;padding:5px;transition:transform .2s}.mini-controls button:active{transform:scale(.9)}#playerScreen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle at 50% 0%,var(--card) 0%,var(--bg) 60%);background-attachment:fixed;z-index:2000;display:none;flex-direction:column;padding:20px;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}#playerScreen::-webkit-scrollbar{display:none}.player-header{display:flex;justify-content:space-between;align-items:center;color:var(--text);flex:0 0 auto}.player-header button{background:transparent;border:none;color:var(--text);cursor:pointer}.player-header p{color:var(--sub);font-family:JetBrains Mono,monospace}.player-main{flex:0 0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100dvh - 90px - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-width:450px;width:100%;margin:0 auto;padding-bottom:10px}#playerCoverWrap{width:100%;max-width:320px;height:320px;border-radius:var(--radius-lg);margin-bottom:30px;box-shadow:0 20px 50px #00000080,0 0 0 1px var(--border)}.player-info{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.player-info h2{font-size:22px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-info p{font-size:15px;color:var(--sub)}#favoriteBtn{background:transparent;border:none;color:var(--text);cursor:pointer;position:static;width:auto;height:auto;padding:10px;margin-bottom:10px;transition:transform .2s ease}#favoriteBtn:active{transform:scale(1.15)}#downloadBtn{background:transparent;border:none;color:var(--text);cursor:pointer;position:static;width:auto;height:auto;padding:10px;margin-bottom:10px;transition:transform .2s ease;display:flex;align-items:center;justify-content:center}#downloadBtn:active{transform:scale(1.15)}#downloadBtn img{background:transparent;filter:brightness(0) invert(1);transition:filter .2s ease}body.light #downloadBtn img{filter:brightness(0)}.progress-container{position:relative;width:100%;margin-bottom:25px}.seek-feedback{position:absolute;left:0;top:-38px;z-index:5;transform:translate(-50%) translateY(5px);min-width:48px;padding:6px 9px;border-radius:8px;background:var(--text);color:var(--bg);font-size:12px;font-weight:700;line-height:1;text-align:center;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease}.seek-feedback.visible{opacity:1;transform:translate(-50%) translateY(0)}.seek-feedback:after{content:"";position:absolute;left:50%;bottom:-4px;width:8px;height:8px;background:var(--text);transform:translate(-50%) rotate(45deg);border-radius:1px}#seekBar{width:100%;height:4px;background:var(--card2);border-radius:2px;outline:none;-webkit-appearance:none;cursor:pointer;accent-color:var(--primary)}#seekBar::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;background:var(--primary);border-radius:50%;box-shadow:0 0 0 4px var(--primary-soft)}.time-info{display:flex;justify-content:space-between;font-size:12px;color:var(--sub);margin-top:8px}.controls{width:100%;display:flex;justify-content:center;align-items:center;gap:40px;margin-bottom:20px}.controls button{background:transparent;border:none;color:var(--text);cursor:pointer;transition:transform .15s ease,color .2s ease}.controls button:active{transform:scale(.9)}.play-pause-circle{color:var(--primary)!important}.player-artist-info{flex:0 0 auto;width:100%;max-width:450px;margin:0 auto;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.pai-divider{height:1px;background:var(--border);margin:10px 0 24px}.pai-header{display:flex;align-items:center;gap:14px;margin-bottom:16px;border-radius:var(--radius-md);transition:background-color .2s ease}.pai-header-clickable{cursor:pointer;margin:-8px -8px 8px;padding:8px}.pai-header-clickable:hover{background:var(--card2)}.pai-header-clickable:active{transform:scale(.99)}.pai-header-chevron{flex-shrink:0;color:var(--sub);font-size:14px;opacity:0;transition:opacity .2s ease}.pai-header-clickable .pai-header-chevron{opacity:1}.pai-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid var(--border);background:var(--card2)}.pai-header-text{min-width:0;flex:1}.pai-label{font-size:11px;font-weight:700;letter-spacing:1.5px;color:var(--primary);font-family:Space Grotesk,sans-serif;margin-bottom:2px}.pai-header-text h3{font-size:18px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pai-subs{font-size:13px;color:var(--sub);margin-top:2px}.pai-bio{font-size:14px;line-height:1.55;color:var(--sub);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line}.pai-bio.expanded{-webkit-line-clamp:unset;overflow:visible}.pai-bio-toggle{background:transparent;border:none;color:var(--primary);font-weight:700;font-size:13px;padding:8px 0 0;cursor:pointer}.pai-songs-section{margin-top:26px}.pai-songs-label{font-size:13px;font-weight:700;color:var(--text);margin-bottom:12px}.pai-songs-row{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}.pai-songs-row::-webkit-scrollbar{display:none}.pai-song-card{flex:0 0 auto;width:108px;cursor:pointer}.pai-song-card .thumb-wrap{width:108px;height:108px;border-radius:var(--radius-md);border:1px solid var(--border);margin-bottom:8px}.pai-song-card p{font-size:12px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#06060abf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:none;justify-content:center;align-items:center;z-index:3000}.playlist-modal-content{background:var(--card);border:1px solid var(--border);padding:25px;border-radius:var(--radius-md);width:85%;max-width:350px;text-align:center;box-shadow:var(--shadow)}.playlist-modal-content h3{margin-bottom:15px;color:var(--text);font-weight:700}.playlist-modal-content input{width:100%;padding:11px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--text);margin-bottom:15px;outline:none}.playlist-modal-content input:focus{border-color:var(--primary)}.playlist-modal-content button{background:var(--primary);color:#fff;border:none;padding:9px 22px;border-radius:var(--radius-sm);cursor:pointer;font-weight:600}.playlist-select-btn{width:100%;border:1px solid var(--border);background:var(--card2);color:var(--text);padding:12px;margin-top:10px;border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:border-color .2s ease}.playlist-select-btn:hover{border-color:var(--primary)}.info-hero{text-align:center;padding:30px 10px 25px}.info-logo-circle{width:110px;height:110px;margin:0 auto 18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--card2),var(--bg) 75%);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:var(--shadow)}.info-logo-circle img{width:100%;height:100%;object-fit:cover}.info-app-title{font-size:30px;font-weight:800;color:var(--text);margin-bottom:8px}.info-app-tagline{font-size:14px;color:var(--sub)}.info-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 18px 6px;margin-bottom:18px}.info-card-header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.info-card-header span{font-size:16px}.info-card-header h3{font-size:13px;letter-spacing:.5px;color:var(--sub);font-weight:700}.info-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border);gap:10px}.info-row:last-child{border-bottom:none}.info-row-label{color:var(--sub);font-size:14px}.info-row-value{color:var(--text);font-weight:700;font-size:14px;text-align:right}.info-whatsapp-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:15px;margin-bottom:30px;background:linear-gradient(135deg,#25d250,#25d110);color:#171422;border-radius:999px;font-weight:700;font-size:15px;text-decoration:none;box-shadow:var(--shadow);transition:opacity .2s ease,transform .15s ease}.info-whatsapp-btn:active{opacity:.85;transform:scale(.98)}#bottomNav{position:fixed;bottom:0;left:0;right:0;height:72px;background:var(--card);border-top:1px solid var(--border);display:flex;justify-content:center;align-items:center;gap:35px;z-index:1000;width:100%}#bottomNav button{background:transparent;border:none;color:var(--sub);display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11px;font-weight:600;cursor:pointer;flex:0 1 auto;min-width:50px;padding:6px 10px;border-radius:var(--radius-sm);transition:color .2s ease}#bottomNav button i{font-size:18px;transition:transform .2s ease}#bottomNav button.active{color:var(--primary)}#bottomNav button.active i{transform:translateY(-2px)}#bottomNav button:active{transform:scale(.92)}#lyricsModal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--bg);z-index:3000;display:none;flex-direction:column}.lyrics-header{display:flex;justify-content:space-between;align-items:center;padding:30px 20px 20px;color:var(--text)}.lyrics-header-text{flex:1;text-align:center;display:flex;flex-direction:column;gap:5px;overflow:hidden}.lyrics-label{font-size:11px;font-weight:600;letter-spacing:1.5px;color:var(--primary)}.lyrics-song-title{font-size:15px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lyrics-header button{width:35px;background:transparent;border:none;color:var(--text);cursor:pointer;transition:.2s;text-align:left}.lyrics-header button:hover{color:var(--primary);transform:translateY(3px)}.lyrics-header>div:last-child{width:35px!important}.lyrics-full-container{flex:1;overflow-y:auto;padding:20px 30px;scroll-behavior:smooth}.lyrics-full-container::-webkit-scrollbar{width:0px;display:none}#lyricsText{display:flex;flex-direction:column;gap:25px;padding-top:30px;padding-bottom:50vh}.lyric-line{display:block;margin:0;color:var(--text);font-size:calc(24px * var(--lyrics-zoom, 1));font-weight:700;font-family:Space Grotesk,sans-serif;opacity:.3;transition:color .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),text-shadow .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),font-size .15s ease-out;text-align:left;transform-origin:left center;transform:scale(1)}.lyric-line.active{color:var(--primary);opacity:1;text-shadow:0 0 20px var(--primary-soft);transform:scale(1.12)}.lyric-sync-note{display:block;margin:0 0 10px;color:var(--sub);font-size:14px;font-weight:600;font-family:Space Grotesk,sans-serif;opacity:.7}.artist-card{display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;text-align:center;min-width:100px;transition:transform .2s}.artist-card:hover{transform:scale(1.05)}.artist-card img{width:68px;height:68px;border-radius:50%;object-fit:cover;object-position:center;box-shadow:0 6px 18px #0006;border:2px solid var(--border)}.artist-card h3{font-size:13px;color:var(--text);font-weight:600;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-state-text{color:var(--sub);font-size:13px;padding:4px 0}.artists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:16px;width:100%}.artists-grid .artist-card img{width:100%;aspect-ratio:1 / 1;height:auto;max-width:96px;margin:0 auto}#favArtistsContainer .artist-card img,#popularArtistsContainer .artist-card img{width:72px!important;height:72px!important}.theme-btn{background:transparent;border:none;color:var(--text);cursor:pointer;width:42px;height:42px;display:flex;align-items:center;justify-content:center}.theme-btn i{font-size:22px;color:var(--primary);transition:transform .6s cubic-bezier(.34,1.56,.64,1),opacity .3s ease,color .3s ease}body.light #themeIcon{transform:rotate(180deg) scale(1.15)}body:not(.light) #themeIcon{transform:rotate(0) scale(1)}.mini-thumb-wrap{position:relative;width:42px;height:42px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;background:#000}.mini-thumb-wrap img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(var(--thumb-zoom, 1.5));transform-origin:center}.mini-thumb-wrap #ytPlayer{position:absolute;inset:0;width:100%;height:100%}.mini-thumb-wrap #ytPlayer iframe{width:100%;height:100%}.controls #repeatBtn.repeat-on{color:var(--primary)}#searchResults p,#playlistSongsContainer p,#favoriteContainer p,#playlistContainer p{color:var(--sub);font-size:13px}#playerScreen,#lyricsModal{width:100%;max-width:100%;height:100dvh;min-height:100dvh;min-height:100vh}#lyricsModal{overflow:hidden!important}#playerScreen{overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}#lyricsModal{display:none;flex-direction:column;overscroll-behavior:none;touch-action:none}#lyricsModal .lyrics-header,#lyricsModal .lyrics-player-bar{flex:0 0 auto;position:relative;z-index:2}.lyrics-header{flex:0 0 auto;min-height:72px;padding:max(16px,env(safe-area-inset-top)) 18px 14px}.lyrics-header button{flex:0 0 35px;height:35px}.lyrics-full-container{flex:1 1 auto;min-height:0;height:auto;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;overscroll-behavior-x:none;touch-action:pan-y;padding:18px clamp(18px,5vw,52px) 10px;scroll-behavior:smooth}#lyricsText{width:min(100%,760px);margin:0 auto;gap:clamp(18px,3.5vw,30px);padding-top:24px;padding-bottom:18vh}.lyric-line{position:relative;width:fit-content;max-width:90%;font-size:calc(clamp(24px,4.2vw,38px) * var(--lyrics-zoom, 1));line-height:1.18;overflow-wrap:anywhere;text-wrap:balance}.lyric-line.instrumental-break{display:flex;gap:12px;opacity:.3;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.lyric-line.instrumental-break.active{opacity:1}.instrumental-note{display:inline-block;font-size:.75em;color:var(--primary);opacity:.5}.lyric-line.instrumental-break.active .instrumental-note{animation:instrumentalNotePulse 1.1s ease-in-out infinite}.lyric-line.instrumental-break.active .instrumental-note:nth-child(2){animation-delay:.15s}.lyric-line.instrumental-break.active .instrumental-note:nth-child(3){animation-delay:.3s}@keyframes instrumentalNotePulse{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(-6px);opacity:1}}.lyrics-provider-credit{width:min(100%,760px);margin:30px auto 0;padding-bottom:6px;font-size:13px;font-weight:600;color:var(--sub);opacity:.7;font-family:Space Grotesk,sans-serif}.lyrics-player-bar{flex:0 0 auto;width:min(100%,760px);margin:0 auto;margin-bottom:clamp(18px,3.5vh,34px);padding:8px clamp(18px,5vw,52px) calc(14px + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--bg) 94%,transparent) 22%,var(--bg) 100%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overflow:visible;overscroll-behavior:none;touch-action:none}.lyrics-progress-row{position:relative;width:100%}#lyricsSeekBar{display:block;width:100%;height:4px;margin:0;background:var(--card2);border-radius:99px;outline:none;-webkit-appearance:none;appearance:none;cursor:pointer;accent-color:var(--text)}#lyricsSeekBar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--text)}#lyricsSeekBar::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:var(--text)}.lyrics-seek-feedback{top:-38px;z-index:25}.lyrics-time-info{display:flex;justify-content:space-between;gap:12px;margin-top:7px;color:var(--sub);font-size:11px}.lyrics-player-controls{display:flex;justify-content:center;align-items:center;gap:clamp(30px,9vw,68px);margin-top:10px}.lyrics-player-controls button{display:grid;place-items:center;width:44px;height:44px;border:0;background:transparent;color:var(--text);cursor:pointer;font-size:20px;transition:transform .15s ease,opacity .2s ease}.lyrics-player-controls button:active{transform:scale(.88)}.lyrics-player-controls .lyrics-play-pause{width:52px;height:52px;border-radius:50%;background:var(--text);color:var(--bg);font-size:21px}@media(max-width:700px){body{width:100%}#miniPlayer{left:8px;right:8px;bottom:calc(72px + env(safe-area-inset-bottom));padding:8px 10px;gap:9px}.mini-controls{gap:6px}.mini-controls button{padding:7px}#playerScreen{padding:max(14px,env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom))}.player-main{max-width:620px;justify-content:center}#playerCoverWrap{width:min(78vw,360px);height:min(78vw,360px);margin-bottom:clamp(18px,5vh,32px)}.player-info{margin-bottom:18px}.controls{gap:clamp(24px,8vw,42px)}.lyrics-header{padding-left:14px;padding-right:14px}.lyrics-full-container{padding-left:16px;padding-right:16px}#lyricsText{gap:20px;padding-top:20px}.lyrics-player-bar{margin-bottom:24px;padding-left:16px;padding-right:16px}}@media(max-width:420px){.lyrics-song-title{font-size:14px}.lyrics-label{font-size:10px}.lyric-line{font-size:calc(23px * var(--lyrics-zoom, 1))}.lyrics-player-bar{margin-bottom:26px}.lyrics-player-controls{gap:26px}.lyrics-player-controls button{width:40px;height:40px}.lyrics-player-controls .lyrics-play-pause{width:48px;height:48px}}@media(max-height:600px)and (orientation:landscape){#playerCoverWrap{width:min(35vh,280px);height:min(35vh,280px);margin-bottom:12px}.player-info,.progress-container{margin-bottom:10px}.controls{margin-bottom:0}.lyrics-header{min-height:56px;padding-top:8px;padding-bottom:6px}#lyricsText{padding-top:8px;padding-bottom:8vh}.lyrics-player-controls{margin-top:5px}}#lyricsModal{display:none;grid-template-rows:auto minmax(0,1fr) auto;flex-direction:column}#lyricsModal .lyrics-header{grid-row:1}#lyricsModal .lyrics-full-container{grid-row:2;min-height:0;height:100%}#lyricsModal .lyrics-player-bar{grid-row:3;position:relative;z-index:20;display:block!important;visibility:visible!important;opacity:1!important;width:min(100%,760px);max-width:760px;margin:0 auto;padding:6px clamp(18px,5vw,52px) calc(8px + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--bg) 96%,transparent) 18%,var(--bg) 55%,var(--bg) 100%);box-sizing:border-box;pointer-events:auto}#lyricsModal .lyrics-full-container{padding-bottom:10px}#lyricsModal #lyricsText{padding-bottom:25vh}@media(max-width:700px){#lyricsModal .lyrics-player-bar{padding-left:16px;padding-right:16px;padding-top:4px;padding-bottom:calc(5px + env(safe-area-inset-bottom))}#lyricsModal .lyrics-player-controls{margin-top:5px;gap:clamp(28px,8vw,48px)}#lyricsModal .lyrics-player-controls button{width:40px;height:40px}#lyricsModal .lyrics-player-controls .lyrics-play-pause{width:48px;height:48px}#lyricsModal .lyrics-seek-feedback{top:-38px;z-index:25}.lyrics-time-info{margin-top:5px}#lyricsModal #lyricsText{padding-bottom:20vh}}@media(max-width:420px){#lyricsModal .lyrics-player-bar{padding-top:3px;padding-bottom:calc(3px + env(safe-area-inset-bottom))}#lyricsModal .lyrics-player-controls{margin-top:3px;gap:24px}#lyricsModal .lyrics-player-controls .lyrics-play-pause{width:46px;height:46px}}@media(min-width:701px){#lyricsModal .lyrics-player-bar{padding-top:8px;padding-bottom:16px}#lyricsModal .lyrics-player-controls{margin-top:8px}}:root{--content-max: 1280px;--content-gutter: clamp(14px, 3vw, 40px);--nav-height: 72px;--mini-bottom-gap: 10px}html,body{width:100%;min-width:0;max-width:100%}body{min-height:100dvh;padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom) + 24px)}.header{width:100%;padding:clamp(12px,2vw,22px) var(--content-gutter) clamp(8px,1.5vw,14px)}.top-row,main{width:min(100%,var(--content-max));margin-inline:auto}.top-row{min-height:42px;gap:clamp(8px,2vw,20px)}.logo-container,.theme-btn{flex:0 0 clamp(38px,4vw,46px);width:clamp(38px,4vw,46px);height:clamp(38px,4vw,46px)}.web-title{min-width:0;font-size:clamp(16px,1.7vw,21px)}main{padding:clamp(8px,1.5vw,18px) var(--content-gutter) 30px}section{min-width:0}.section-title h2{font-size:clamp(18px,2vw,25px);margin-bottom:clamp(12px,1.5vw,18px)}.horizontal-list{gap:clamp(10px,1.5vw,18px);padding-bottom:12px;scroll-snap-type:x proximity}.album-card{min-width:clamp(132px,15vw,180px);max-width:clamp(132px,15vw,180px);padding:clamp(9px,1vw,13px);scroll-snap-align:start}.album-card .thumb-wrap{height:auto;aspect-ratio:1 / 1;margin-bottom:clamp(8px,1vw,11px)}.album-card h3{font-size:clamp(12px,1.1vw,14px)}.album-card p{font-size:clamp(10px,.9vw,12px)}.search-wrapper{width:100%;max-width:900px;margin-inline:auto;gap:clamp(7px,1vw,12px)}.search-wrapper input{min-width:0;font-size:clamp(13px,1.3vw,15px);padding:clamp(11px,1.2vw,14px) clamp(12px,1.5vw,17px)}.search-wrapper button{flex:0 0 clamp(46px,5vw,58px);padding:0}.song-item{width:100%;max-width:1000px;margin-inline:auto;gap:clamp(9px,1.2vw,14px);padding:clamp(8px,1vw,12px)}.song-item .thumb-wrap{width:clamp(46px,5vw,58px);height:clamp(46px,5vw,58px);flex:0 0 auto}.song-details h3{font-size:clamp(13px,1.2vw,15px)}.artists-grid{grid-template-columns:repeat(auto-fill,minmax(clamp(80px,9vw,110px),1fr));gap:clamp(12px,1.6vw,20px)}#favArtistsContainer .artist-card img,#popularArtistsContainer .artist-card img{width:clamp(60px,6vw,80px)!important;height:clamp(60px,6vw,80px)!important}.artist-card{min-width:clamp(68px,7vw,90px)}.playlist-detail-header{flex-wrap:wrap;gap:10px}.playlist-detail-header h2{min-width:0;font-size:clamp(19px,2.2vw,28px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#bottomNav{height:calc(var(--nav-height) + env(safe-area-inset-bottom));padding:5px max(10px,env(safe-area-inset-left)) calc(5px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-right));gap:clamp(10px,6vw,70px)}#bottomNav button{min-width:clamp(58px,8vw,90px);max-width:120px;padding:5px clamp(5px,1vw,12px)}#miniPlayer{left:max(10px,calc((100vw - var(--content-max)) / 2));right:max(10px,calc((100vw - var(--content-max)) / 2));bottom:calc(var(--nav-height) + env(safe-area-inset-bottom) + var(--mini-bottom-gap));max-width:var(--content-max);margin-inline:auto}#playerScreen{width:100%;min-height:100dvh;height:100dvh;padding:max(14px,env(safe-area-inset-top)) var(--content-gutter) max(14px,env(safe-area-inset-bottom))}.player-main{width:min(100%,620px);min-height:calc(100dvh - 28px - env(safe-area-inset-top) - env(safe-area-inset-bottom));justify-content:center}#playerCoverWrap{width:min(72vw,380px,42vh);height:min(72vw,380px,42vh);margin-bottom:clamp(16px,4vh,30px)}.player-info{gap:12px;margin-bottom:clamp(14px,3vh,24px)}.player-info>div{min-width:0}.player-info h2{font-size:clamp(18px,2.5vw,25px)}.player-info p{font-size:clamp(13px,1.5vw,16px)}.progress-container{margin-bottom:clamp(16px,3vh,25px)}.controls{gap:clamp(22px,6vw,52px);margin-bottom:0}#lyricsModal{position:fixed;inset:0;width:100%;height:100dvh;min-height:0;max-height:100dvh;display:none;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden!important;padding:0}#lyricsModal[style*="display: flex"]{display:grid!important}#lyricsModal .lyrics-header{grid-row:1;width:100%;min-height:clamp(62px,10vh,90px);padding:max(10px,env(safe-area-inset-top)) var(--content-gutter) 10px;flex:none}.lyrics-header-text{min-width:0}.lyrics-label{font-size:clamp(9px,1vw,12px)}.lyrics-song-title{max-width:min(70vw,700px);margin-inline:auto;font-size:clamp(13px,1.5vw,17px)}#lyricsModal .lyrics-full-container{grid-row:2;width:100%;min-width:0;min-height:0;height:auto;overflow-x:hidden!important;overflow-y:auto!important;padding:clamp(12px,2vh,24px) var(--content-gutter) 10px;touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}#lyricsText{width:min(100%,900px);margin-inline:auto;gap:clamp(16px,3.2vh,30px);padding-top:clamp(18px,3vh,34px);padding-bottom:clamp(100px,18vh,180px)}.lyric-line{width:fit-content;max-width:90%;font-size:calc(clamp(20px,3.2vw,38px) * var(--lyrics-zoom, 1));line-height:1.2;overflow-wrap:anywhere}#lyricsModal .lyrics-player-bar{grid-row:3;width:100%;max-width:100%;min-width:0;margin:0;padding:8px var(--content-gutter) max(22px,env(safe-area-inset-bottom));display:block!important;visibility:visible!important;opacity:1!important;z-index:30;background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--bg) 96%,transparent) 18%,var(--bg) 55%,var(--bg) 100%)}.lyrics-progress-row,.lyrics-player-controls{width:min(100%,900px);margin-inline:auto}#lyricsSeekBar{height:clamp(4px,.5vw,6px)}.lyrics-seek-feedback{top:-34px}.lyrics-time-info{font-size:clamp(10px,1vw,12px);margin-top:6px}.lyrics-player-controls{gap:clamp(30px,7vw,80px);margin-top:clamp(7px,1.2vh,12px)}.lyrics-player-controls button{width:clamp(40px,4vw,48px);height:clamp(40px,4vw,48px);font-size:clamp(18px,2vw,22px)}.lyrics-player-controls .lyrics-play-pause{width:clamp(48px,5vw,58px);height:clamp(48px,5vw,58px);font-size:clamp(19px,2.2vw,23px)}@media(max-width:480px){:root{--nav-height: 68px;--content-gutter: 14px}.header{padding-top:max(10px,env(safe-area-inset-top))}.top-row{gap:6px}.logo-container,.theme-btn{flex-basis:38px;width:38px;height:38px}#miniPlayer{left:8px;right:8px;padding:8px 9px}.mini-controls{gap:2px}.mini-details h4{font-size:12px}.mini-details p{font-size:10px}#lyricsModal .lyrics-header{min-height:68px;padding-inline:12px}#lyricsModal .lyrics-full-container{padding-inline:14px}#lyricsText{gap:18px;padding-top:16px;padding-bottom:130px}.lyric-line{font-size:calc(clamp(20px,6.4vw,29px) * var(--lyrics-zoom, 1))}#lyricsModal .lyrics-player-bar{padding:7px 14px max(28px,env(safe-area-inset-bottom))}.lyrics-player-controls{gap:clamp(28px,11vw,48px);margin-top:8px}}@media(max-width:360px){.web-title{font-size:15px}#lyricsModal .lyrics-header{min-height:62px}#lyricsText{gap:15px}.lyric-line{font-size:calc(19px * var(--lyrics-zoom, 1))}.lyrics-player-controls{gap:24px}}@media(min-width:481px)and (max-width:900px){:root{--content-gutter: clamp(20px, 5vw, 42px)}main{max-width:900px}#lyricsText{width:min(100%,760px)}#lyricsModal .lyrics-player-bar{padding-bottom:max(24px,env(safe-area-inset-bottom))}}@media(min-width:901px){:root{--nav-height: 76px}body{padding-bottom:calc(var(--nav-height) + 28px)}#bottomNav{justify-content:center}#lyricsModal .lyrics-header{min-height:82px}#lyricsModal .lyrics-full-container{padding-inline:28px}#lyricsText{width:min(100%,900px);padding-bottom:120px}#lyricsModal .lyrics-player-bar{padding-left:28px;padding-right:28px;padding-bottom:22px}}@media(min-width:1440px){.header,main{--content-gutter: 42px}.lyric-line{font-size:calc(36px * var(--lyrics-zoom, 1))}}@media(max-height:650px)and (orientation:landscape){#playerScreen{padding-top:max(8px,env(safe-area-inset-top))}#playerCoverWrap{width:min(34vh,260px);height:min(34vh,260px);margin-bottom:10px}.player-info,.progress-container{margin-bottom:8px}#lyricsModal .lyrics-header{min-height:54px;padding-top:max(5px,env(safe-area-inset-top));padding-bottom:5px}#lyricsText{padding-top:8px;padding-bottom:90px;gap:12px}.lyric-line{font-size:calc(clamp(18px,4vw,27px) * var(--lyrics-zoom, 1))}#lyricsModal .lyrics-player-bar{padding-top:5px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.lyrics-player-controls{margin-top:4px}}#homePage,#searchPage,#libraryPage,#playlistDetailPage,.player-main,.lyrics-header,.lyrics-full-container,.lyrics-player-bar{min-width:0;max-width:100%}img,video,iframe{max-width:100%}button,input{max-width:100%}