*{box-sizing:border-box;-webkit-user-select:none;user-select:none}body{background:linear-gradient(145deg,#121212 0%,#1e1e2f 100%);justify-content:center;align-items:center;min-height:100vh;margin:0;padding:15px;font-family:system-ui,Segoe UI,Roboto,Helvetica Neue,sans-serif;display:flex}.music-player{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e1e2ed9;border-radius:2rem;width:100%;max-width:520px;padding:1.2rem 1.2rem 1.5rem;transition:all .2s;overflow:hidden;box-shadow:0 25px 45px #0006,0 0 0 1px #ffffff0d}.player-header{text-align:center;margin-bottom:.8rem}.player-header h1{background:linear-gradient(135deg,#e8e8ff,#c0b9ff);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.2rem;font-weight:600;display:inline-block}.sub{color:#aaa9c2;border-left:1px solid #fff3;margin-left:8px;padding-left:8px;font-size:.7rem;display:inline-block}.now-playing-card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000059;border:1px solid #ffffff14;border-radius:1.5rem;margin-bottom:.8rem;padding:1rem 1rem .8rem;position:relative}.player-core-layout{align-items:flex-end;gap:12px;display:flex;position:relative}.player-info-side{flex:1;min-width:0}.track-label{text-transform:uppercase;letter-spacing:1px;color:#b9b8e0;font-size:.65rem;font-weight:500}.current-track-name{color:#f0efff;white-space:nowrap;text-overflow:ellipsis;margin:.2rem 0 .4rem;font-size:1.1rem;font-weight:600;overflow:hidden}.queue-badge{color:#9d9bc7;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;font-size:.65rem;display:flex}.queue-badge span{background:#2a2a3c;border-radius:40px;padding:1px 8px}audio{display:none}.progress-container{flex-direction:column;gap:2px;margin-top:4px;display:flex}.progress-bar-wrapper{align-items:center;width:100%;display:flex}.progress-time-info{color:#9d9bc7;justify-content:space-between;padding:0 2px;font-size:.7rem;display:flex}.volume-popover-group{cursor:pointer;flex-direction:column;align-items:center;padding:2px;display:flex;position:relative}.volume-icon-btn{color:#b6b4dd;justify-content:center;align-items:center;transition:color .2s;display:flex}.volume-icon-btn:hover{color:#6c5ce7}.volume-icon-btn svg{fill:currentColor;width:16px;height:16px}.vertical-slider-housing{opacity:0;visibility:hidden;z-index:10;background:#14141ef2;border:1px solid #ffffff1a;border-radius:15px;justify-content:center;height:90px;padding:8px 6px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;bottom:28px;transform:translateY(10px);box-shadow:0 10px 25px #00000080}.volume-popover-group:hover .vertical-slider-housing,.volume-popover-group:focus-within .vertical-slider-housing{opacity:1;visibility:visible;transform:translateY(0)}input[type=range]{-webkit-appearance:none;cursor:pointer;background:#ffffff1a;border-radius:3px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#6c5ce7;border-radius:50%;width:10px;height:10px;box-shadow:0 0 6px #6c5ce7cc}.progress-bar-wrapper input[type=range]{width:100%;height:4px}.vertical-slider-housing input[type=range]{writing-mode:vertical-lr;direction:rtl;width:4px;height:70px;padding:0}.card-action-buttons{border-top:1px solid #ffffff0d;justify-content:center;align-items:center;gap:1.2rem;margin-top:.8rem;padding-top:.6rem;display:flex}.btn{color:#b6b4dd;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#2c2b40;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .2s;display:flex;box-shadow:0 3px 8px #0000004d}.btn svg{fill:currentColor;width:14px;height:14px}.btn-primary{color:#fff;background:#6c5ce7;width:44px;height:44px;box-shadow:0 4px 10px #6c5ce766}.btn-primary svg{width:18px;height:18px}.btn-primary svg.svg-play{transform:translate(1px)}.btn-primary:hover{color:#fff;background:#5f4bd8;transform:scale(1.05)}.btn-secondary:hover{color:#fff;background:#4e4b6e;transform:scale(1.05)}.btn.active{color:#28a745;background:#28a74533;border:1px solid #28a74566}.lyrics-container{background:#0003;border:1px solid #ffffff08;border-radius:1.2rem;height:150px;margin-bottom:.8rem;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000 20% 80%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 20% 80%,#0000 100%)}.lyrics-wrapper{text-align:center;width:100%;padding:60px 0;transition:transform .3s cubic-bezier(.25,.46,.45,.94);position:absolute;top:0;left:0}.lyric-line{color:#e8e6ff66;white-space:nowrap;box-sizing:border-box;justify-content:center;height:30px;padding:0 20px;font-size:.85rem;line-height:30px;transition:all .3s;display:flex;overflow:hidden}.lyric-text-wrap{white-space:nowrap;display:inline-block}.lyric-line.active{color:#fff;text-shadow:0 0 12px #6c5ce799;font-size:1.05rem;font-weight:600}.lyric-line.active.scroll-active{justify-content:flex-start}.lyric-line.active.scroll-active .lyric-text-wrap{padding-left:20px;animation:10s linear infinite lyric-scroll}@keyframes lyric-scroll{0%{transform:translate(0,0)}10%{transform:translate(0,0)}90%{transform:translate(-50%)}to{transform:translate(-50%)}}.lyric-empty{color:#8987aa;justify-content:center;align-items:center;height:150px;margin-top:-60px;font-size:.85rem;font-style:italic;display:flex}.playlist-section{margin-top:.8rem}.section-title{letter-spacing:1px;color:#b6b4dd;border-bottom:1px dashed #3f3e58;justify-content:space-between;margin-bottom:8px;padding-bottom:6px;font-size:.8rem;font-weight:600;display:flex}.playlist-search-container{margin-bottom:.8rem}.search-box{box-sizing:border-box;color:#f0efff;background:#00000040;border:1px solid #35344a;border-radius:40px;outline:none;width:100%;padding:10px 16px;font-size:.85rem;transition:all .2s}.search-box:focus{background:#0006;border-color:#6c5ce7}.track-list{scroll-behavior:smooth;background:#0003;border-radius:1rem;max-height:180px;padding:.2rem;position:relative;overflow-y:auto}.track-list ul{margin:0;padding:0;list-style:none}.track-item{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#2d2b41b3;border:1px solid #0000;border-radius:40px;justify-content:space-between;align-items:center;margin:4px;padding:8px 14px;font-size:.8rem;transition:all .1s;display:flex}.track-item:hover{background:#4a4870;border-color:#908bda}.track-item.playing{background:#6c5ce740;border-color:#6c5ce7}.track-item.playing .track-name{color:#c0b9ff;font-weight:700}.track-name{color:#e8e6ff;white-space:nowrap;text-overflow:ellipsis;max-width:320px;overflow:hidden}.track-badge{color:#cbc9ff;background:#1f1f2e;border-radius:30px;padding:2px 8px;font-size:.65rem}.track-item.playing .track-badge{color:#fff;background:#6c5ce7}.empty-list{text-align:center;color:#8987aa;padding:1.5rem;font-size:.8rem;font-style:italic}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#252437;border-radius:10px}::-webkit-scrollbar-thumb{background:#6c5ce7;border-radius:10px}.status-tip{text-align:center;color:#7d7ba5;background:#1f1e30;border-radius:60px;width:auto;margin-top:10px;margin-left:auto;margin-right:auto;padding:3px 10px;font-size:.65rem;display:inline-block}.flex-center{justify-content:center;display:flex}