@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";.app-container{background:var(--bg-base);width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border-right:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;width:240px;height:100vh;padding:24px 20px 100px;display:flex}.sidebar-logo{color:var(--accent-primary);align-items:center;gap:10px;margin-bottom:36px;font-size:22px;font-weight:700;display:flex}.nav-links{flex-direction:column;gap:8px;display:flex}.nav-link{color:var(--text-secondary);border-radius:var(--border-radius-md);transition:all var(--transition-fast);cursor:pointer;align-items:center;gap:14px;padding:10px 12px;font-size:15px;font-weight:500;display:flex}.nav-link:hover{color:var(--text-primary);background:#ffffff0d}.nav-link.active{color:var(--text-primary);background:#ffffff14}.main-content{background:linear-gradient(180deg, #1e1e1e66 0%, var(--bg-base) 300px);flex-direction:column;flex:1;min-width:0;height:calc(100vh - 80px);padding:24px 28px;display:flex;overflow:hidden auto}.main-content::-webkit-scrollbar{width:8px}.main-content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.section-header{margin-bottom:20px;font-size:28px;font-weight:700}.song-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;margin-top:8px;display:grid}.song-card{cursor:pointer;transition:all var(--transition-normal);background:#ffffff08;border:1px solid #0000;border-radius:10px;min-width:0;padding:14px}.song-card:hover{background:#ffffff12;transform:translateY(-2px)}.song-card:active{transform:scale(.98)}.song-thumbnail{aspect-ratio:1;border-radius:var(--border-radius-sm);object-fit:cover;background:#1a1a1a;width:100%;margin-bottom:12px;box-shadow:0 4px 16px #0006}.song-title{margin-bottom:3px;font-size:14px;font-weight:600;line-height:1.3}.song-artist{color:var(--text-secondary);font-size:12px;line-height:1.3}.text-ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.search-container{margin-bottom:24px;position:relative}.search-input{border-radius:var(--border-radius-full);width:100%;max-width:420px;color:var(--text-primary);transition:all var(--transition-fast);background:#ffffff0f;border:1px solid #ffffff1a;padding:12px 20px 12px 44px;font-family:inherit;font-size:15px}.search-input:focus{border-color:var(--accent-primary);background:#ffffff1a;outline:none}.search-icon{color:var(--text-secondary);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.player-container{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:100;background:linear-gradient(#181818f2 0%,#121212fa 100%);border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;height:80px;padding:0 20px;display:flex;position:fixed;bottom:0;left:0;right:0}.player-info{cursor:pointer;align-items:center;gap:14px;width:28%;min-width:0;display:flex}.player-info img{object-fit:cover;border-radius:6px;flex-shrink:0;width:52px;height:52px;box-shadow:0 2px 8px #0000004d}.player-controls{flex-direction:column;align-items:center;width:42%;display:flex}.control-buttons{align-items:center;gap:20px;margin-bottom:6px;display:flex}.play-btn{background:var(--text-primary);width:36px;height:36px;color:var(--bg-base);border-radius:50%;justify-content:center;align-items:center;transition:transform .15s,background .15s;display:flex}.play-btn:hover{background:var(--accent-primary-hover);transform:scale(1.06)}.progress-container{width:100%;color:var(--text-secondary);align-items:center;gap:8px;font-size:11px;display:flex}.player-extras{justify-content:flex-end;align-items:center;gap:12px;width:28%;display:flex}.discovery-view{flex-direction:column;gap:36px;margin-top:10px;display:flex}.discovery-section-header{letter-spacing:-.5px;margin-bottom:16px;font-size:22px;font-weight:700}.horizontal-scroll{scroll-snap-type:x mandatory;gap:16px;padding-bottom:16px;display:flex;overflow-x:auto}.horizontal-scroll::-webkit-scrollbar{height:6px}.horizontal-scroll::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.chart-card{scroll-snap-align:start;cursor:pointer;min-width:160px;max-width:160px;transition:transform var(--transition-fast)}.chart-card:hover{transform:translateY(-4px)}.chart-thumbnail{aspect-ratio:1;border-radius:var(--border-radius-md);object-fit:cover;width:100%;margin-bottom:10px;box-shadow:0 4px 16px #0000004d}.chart-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;font-size:14px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.chart-subtitle{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.mood-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;display:grid}.mood-card{cursor:pointer;height:90px;transition:transform var(--transition-fast);border-radius:12px;align-items:flex-end;padding:14px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #0003}.mood-card:hover{transform:scale(1.03)}.mood-title{color:#fff;text-shadow:0 2px 6px #0009;z-index:2;font-size:16px;font-weight:700;line-height:1.2}input[type=range]{-webkit-appearance:none;cursor:pointer;background:0 0;width:100%;margin:0}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background:#fff3;border-radius:2px;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;width:12px;height:12px;margin-top:-4px;transition:transform .1s}input[type=range]:hover::-webkit-slider-thumb{background:var(--accent-primary);transform:scale(1.3)}input[type=range]::-moz-range-track{background:#fff3;border:none;border-radius:2px;height:4px}input[type=range]::-moz-range-thumb{background:#fff;border:none;border-radius:50%;width:12px;height:12px}.expanded-player-overlay{z-index:998;opacity:0;pointer-events:none;background:#00000080;transition:opacity .4s cubic-bezier(.16,1,.3,1);position:fixed;inset:0}.play-all-btn{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:40px;align-items:center;gap:10px;margin-bottom:24px;padding:14px 40px;font-size:17px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 20px #00a3ff66}.play-all-btn:hover{background:var(--accent-primary-hover);transform:scale(1.05);box-shadow:0 6px 25px #00a3ff80}.play-all-btn:active{transform:scale(.98)}.lyrics-view{text-align:center;color:#ffffffe6;white-space:pre-wrap;width:min(80vw,500px);height:min(60vh,400px);padding:0 20px;font-size:18px;font-weight:500;line-height:1.8;animation:.5s cubic-bezier(.16,1,.3,1) forwards albumFadeIn;overflow-y:auto}.lyrics-view::-webkit-scrollbar{width:6px}.lyrics-view::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.expanded-player-overlay.open{opacity:1;pointer-events:all}.expanded-player{z-index:999;background:linear-gradient(#1e1e2e 0%,#0d0d0d 60%);flex-direction:column;height:100%;transition:transform .5s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden;transform:translateY(100%)}.expanded-player.open{transform:translateY(0)}.expanded-player-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.expanded-player-header button{color:var(--text-secondary);padding:4px;transition:color .2s}.expanded-player-header button:hover{color:var(--text-primary)}.expanded-player-body{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:28px;padding:0 32px 32px;display:flex;overflow-y:auto}.expanded-album-art{object-fit:cover;border-radius:12px;width:min(70vw,360px);height:min(70vw,360px);animation:.5s cubic-bezier(.16,1,.3,1) forwards albumFadeIn;box-shadow:0 20px 60px #00000080}@keyframes albumFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.expanded-song-info{text-align:center;width:100%;max-width:380px}.expanded-song-info .exp-title{white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px;font-size:22px;font-weight:700;overflow:hidden}.expanded-song-info .exp-artist{color:var(--text-secondary);font-size:15px}.expanded-controls-container{width:100%;max-width:380px}.expanded-progress{color:var(--text-secondary);align-items:center;gap:10px;margin-bottom:20px;font-size:12px;display:flex}.expanded-progress input[type=range]{flex:1}.expanded-buttons{justify-content:center;align-items:center;gap:32px;display:flex}.expanded-play-btn{background:var(--text-primary);width:60px;height:60px;color:var(--bg-base);border-radius:50%;justify-content:center;align-items:center;transition:transform .15s;display:flex}.expanded-play-btn:hover{transform:scale(1.08)}.expanded-extras{justify-content:center;align-items:center;width:100%;max-width:380px;margin-top:4px;display:flex}.expanded-volume{align-items:center;gap:10px;display:flex}.expanded-volume input[type=range]{width:100px}.mobile-bottom-nav,.mobile-mini-controls{display:none}@media (width<=768px){.sidebar{display:none}.mobile-bottom-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:95;height:54px;padding:0;padding-bottom:env(safe-area-inset-bottom,0px);background:#0a0a0afa;border-top:1px solid #ffffff0f;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav-item{color:var(--text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;flex-direction:column;align-items:center;gap:2px;padding:8px 20px;font-size:10px;font-weight:500;transition:color .2s;display:flex}.mobile-nav-item.active{color:var(--accent-primary)}.main-content{background:linear-gradient(180deg, #19192380 0%, var(--bg-base) 200px);height:calc(100vh - 54px);padding:16px 14px}.main-content.has-player{height:calc(100vh - 110px)}.section-header{margin-bottom:14px;font-size:22px}.song-grid{margin-top:8px;grid-template-columns:repeat(2,1fr)!important;gap:10px!important;display:grid!important}.song-card{background:#ffffff0a;border-radius:8px;min-width:0;padding:10px}.song-card:hover{transform:none}.song-card:active{background:#ffffff14;transform:scale(.97)}.song-thumbnail{border-radius:6px;margin-bottom:8px;box-shadow:0 2px 8px #0000004d}.song-title{font-size:13px;font-weight:600}.song-artist{font-size:11px}.search-container{margin-bottom:16px}.search-input{max-width:100%;padding:10px 16px 10px 40px;font-size:14px}.mood-grid{grid-template-columns:repeat(2,1fr);gap:12px}.chart-card{min-width:130px;max-width:130px}.discovery-section-header{margin-bottom:12px;font-size:20px}.player-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:96;background:#1c1c1cf7;border-top:1px solid #ffffff0f;border-bottom:none;height:56px;padding:0 10px;position:fixed;bottom:54px;left:0;right:0}.player-info{flex:1;gap:10px;width:auto;min-width:0}.player-info img{border-radius:5px;width:40px;height:40px}.player-controls,.player-extras,.mini-like-btn{display:none!important}.mobile-mini-controls{flex-shrink:0;align-items:center;gap:18px;padding-left:8px;display:flex!important}.mobile-mini-controls .mini-heart-btn{justify-content:center;align-items:center;padding:4px;display:flex}.mobile-mini-controls .play-btn{width:32px;height:32px}.expanded-player{border-radius:0}.expanded-album-art{border-radius:12px;width:min(72vw,280px);height:min(72vw,280px)}.expanded-player-body{gap:20px;padding:0 24px 20px}.expanded-song-info .exp-title{font-size:20px}.expanded-song-info .exp-artist{font-size:13px}.expanded-play-btn{width:54px;height:54px}.expanded-volume{display:none}.artist-header-mobile{flex-wrap:wrap}}@media (width<=380px){.main-content{padding:12px 10px}.song-grid{gap:8px!important}.song-card{padding:8px}.song-title{font-size:12px}.song-artist{font-size:10px}.section-header{margin-bottom:10px;font-size:20px}.expanded-album-art{width:min(78vw,240px);height:min(78vw,240px)}.expanded-play-btn{width:48px;height:48px}.expanded-buttons{gap:24px}}@media (width>=769px) and (width<=1024px){.sidebar{width:200px;padding:20px 16px}.song-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:16px}}:root{--bg-base:#000;--bg-surface:#121212;--bg-elevated:#1a1a1a;--bg-highlight:#282828;--accent-primary:#00a3ff;--accent-primary-hover:#33b5ff;--text-primary:#fff;--text-secondary:#b3b3b3;--border-radius-sm:6px;--border-radius-md:8px;--border-radius-full:500px;--transition-fast:.15s ease;--transition-normal:.3s ease}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Outfit,sans-serif;overflow:hidden}button{color:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit}a{color:inherit;text-decoration:none}