body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#333}#app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.audio-player{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:30px;width:100%;max-width:800px;min-height:500px}.player-header{text-align:center;margin-bottom:30px}.player-title{font-size:2rem;font-weight:700;color:#2d3748;margin-bottom:10px}.current-track{font-size:1.1rem;color:#4a5568;margin-bottom:20px}.track-info{background:#f7fafc;border-radius:12px;padding:20px;margin-bottom:20px}.track-title{font-size:1.3rem;font-weight:600;color:#2d3748;margin-bottom:8px}.track-artist{color:#718096;font-size:1rem}.controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:30px}.control-btn{background:#667eea;color:#fff;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:1.2rem}.control-btn:hover{background:#5a67d8;transform:scale(1.1)}.control-btn:disabled{background:#cbd5e0;cursor:not-allowed;transform:none}.play-btn{width:60px;height:60px;font-size:1.5rem}.progress-container{margin-bottom:20px}.progress-bar{width:100%;height:8px;background:#e2e8f0;border-radius:4px;cursor:pointer;position:relative;margin-bottom:10px}.progress{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width .1s ease}.time-display{display:flex;justify-content:space-between;font-size:.9rem;color:#718096}.settings{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:15px}.setting-group{display:flex;align-items:center;gap:10px}.setting-label{font-weight:500;color:#4a5568}.select{padding:8px 12px;border:2px solid #e2e8f0;border-radius:8px;background:#fff;color:#4a5568;cursor:pointer;transition:border-color .3s ease}.select:focus{outline:none;border-color:#667eea}.playlist{background:#f7fafc;border-radius:12px;padding:20px;max-height:300px;overflow-y:auto}.playlist-title{font-size:1.2rem;font-weight:600;color:#2d3748;margin-bottom:15px}.playlist-item{display:flex;align-items:center;padding:12px;border-radius:8px;cursor:pointer;transition:background-color .3s ease;margin-bottom:8px}.playlist-item:hover{background:#edf2f7}.playlist-item.active{background:#667eea;color:#fff}.playlist-item-number{width:30px;text-align:center;font-weight:500;margin-right:15px}.playlist-item-info{flex:1}.playlist-item-title{font-weight:500;margin-bottom:4px}.playlist-item-artist{font-size:.9rem;opacity:.8}.subtitles{background:#000c;color:#fff;padding:10px 20px;border-radius:8px;text-align:center;margin-top:20px;min-height:50px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;line-height:1.4}.error-message{background:#fed7d7;color:#c53030;padding:15px;border-radius:8px;margin-bottom:20px;text-align:center}.retry-info{background:#bee3f8;color:#2b6cb0;padding:10px;border-radius:8px;margin-bottom:15px;text-align:center;font-size:.9rem}@media (max-width: 768px){.audio-player{padding:20px;margin:10px}.controls{gap:15px}.control-btn{width:45px;height:45px}.play-btn{width:55px;height:55px}.settings{flex-direction:column;align-items:stretch}.setting-group{justify-content:space-between}}.global-player-controller[data-v-28056db8]{position:relative}.floating-play-button[data-v-28056db8]{position:fixed;bottom:20px;right:20px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;box-shadow:0 10px 30px #0000004d;padding:15px;display:flex;align-items:center;gap:15px;cursor:pointer;transition:all .3s ease;z-index:1000;max-width:300px;min-width:200px}.floating-play-button[data-v-28056db8]:hover{transform:translateY(-2px);box-shadow:0 15px 40px #0006}.floating-icon[data-v-28056db8]{background:#667eea;color:#fff;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.floating-info[data-v-28056db8]{flex:1;min-width:0}.floating-title[data-v-28056db8]{font-weight:600;color:#2d3748;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.floating-artist[data-v-28056db8]{color:#718096;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.floating-play-button[data-v-28056db8]{bottom:10px;right:10px;max-width:250px;min-width:180px;padding:12px}.floating-icon[data-v-28056db8]{width:35px;height:35px;font-size:1rem}.floating-title[data-v-28056db8]{font-size:.8rem}.floating-artist[data-v-28056db8]{font-size:.7rem}}*{margin:0;padding:0;box-sizing:border-box}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;width:100%}.app{width:100%;min-height:100vh}