:root{--color-background: #0f0f15;--color-text: #ffffff}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:radial-gradient(circle at 50% -20%,#1a1a2e,#0f0f15);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#app{width:100vw;height:100vh;margin:0;padding:0;display:flex;justify-content:center;align-items:center;background:linear-gradient(45deg,rgba(255,0,255,.1) 0%,transparent 70%),linear-gradient(-45deg,rgba(0,255,255,.1) 0%,transparent 70%),url(/assets/cover-CivuY5JW.png) no-repeat center center;background-size:cover}#app:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0f0f15d9;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);z-index:-1}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media(hover:hover){a:hover{background-color:#00bd7e33}}@media(min-width:1024px){body{display:flex;place-items:center}#app{display:grid;grid-template-columns:1fr 1fr;padding:0 2rem}}.modal-overlay[data-v-9b8d9091]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-card[data-v-9b8d9091]{position:relative;width:400px;padding:2.5rem;background:#0f0f15b3;border:1px solid rgba(0,255,255,.3);box-shadow:0 0 40px #0ff3;border-radius:16px;color:#fff;text-align:center}.close-btn[data-v-9b8d9091]{position:absolute;top:10px;right:15px;background:none;border:none;color:#ffffff80;font-size:1.5rem;cursor:pointer;transition:color .3s}.close-btn[data-v-9b8d9091]:hover{color:#0ff}h2[data-v-9b8d9091]{margin-bottom:2rem;font-family:Inter,sans-serif;font-weight:700;background:linear-gradient(90deg,#0ff,#f0f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:2px}.form-group[data-v-9b8d9091]{margin-bottom:1.5rem;text-align:left}label[data-v-9b8d9091]{display:block;margin-bottom:.5rem;font-size:.8rem;color:#0ffc;font-weight:600;text-transform:uppercase}input[data-v-9b8d9091]{width:100%;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-family:Inter,sans-serif;transition:all .3s ease}input[data-v-9b8d9091]:focus{outline:none;border-color:#0ff;box-shadow:0 0 15px #0ff3;background:#00ffff0d}.action-btn[data-v-9b8d9091]{width:100%;padding:12px;margin-top:1rem;background:linear-gradient(90deg,#0ff,#08f);border:none;border-radius:8px;color:#000;font-weight:700;font-size:1rem;text-transform:uppercase;cursor:pointer;transition:transform .2s,box-shadow .2s}.action-btn[data-v-9b8d9091]:hover{transform:translateY(-2px);box-shadow:0 5px 20px #0ff6}.action-btn[data-v-9b8d9091]:disabled{opacity:.7;cursor:not-allowed;transform:none}.message[data-v-9b8d9091]{margin-bottom:1rem;font-size:.9rem;padding:10px;border-radius:6px}.error[data-v-9b8d9091]{background:#f003;color:#f55;border:1px solid rgba(255,0,0,.3)}.success[data-v-9b8d9091]{background:#0f03;color:#5f5;border:1px solid rgba(0,255,0,.3)}.toggle-text[data-v-9b8d9091]{margin-top:1rem;font-size:.9rem;color:#fff9}.toggle-text span[data-v-9b8d9091]{color:#0ff;cursor:pointer;text-decoration:underline;margin-left:5px}.toggle-text span[data-v-9b8d9091]:hover{text-shadow:0 0 5px #00ffff}.player-container[data-v-915a8855]{display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-family:Inter,sans-serif;color:#fff;perspective:1000px}.glass-card[data-v-915a8855]{position:relative;width:350px;height:550px;padding:1.5rem;background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000005e;display:flex;overflow:hidden;transition:width .4s ease}.glass-card.playlist-open[data-v-915a8855]{width:600px}.playlist-drawer[data-v-915a8855]{width:250px;height:100%;border-right:1px solid rgba(255,255,255,.1);padding-right:1rem;margin-right:1rem;overflow-y:auto;flex-shrink:0}.playlist-drawer h3[data-v-915a8855]{font-size:1.2rem;margin-bottom:1rem;color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.5)}.track-list[data-v-915a8855]{list-style:none;padding:0;margin:0}.track-list li[data-v-915a8855]{display:flex;align-items:center;padding:.8rem;border-radius:8px;cursor:pointer;transition:background .2s;margin-bottom:.5rem}.track-list li[data-v-915a8855]:hover{background:#ffffff1a}.track-list li.active[data-v-915a8855]{background:#00ffff26;border:1px solid rgba(0,255,255,.3)}.track-num[data-v-915a8855]{font-size:.8rem;opacity:.5;width:20px}.track-meta-list[data-v-915a8855]{flex:1;display:flex;flex-direction:column;overflow:hidden}.track-title-list[data-v-915a8855]{font-size:.9rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.error-text[data-v-915a8855]{color:#f55;font-size:.8rem;margin-top:5px}.track-artist-list[data-v-915a8855]{font-size:.75rem;opacity:.6}.playing-indicator span[data-v-915a8855]{display:inline-block;width:3px;height:10px;background:#0ff;margin:0 1px;animation:bounce-915a8855 1s infinite}.playing-indicator span[data-v-915a8855]:nth-child(2){animation-delay:.2s}.playing-indicator span[data-v-915a8855]:nth-child(3){animation-delay:.4s}@keyframes bounce-915a8855{0%,to{transform:scaleY(1)}50%{transform:scaleY(2)}}.main-player[data-v-915a8855]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100%;min-width:0}.top-bar[data-v-915a8855]{width:100%;display:flex;justify-content:space-between;align-items:center;height:40px}.volume-container[data-v-915a8855]{display:flex;align-items:center;gap:.5rem;background:#0003;padding:5px 10px;border-radius:20px}.volume-slider[data-v-915a8855]{width:60px;height:3px;-webkit-appearance:none;background:#ffffff4d;border-radius:2px}.volume-slider[data-v-915a8855]::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;background:#fff;border-radius:50%;cursor:pointer}.cover-art-wrapper[data-v-915a8855]{flex:1;display:flex;justify-content:center;align-items:center;width:100%;position:relative}.cover-art[data-v-915a8855]{position:relative;width:220px;height:220px;border-radius:50%;box-shadow:0 0 30px #00ffff4d;display:flex;justify-content:center;align-items:center}.visualizer-canvas[data-v-915a8855]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:380px;height:380px;z-index:-1;pointer-events:none}.cover-art img[data-v-915a8855]{width:100%;height:100%;object-fit:cover;border-radius:50%;transition:transform .5s ease;z-index:1}.rotation[data-v-915a8855]{animation:rotate-915a8855 10s linear infinite}.glow-effect[data-v-915a8855]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,#0ff3,#f0f0 70%);pointer-events:none;z-index:-1}.track-info[data-v-915a8855]{text-align:center;margin:1rem 0}.track-info h2[data-v-915a8855]{font-size:1.4rem;font-weight:700;margin:0;background:linear-gradient(90deg,#0ff,#f0f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px}.track-info p[data-v-915a8855]{margin:.3rem 0 0;opacity:.7;font-size:.9rem}.controls[data-v-915a8855]{width:100%;display:flex;flex-direction:column;align-items:center;gap:1.2rem;margin-bottom:.5rem}.progress-bar-wrapper[data-v-915a8855]{width:100%;display:flex;align-items:center;gap:.5rem;font-size:.75rem;opacity:.8}.progress-bar[data-v-915a8855]{flex:1;-webkit-appearance:none;height:4px;background:#fff3;border-radius:2px;cursor:pointer}.progress-bar[data-v-915a8855]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:#fff;border-radius:50%;box-shadow:0 0 10px #ffffff80;cursor:pointer;transition:transform .2s}.progress-bar[data-v-915a8855]::-webkit-slider-thumb:hover{transform:scale(1.2)}.media-controls[data-v-915a8855]{display:flex;align-items:center;gap:1.5rem}.icon-btn[data-v-915a8855]{background:none;border:none;color:#ffffffb3;cursor:pointer;transition:all .2s;padding:5px;border-radius:50%}.icon-btn[data-v-915a8855]:hover{color:#fff;background:#ffffff1a}.icon-btn.medium[data-v-915a8855]{transform:scale(1.2)}.play-btn[data-v-915a8855]{width:60px;height:60px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .3s ease;box-shadow:0 0 15px #0003}.play-btn[data-v-915a8855]:hover{background:#fff3;box-shadow:0 0 25px #0ff6;transform:scale(1.05)}.icon[data-v-915a8855]{width:0;height:0;border-style:solid}.icon.play[data-v-915a8855]{border-width:10px 0 10px 18px;border-color:transparent transparent transparent white;margin-left:4px}.icon.pause[data-v-915a8855]{width:14px;height:18px;border-width:0 4px;border-style:double;border-color:#fff}@keyframes rotate-915a8855{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fast-spin[data-v-915a8855]{animation:rotate-915a8855 20s linear infinite}.extra-controls[data-v-915a8855]{margin-bottom:.5rem}.icon-btn.small[data-v-915a8855]{font-size:.8rem;padding:2px 8px;border-radius:12px;border:1px solid rgba(255,255,255,.2)}.icon-btn.active[data-v-915a8855]{background:#0ff3;border-color:#0ff;color:#0ff;text-shadow:0 0 5px rgba(0,255,255,.5)}.eq-panel[data-v-915a8855]{display:flex;gap:1rem;background:#0000004d;padding:10px;border-radius:12px;margin-bottom:1rem;animation:fadeIn-915a8855 .3s ease}.eq-band[data-v-915a8855]{display:flex;flex-direction:column;align-items:center;gap:.3rem;font-size:.7rem}.eq-band input[type=range][data-v-915a8855]{-webkit-appearance:none;width:60px;height:3px;background:#fff3;border-radius:2px}.eq-band input[type=range][data-v-915a8855]::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;background:#0ff;border-radius:50%;cursor:pointer}@keyframes fadeIn-915a8855{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.track-info h2[data-v-915a8855]{background:linear-gradient(90deg,var(--primary-color, #00ffff),var(--secondary-color, #ff00ff));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.playing-indicator span[data-v-915a8855]{background:var(--primary-color, #00ffff)}.icon-btn.active[data-v-915a8855]{border-color:var(--primary-color, #00ffff);color:var(--primary-color, #00ffff);text-shadow:0 0 5px var(--primary-color, #00ffff)}.eq-band input[type=range][data-v-915a8855]::-webkit-slider-thumb{background:var(--primary-color, #00ffff)}.playlist-drawer h3[data-v-915a8855]{color:var(--primary-color, #00ffff);text-shadow:0 0 10px var(--primary-color, #00ffff)}.slide-enter-from[data-v-915a8855],.slide-leave-to[data-v-915a8855]{width:0;padding-right:0;margin-right:0;opacity:0}main[data-v-98cf60e2]{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.item[data-v-fd0742eb]{margin-top:2rem;display:flex;position:relative}.details[data-v-fd0742eb]{flex:1;margin-left:1rem}i[data-v-fd0742eb]{display:flex;place-items:center;place-content:center;width:32px;height:32px;color:var(--color-text)}h3[data-v-fd0742eb]{font-size:1.2rem;font-weight:500;margin-bottom:.4rem;color:var(--color-heading)}@media(min-width:1024px){.item[data-v-fd0742eb]{margin-top:0;padding:.4rem 0 1rem calc(var(--section-gap) / 2)}i[data-v-fd0742eb]{top:calc(50% - 25px);left:-26px;position:absolute;border:1px solid var(--color-border);background:var(--color-background);border-radius:8px;width:50px;height:50px}.item[data-v-fd0742eb]:before{content:" ";border-left:1px solid var(--color-border);position:absolute;left:0;bottom:calc(50% + 25px);height:calc(50% - 25px)}.item[data-v-fd0742eb]:after{content:" ";border-left:1px solid var(--color-border);position:absolute;left:0;top:calc(50% + 25px);height:calc(50% - 25px)}.item[data-v-fd0742eb]:first-of-type:before{display:none}.item[data-v-fd0742eb]:last-of-type:after{display:none}}