:root{--primary-color: #4a6cf7;--primary-hover: #3b5ae0;--secondary-color: #6c7ae0;--text-color: #333;--text-secondary: #666;--bg-color: #f5f7fa;--card-bg: #ffffff;--border-color: #e1e5eb;--hover-color: #eef1f8;--shadow-light: 0 2px 8px rgba(74, 108, 247, .08);--shadow-medium: 0 4px 16px rgba(74, 108, 247, .12);--shadow-heavy: 0 8px 32px rgba(74, 108, 247, .16);--border-radius: 12px;--border-radius-small: 6px;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", sans-serif}[data-theme=dark]{--primary-color: #5d7bf9;--primary-hover: #4c6ae8;--secondary-color: #7d89e4;--text-color: #e1e1e1;--text-secondary: #a0a0a0;--bg-color: #1a1a2e;--card-bg: #242442;--border-color: #2d2d52;--hover-color: #2a2a4a;--shadow-light: 0 2px 8px rgba(0, 0, 0, .2);--shadow-medium: 0 4px 16px rgba(0, 0, 0, .3);--shadow-heavy: 0 8px 32px rgba(0, 0, 0, .4)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background:linear-gradient(135deg,var(--bg-color) 0%,var(--hover-color) 100%);color:var(--text-color);transition:var(--transition);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:clamp(4px,2vw,20px);line-height:1.6}#app{width:100%;display:flex;flex-direction:column;align-items:center;flex:1;min-height:0}button{background:none;border:none;cursor:pointer;color:var(--text-color);font-size:18px;transition:var(--transition);outline:none;padding:8px;border-radius:var(--border-radius-small)}button:hover{background:var(--hover-color);color:var(--primary-color);transform:scale(1.05)}button:active{transform:scale(.95)}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.song-title,.song-artist{-webkit-user-select:none;user-select:none}mark{background:var(--primary-color);color:#fff;padding:1px 3px;border-radius:2px;font-weight:500}[data-theme=dark] mark{background:var(--primary-color);color:var(--card-bg)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{background:#ffffff59}50%{background:#ffffff80}}@keyframes locateHighlight{0%{background:var(--primary-color);transform:translate(4px) scale(1.02)}50%{background:var(--secondary-color);transform:translate(6px) scale(1.02)}to{background:var(--primary-color);transform:translate(4px) scale(1)}}@media(max-width:768px){.player-container{max-width:100vw;border-radius:0;box-shadow:none;border:none;max-height:none}.search-container{padding:12px 16px}.player-main{flex-direction:column;min-height:auto}.album-section{min-width:auto;width:100%;padding-bottom:16px;display:flex;flex-direction:column;align-items:center;justify-content:center}.album-cover{width:clamp(90px,20vw,140px);height:clamp(90px,20vw,140px);aspect-ratio:1 / 1;margin-bottom:16px;margin-left:auto;margin-right:auto}.song-info{margin-bottom:16px}.song-info h1{font-size:clamp(16px,4vw,20px)}.song-info .artist{font-size:clamp(12px,3vw,14px)}.playlist-container{min-height:150px;border-radius:var(--border-radius-small);margin-bottom:12px;flex-grow:1}.playlist-header{padding:12px 16px;flex-wrap:wrap;gap:8px}.playlist-header h2{font-size:16px;flex:1;min-width:80px}.playlist-controls{margin-left:0;gap:6px;flex:0 0 auto;justify-content:flex-end}.playlist-controls button{min-width:30px;min-height:30px;font-size:14px;padding:5px 8px}.controls{display:none}.mobile-controls{display:block;padding:12px 16px}.mobile-main-controls{gap:12px}.mobile-control-btn{min-width:40px;min-height:40px;font-size:16px}.mobile-play-pause-btn{min-width:48px;min-height:48px;font-size:20px}.mobile-volume-controls{gap:6px;padding:6px 10px}.mobile-volume-controls .mobile-control-btn{min-width:32px;min-height:32px;font-size:12px}.progress-container{padding:12px 0;margin-bottom:16px}.progress-bar,.progress-bar:hover{height:8px}.progress-handle{width:20px;height:20px;right:-10px}.progress-tooltip{bottom:40px;font-size:14px;padding:8px 12px}.playlist-empty{padding:24px 12px}.playlist-empty i{font-size:40px}.playlist-empty p{font-size:14px}}@media(max-width:480px){.search-container{padding:10px 12px}.search-input-wrapper{max-width:100%;border-radius:var(--border-radius-small)}.search-input-wrapper input{font-size:14px;padding:10px 12px}.search-input-wrapper .search-btn{min-width:40px;height:38px;font-size:16px}.search-input-wrapper .clear-search-btn{right:48px;font-size:16px}.album-section{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.progress-container{padding:16px 0;margin-bottom:12px}.progress-bar{height:10px}.progress-handle{width:24px;height:24px;right:-12px}.progress-tooltip{bottom:45px;font-size:16px;padding:10px 14px}.playlist-container{min-height:100px;flex-grow:1}.playlist-header{padding:10px 12px;flex-direction:column;align-items:stretch;gap:8px}.playlist-header h2{font-size:15px;text-align:center;margin-bottom:4px}.playlist-controls{justify-content:center;gap:6px;margin:0;flex-wrap:wrap}.playlist-controls button{min-width:34px;min-height:34px;font-size:13px;padding:6px;border-radius:8px}.floating-buttons{bottom:12px;right:12px;gap:10px;flex-direction:row}.theme-toggle,.fullscreen-btn{width:44px;height:44px;font-size:18px}.playlist-empty{padding:24px 12px}.playlist-empty i{font-size:40px}.playlist-empty p{font-size:14px}}@media(hover:none)and (pointer:coarse){button{min-width:44px;min-height:44px;padding:10px}.playlist-controls button{min-width:40px;min-height:40px;padding:8px;gap:2px}button:active{transform:scale(.92);background:var(--primary-color)!important;color:#fff!important}.playlist-controls button:active{background:#fff6!important;transform:scale(.92)}.play-pause-btn:active{transform:scale(.95)}.mobile-control-btn:active{transform:scale(.92);background:#ffffff59!important}.mobile-play-pause-btn:active{transform:scale(.95);background:#fffffff2!important}}@media(max-width:360px){.playlist-header{padding:8px 10px}.playlist-controls{gap:4px}.playlist-controls button{min-width:30px;min-height:30px;font-size:12px;padding:5px}}