.mini-player-wrapper[data-v-e77b6e1a]{position:fixed;bottom:0;left:0;width:100%;pointer-events:none;z-index:1000;display:flex;flex-direction:column;align-items:flex-start;padding-bottom:2rem}.player-panel[data-v-e77b6e1a]{pointer-events:auto;margin-left:3rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:1.2rem;padding:.8rem 1.5rem .8rem .8rem;border-radius:50px;background:#140a1466;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(var(--c-light-blue),.2);box-shadow:0 10px 30px #0000004d,inset 0 0 0 1px rgba(var(--c-pink),.1);transition:transform .3s ease}.player-panel[data-v-e77b6e1a]:hover{transform:translateY(-3px);border-color:rgba(var(--c-pink),.4)}.controls-area[data-v-e77b6e1a]{display:flex;align-items:center;gap:.8rem}.control-btn[data-v-e77b6e1a]{background:none;border:none;color:rgba(var(--c-light-blue),.8);cursor:pointer;padding:5px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.control-btn[data-v-e77b6e1a]:hover{color:rgb(var(--c-pink));transform:scale(1.1)}.control-btn.active[data-v-e77b6e1a]{color:rgb(var(--c-pink));background:rgba(var(--c-pink),.1)}.record-disk[data-v-e77b6e1a]{width:40px;height:40px;border-radius:50%;background:radial-gradient(circle,#222 30%,#111 70%,#000);display:flex;justify-content:center;align-items:center;border:2px solid rgba(var(--c-pink),.5);box-shadow:0 0 15px rgba(var(--c-pink),.3);cursor:pointer;transition:box-shadow .3s ease}.record-disk[data-v-e77b6e1a]:hover{box-shadow:0 0 25px rgba(var(--c-pink),.8)}.record-center[data-v-e77b6e1a]{width:12px;height:12px;border-radius:50%;background:rgb(var(--c-light-blue));box-shadow:inset 0 0 4px #000c}.is-playing[data-v-e77b6e1a]{animation:spin-e77b6e1a 4s linear infinite}@keyframes spin-e77b6e1a{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.song-info[data-v-e77b6e1a]{display:flex;flex-direction:column}.song-title[data-v-e77b6e1a]{color:#fff;font-size:.9rem;letter-spacing:.15rem;font-weight:300;text-shadow:0 0 10px rgba(var(--c-pink),.5)}.time-display[data-v-e77b6e1a]{color:rgba(var(--c-light-blue),.8);font-size:.7rem;letter-spacing:.1rem;margin-top:4px}.playlist-panel[data-v-e77b6e1a]{pointer-events:auto;position:absolute;bottom:calc(100% + 15px);left:3rem;width:280px;max-height:250px;overflow-y:auto;background:#0f0a19b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(var(--c-light-blue),.3);border-radius:12px;box-shadow:0 10px 40px #00000080;padding:1rem;scrollbar-width:thin;scrollbar-color:rgba(var(--c-pink),.5) transparent}.playlist-panel[data-v-e77b6e1a]::-webkit-scrollbar{width:6px}.playlist-panel[data-v-e77b6e1a]::-webkit-scrollbar-thumb{background-color:rgba(var(--c-pink),.5);border-radius:3px}.playlist-header[data-v-e77b6e1a]{font-size:.8rem;color:rgba(var(--c-light-blue),.8);letter-spacing:.2rem;margin-bottom:.8rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.playlist-items[data-v-e77b6e1a]{display:flex;flex-direction:column;gap:.3rem}.playlist-item[data-v-e77b6e1a]{display:flex;align-items:center;padding:.5rem;border-radius:6px;cursor:pointer;transition:all .2s ease;color:#ccc}.playlist-item[data-v-e77b6e1a]:hover{background:#ffffff0d;color:#fff}.playlist-item.active[data-v-e77b6e1a]{background:rgba(var(--c-pink),.15);color:rgb(var(--c-pink));border-left:2px solid rgb(var(--c-pink))}.song-idx[data-v-e77b6e1a]{font-size:.7rem;margin-right:.8rem;opacity:.6;width:15px;text-align:right}.song-name[data-v-e77b6e1a]{font-size:.8rem;font-weight:300;letter-spacing:.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fade-enter-active[data-v-e77b6e1a],.fade-leave-active[data-v-e77b6e1a]{transition:opacity .3s ease,transform .3s ease}.fade-enter-from[data-v-e77b6e1a],.fade-leave-to[data-v-e77b6e1a]{opacity:0;transform:translateY(10px)}.visualizer-canvas[data-v-e77b6e1a]{position:absolute;bottom:0;left:0;width:100vw;height:80px;pointer-events:none;opacity:.8;mask-image:linear-gradient(to top,#000,#0000);-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%)}.progress-bar-container[data-v-e77b6e1a]{pointer-events:auto;width:100%;height:10px;position:absolute;bottom:0;left:0;background:#0006;cursor:pointer}.progress-track[data-v-e77b6e1a]{width:100%;height:2px;background:rgba(var(--c-light-blue),.1);position:absolute;bottom:0;transition:height .2s ease}.progress-bar-container:hover .progress-track[data-v-e77b6e1a]{height:6px}.progress-fill[data-v-e77b6e1a]{height:100%;background:linear-gradient(90deg,rgba(var(--c-purple),.8),rgb(var(--c-pink)));box-shadow:0 0 15px rgba(var(--c-pink),.6);position:relative;transition:width .1s linear}.progress-glow-head[data-v-e77b6e1a]{position:absolute;right:0;top:50%;transform:translateY(-50%);width:4px;height:14px;background:#fff;box-shadow:0 0 20px 4px rgba(var(--c-pink),.9),0 0 40px 10px rgba(var(--c-light-blue),.5);border-radius:4px}.particle-emitter[data-v-e77b6e1a]{position:absolute;right:0;top:80%}.particle-emitter span[data-v-e77b6e1a]{position:absolute;bottom:0;right:0;width:4px;height:4px;background:rgb(var(--c-pink));border-radius:50%;box-shadow:0 0 10px rgb(var(--c-pink));opacity:0}.p-1[data-v-e77b6e1a]{animation:scatter-e77b6e1a 1s infinite ease-out;animation-delay:0s}.p-2[data-v-e77b6e1a]{animation:scatter-e77b6e1a 1.2s infinite ease-out;animation-delay:.15s}.p-3[data-v-e77b6e1a]{animation:scatter-e77b6e1a 1.5s infinite ease-out;animation-delay:.3s}.p-4[data-v-e77b6e1a]{animation:scatter-e77b6e1a 1.1s infinite ease-out;animation-delay:.45s}.p-5[data-v-e77b6e1a]{animation:scatter-e77b6e1a 1.4s infinite ease-out;animation-delay:.6s}.p-6[data-v-e77b6e1a]{animation:scatter-e77b6e1a 1.6s infinite ease-out;animation-delay:.75s}.p-7[data-v-e77b6e1a]{animation:scatter-e77b6e1a 1.3s infinite ease-out;animation-delay:.9s}.p-8[data-v-e77b6e1a]{animation:scatter-e77b6e1a 1.7s infinite ease-out;animation-delay:1.05s}@keyframes scatter-e77b6e1a{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(calc(-20px - 30px * var(--rand, 1)),calc(-30px - 20px * var(--rand, 1))) scale(0);opacity:0}}:root{--c-pink: 250, 191, 253;--c-purple: 49, 27, 126;--c-light-blue: 173, 206, 253;--c-deep-blue: 41, 84, 227}html,body,#app{margin:0;padding:0;width:100%;height:100%;background-color:#000;overflow:hidden;font-family:sans-serif}.app-container{position:relative;width:100vw;height:100vh;background-image:url(/image/denia.png);background-size:cover;background-position:center;background-repeat:no-repeat}.canvas-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.webgl-canvas{width:100%;height:100%;display:block}.ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;overflow-y:auto}.ui-layer>*{pointer-events:auto}.fade-enter-active,.fade-leave-active{transition:opacity .4s ease,transform .4s cubic-bezier(.25,.46,.45,.94)}.fade-enter-from{opacity:0;transform:translateY(10px)}.fade-leave-to{opacity:0;transform:translateY(-10px)}