.audio-player[data-v-e73f819f]{max-width:400px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.player-container[data-v-e73f819f]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;padding:30px;box-shadow:0 20px 40px #0000001a;color:#fff}.album-cover[data-v-e73f819f]{text-align:center;margin-bottom:25px}.cover-circle[data-v-e73f819f]{width:120px;height:120px;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2)}.music-icon[data-v-e73f819f]{width:50px;height:50px;color:#fff}.controls[data-v-e73f819f]{text-align:center}.track-info[data-v-e73f819f]{margin-bottom:20px}.track-title[data-v-e73f819f]{margin:0 0 5px;font-size:1.5rem;font-weight:600}.track-artist[data-v-e73f819f]{margin:0;opacity:.8;font-size:.9rem}.play-controls[data-v-e73f819f]{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:25px}.control-btn[data-v-e73f819f]{background:#ffffff1a;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#fff}.control-btn[data-v-e73f819f]:hover:not(:disabled){background:#fff3;transform:scale(1.1)}.control-btn[data-v-e73f819f]:disabled{opacity:.5;cursor:not-allowed}.control-btn svg[data-v-e73f819f]{width:20px;height:20px}.play-btn[data-v-e73f819f]{background:#fff3;border:none;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.play-btn[data-v-e73f819f]:hover{background:#ffffff4d;transform:scale(1.1)}.play-btn svg[data-v-e73f819f]{width:30px;height:30px}.progress-container[data-v-e73f819f]{margin-bottom:20px}.time-display[data-v-e73f819f]{display:flex;justify-content:space-between;margin-bottom:10px;font-size:.8rem;opacity:.8}.progress-bar[data-v-e73f819f]{position:relative;height:6px;background:#fff3;border-radius:3px;cursor:pointer;overflow:hidden}.progress-fill[data-v-e73f819f]{height:100%;background:linear-gradient(90deg,#ff6b6b,#feca57);border-radius:3px;transition:width .1s ease}.progress-handle[data-v-e73f819f]{position:absolute;top:50%;width:16px;height:16px;background:#fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0000004d;transition:left .1s ease}.volume-control[data-v-e73f819f]{display:flex;align-items:center;gap:10px;justify-content:center}.volume-icon[data-v-e73f819f]{width:20px;height:20px;opacity:.8}.volume-slider[data-v-e73f819f]{width:100px;height:4px;background:#fff3;border-radius:2px;outline:none;cursor:pointer;-webkit-appearance:none}.volume-slider[data-v-e73f819f]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0003}.volume-slider[data-v-e73f819f]::-moz-range-thumb{width:16px;height:16px;background:#fff;border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 4px #0003}@media (max-width: 480px){.audio-player[data-v-e73f819f]{padding:15px}.player-container[data-v-e73f819f]{padding:20px}.cover-circle[data-v-e73f819f]{width:100px;height:100px}.music-icon[data-v-e73f819f]{width:40px;height:40px}.play-btn[data-v-e73f819f]{width:50px;height:50px}.play-btn svg[data-v-e73f819f]{width:25px;height:25px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,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}.app-container{width:100%;max-width:500px;text-align:center}.app-header{margin-bottom:40px;color:#fff}.app-header h1{font-size:2.5rem;font-weight:700;margin-bottom:10px;text-shadow:0 2px 10px rgba(0,0,0,.3)}.app-header p{font-size:1.1rem;opacity:.9;font-weight:300}.app-main{margin-bottom:40px}.app-footer{color:#fff;opacity:.8;font-size:.9rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.app-header{animation:fadeInUp .8s ease-out}.app-main{animation:fadeInUp .8s ease-out .2s both}.app-footer{animation:fadeInUp .8s ease-out .4s both}@media (max-width: 600px){.app-header h1{font-size:2rem}.app-header p{font-size:1rem}#app{padding:15px}}