.player[data-v-5f516008]{background-color:#000;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);padding:20px;margin-top:auto;display:flex;align-items:center}.player-playing[data-v-5f516008]{box-shadow:0 4px 20px rgba(74,144,226,.2)}.player-cover[data-v-5f516008]{width:100px;height:100px;border-radius:8px;overflow:hidden;margin-right:20px;flex-shrink:0}.player-cover img[data-v-5f516008]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.player-info[data-v-5f516008]{flex:1}.track-title[data-v-5f516008]{font-size:18px;font-weight:700;margin-bottom:5px;color:#c3c3c3}.track-artist[data-v-5f516008]{font-size:14px;color:#777;margin-bottom:15px}.player-controls[data-v-5f516008]{width:100%}.progress-container[data-v-5f516008]{margin-bottom:15px}.progress-bar[data-v-5f516008]{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e0e0e0;border-radius:3px;outline:none;cursor:pointer}.progress-bar[data-v-5f516008]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:#4a90e2;border-radius:50%;cursor:pointer}.time-display[data-v-5f516008]{display:flex;justify-content:space-between;font-size:12px;color:#888;margin-top:5px}.control-buttons[data-v-5f516008]{display:flex;align-items:center;justify-content:center;padding-right:100px}.control-btn[data-v-5f516008]{background:none;border:none;font-size:20px;cursor:pointer;color:#555;margin-right:15px;transition:color .2s}.control-btn[data-v-5f516008]:hover{color:#4a90e2}.play-btn[data-v-5f516008]{font-size:24px}.volume-control[data-v-5f516008]{display:flex;align-items:center;margin-left:auto}.volume-icon[data-v-5f516008]{font-size:16px;color:#555;margin-right:5px}.volume-slider[data-v-5f516008]{width:80px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e0e0e0;border-radius:2px;outline:none;cursor:pointer}.volume-slider[data-v-5f516008]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:#4a90e2;border-radius:50%;cursor:pointer}@media (max-width:768px){.player[data-v-5f516008]{flex-direction:column;padding:15px}.player-cover[data-v-5f516008]{margin-right:0;margin-bottom:15px}.player-info[data-v-5f516008]{width:100%;text-align:center}.control-buttons[data-v-5f516008]{justify-content:center}.volume-control[data-v-5f516008]{margin-left:0;margin-top:15px;width:100%;justify-content:center}}.track-list-container[data-v-1d1dae30]{margin:30px 0}h2[data-v-1d1dae30]{margin-bottom:20px;color:#c3c3c3}.empty-state[data-v-1d1dae30]{text-align:center;padding:40px 0;color:#888}.track-list[data-v-1d1dae30]{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.track-item[data-v-1d1dae30]{background-color:#000;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .2s,box-shadow .2s;cursor:pointer}.track-item[data-v-1d1dae30]:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.track-item.active[data-v-1d1dae30]{box-shadow:0 5px 15px rgba(74,144,226,.5);border:1px solid rgba(74,144,226,.6)}.track-cover[data-v-1d1dae30]{position:relative;height:160px;overflow:hidden}.track-cover img[data-v-1d1dae30]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s}.track-item:hover .track-cover img[data-v-1d1dae30]{transform:scale(1.05)}.play-overlay[data-v-1d1dae30]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.track-item.active .play-overlay[data-v-1d1dae30],.track-item:hover .play-overlay[data-v-1d1dae30]{opacity:1}.play-icon[data-v-1d1dae30]{color:#fff;font-size:32px}.track-details[data-v-1d1dae30]{padding:15px}.track-title[data-v-1d1dae30]{font-size:16px;font-weight:500}.track-artist[data-v-1d1dae30],.track-title[data-v-1d1dae30]{margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-artist[data-v-1d1dae30]{font-size:14px;color:#777}.track-date[data-v-1d1dae30]{font-size:12px;color:#999}@media (max-width:768px){.track-list[data-v-1d1dae30]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.track-cover[data-v-1d1dae30]{height:120px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;background-color:#100f0f;color:#c3c3c3}.app-container{display:flex;flex-direction:column;min-height:100vh;max-width:1200px;margin:0 auto;padding:0 20px}header{height:10vh;padding:20px 0;text-align:center}h1{color:#4a90e2}main{flex:1;display:flex;flex-direction:column}.content{flex:1;margin-bottom:20px}footer{padding:20px 0;text-align:center;font-size:14px;color:#888}@media (max-width:768px){.app-container{padding:0 10px}}.upload-form-container[data-v-0bb5138b]{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:20px;margin-bottom:30px}h2[data-v-0bb5138b]{margin-bottom:20px;color:#333}.upload-form[data-v-0bb5138b]{display:grid;gap:15px}.upload-form.hide[data-v-0bb5138b]{display:none!important}.form-group[data-v-0bb5138b]{display:flex;flex-direction:column}label[data-v-0bb5138b]{margin-bottom:5px;font-size:14px;color:#555}input[type=text][data-v-0bb5138b]{padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.file-input[data-v-0bb5138b]{padding:8px 0}.file-name[data-v-0bb5138b]{margin-top:5px;font-size:12px;color:#666}.file-preview[data-v-0bb5138b]{margin-top:10px;width:100px;height:100px;border-radius:4px;overflow:hidden}.file-preview img[data-v-0bb5138b]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.form-actions[data-v-0bb5138b]{margin-top:10px}.submit-btn[data-v-0bb5138b]{background-color:#4a90e2;color:#fff;border:none;border-radius:4px;padding:10px 20px;font-size:14px;cursor:pointer;transition:background-color .2s}.submit-btn[data-v-0bb5138b]:hover{background-color:#3a80d2}.submit-btn[data-v-0bb5138b]:disabled{background-color:#9cc4f4;cursor:not-allowed}.upload-message[data-v-0bb5138b]{margin-top:15px;padding:10px;border-radius:4px;font-size:14px}.upload-message.success[data-v-0bb5138b]{background-color:#e7f7ed;color:#28a745}.upload-message.error[data-v-0bb5138b]{background-color:#f8d7da;color:#dc3545}@media (max-width:768px){.upload-form-container[data-v-0bb5138b]{padding:15px}}