@import"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap";html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1rem;line-height:1.6;color:#333;background-color:#fff}.nunito-font{font-family:Nunito,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.content{max-width:1200px;margin:0 auto;padding:0 20px}:root{--primary: #4f515a;--secondary: #ebebeb;--warning: #da0f41}*{margin:0;padding:0;font-family:Nunito,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;color:var(--primary)}body{background:#fafafa}a{text-decoration:none}button,.btn{background:var(--secondary);border-radius:8px;border:0;padding:8px 12px;font-weight:600;cursor:pointer;display:inline-block}button:hover,.btn:hover{background:var(--primary);color:#fff}button:disabled{opacity:.5;color:var(--primary);background:var(--secondary);cursor:not-allowed}input,textarea{border:0;border-bottom:1px solid var(--secondary);padding:10px;outline:none;display:block;width:100%;box-sizing:border-box;margin:20px auto}.error{color:var(--warning);font-size:14px;margin:16px 0}.success{color:#4edf4e;text-align:center}:root{--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}.page-enter-active,.page-leave-active{transition:all .3s ease-in-out}.page-enter-from{opacity:0;transform:translateY(20px)}.page-leave-to{opacity:0;transform:translateY(-20px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in-up{animation:fadeInUp .6s ease-out}.loading-pulse{animation:pulse 1.5s ease-in-out infinite}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}@media (min-width: 640px){.container{padding:0 1.5rem}}@media (min-width: 1024px){.container{padding:0 2rem}}.grid{display:grid;gap:1rem}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (min-width: 640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.hidden{display:none}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.p-2{padding:.5rem}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.m-2{margin:.5rem}.m-4{margin:1rem}.mx-auto{margin-left:auto;margin-right:auto}input[type=file]{border:1px dashed var(--secondary);border-radius:8px;padding:20px;text-align:center;background:#fafafa;cursor:pointer;transition:all .3s ease}input[type=file]:hover{border-color:var(--primary);background:#f0f0f0}.forbid{cursor:not-allowed}.inform{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#e6e6e633;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--primary);padding:1rem 1.5rem;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;z-index:9999;will-change:transform,opacity;pointer-events:none}@media (max-width: 640px){:root{font-size:.9rem}}.no-scoll{overflow:hidden;position:fixed;width:100%}.nav-container[data-v-b2648e18]{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1.5rem 3rem;box-shadow:-8px 4px 10px #0000000d;position:relative}@media (max-width: 767px){.nav-container[data-v-b2648e18]{padding:1rem 1.5rem}}.btn-container[data-v-b2648e18]{display:none;align-items:center;gap:1rem;position:relative}@media (min-width: 768px){.btn-container[data-v-b2648e18]{display:flex}}@media (max-width: 767px){.btn-container.mobile-menu-open[data-v-b2648e18]{display:flex;flex-direction:column;position:fixed;top:0;right:0;width:280px;height:100vh;background:#fff;box-shadow:-2px 0 10px #0000001a;padding:4rem 1.5rem 2rem;z-index:1000;transform:translate(0);transition:transform .3s ease-in-out;align-items:flex-start;gap:1.5rem}.btn-container[data-v-b2648e18]:not(.mobile-menu-open){transform:translate(100%)}}.btn-container button[data-v-b2648e18]{padding:1rem 2rem}@media (max-width: 767px){.btn-container button[data-v-b2648e18]{width:100%;text-align:left;padding:.75rem 1rem}}.logo[data-v-b2648e18]{display:flex;align-items:center;gap:1rem}@media (max-width: 767px){.logo img[data-v-b2648e18]{width:60px;height:60px}.logo h1[data-v-b2648e18]{font-size:1.25rem}}img[data-v-b2648e18]{border-radius:50%}.mobile-menu-btn[data-v-b2648e18]{display:flex;flex-direction:column;justify-content:space-around;width:2rem;height:2rem;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}@media (min-width: 768px){.mobile-menu-btn[data-v-b2648e18]{display:none}}.hamburger-line[data-v-b2648e18]{width:2rem;height:.25rem;background:var(--primary);border-radius:10px;transition:all .3s linear;position:relative;transform-origin:1px}.hamburger-line.active[data-v-b2648e18]:nth-child(1){transform:rotate(45deg)}.hamburger-line.active[data-v-b2648e18]:nth-child(2){opacity:0;transform:translate(20px)}.hamburger-line.active[data-v-b2648e18]:nth-child(3){transform:rotate(-45deg)}.mobile-menu-overlay[data-v-b2648e18]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999;animation:fadeIn-b2648e18 .3s ease-in-out}@media (min-width: 768px){.mobile-menu-overlay[data-v-b2648e18]{display:none}}@keyframes fadeIn-b2648e18{0%{opacity:0}to{opacity:1}}.success[data-v-b2648e18]{position:absolute;bottom:0%;left:50%;transform:translate(-50%);font-size:.9rem;width:100%}@media (max-width: 767px){.success[data-v-b2648e18]{position:static;transform:none;width:auto;margin-top:1rem}}.greeting[data-v-b2648e18]{border-left:1px solid hsl(from var(--secondary) h s calc(l - 20));padding-left:1rem;margin-left:1rem}@media (max-width: 767px){.greeting[data-v-b2648e18]{border-left:none;border-top:1px solid hsl(from var(--secondary) h s calc(l - 20));padding-left:0;padding-top:1rem;margin-left:0;margin-top:1rem;width:100%}}@media (max-width: 767px){.btn-container a[data-v-b2648e18]{width:100%;padding:.75rem 1rem;border-radius:8px;transition:background-color .2s ease}.btn-container a[data-v-b2648e18]:hover{background:var(--secondary)}}button.log-out-btn[data-v-b2648e18]{padding:5px 10px;margin-left:1rem}button.log-out-btn[data-v-b2648e18]:hover{background-color:#ed6262}.router-link-exact-active[data-v-b2648e18]{font-weight:700;color:var(--primary)}.menu-tabs[data-v-b2648e18]{transition:all .3s ease;position:relative}.menu-tabs[data-v-b2648e18]:after{content:"";position:absolute;width:100%;height:2px;bottom:0;left:0;background-color:var(--primary);transform:scaleX(0);transform-origin:left;transition:transform .2s ease-in-out}.menu-tabs[data-v-b2648e18]:hover:after{transform:scaleX(1)}.playlist-image[data-v-fa80af55]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;display:block}.cover-image[data-v-fa80af55]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.fullscreen-player[data-v-b82e4b42]{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1002;overflow:hidden;touch-action:none}.fullscreen-background[data-v-b82e4b42]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background-color:#8e8e8e}.fullscreen-background img[data-v-b82e4b42]{width:100%;height:100%;object-fit:cover;filter:blur(10px);opacity:.5}.desktop-layout[data-v-b82e4b42]{position:relative;z-index:1;width:100%;height:100%;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.close-btn[data-v-b82e4b42]{position:absolute;top:20px;left:20px;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.close-btn[data-v-b82e4b42]:hover{background:#ffffff4d;transform:scale(1.05)}.close-btn svg[data-v-b82e4b42]{width:24px;height:24px}.top-info[data-v-b82e4b42]{padding:20px 20px 10px;text-align:center}.top-info .song-title[data-v-b82e4b42]{font-size:28px;font-weight:600;margin-bottom:8px;color:#fff}.playlist-info[data-v-b82e4b42]{font-size:16px;opacity:.8;color:#fff}.main-content[data-v-b82e4b42]{flex:1;display:flex;padding:20px;gap:20px;overflow:hidden}.left-section[data-v-b82e4b42]{flex:1;display:flex;align-items:center;justify-content:center}.right-section[data-v-b82e4b42]{flex:1;display:flex;flex-direction:column;overflow:hidden}.vinyl-record[data-v-b82e4b42]{width:300px;height:300px;border-radius:50%;background:linear-gradient(135deg,#1a1a1a,#2d2d2d,#1a1a1a);box-shadow:0 10px 40px #00000080;display:flex;align-items:center;justify-content:center;position:relative}.vinyl-record[data-v-b82e4b42]:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:#333;border-radius:50%;border:2px solid #555}.vinyl-inner[data-v-b82e4b42]{width:200px;height:200px;border-radius:50%;overflow:hidden;box-shadow:0 4px 20px #0000004d}.vinyl-cover[data-v-b82e4b42]{width:100%;height:100%;object-fit:cover}.vinyl-record.rotating[data-v-b82e4b42]{animation:rotate-b82e4b42 10s linear infinite}@keyframes rotate-b82e4b42{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.song-list[data-v-b82e4b42]{flex:1;overflow-y:auto;background:#ffffff1a;border-radius:12px;padding:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.song-list[data-v-b82e4b42]::-webkit-scrollbar{width:6px}.song-list[data-v-b82e4b42]::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.song-list[data-v-b82e4b42]::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.song-list[data-v-b82e4b42]::-webkit-scrollbar-thumb:hover{background:#ffffff80}.song-item[data-v-b82e4b42]{padding:12px 16px;border-radius:8px;cursor:pointer;transition:all .2s ease;margin-bottom:4px}.song-item[data-v-b82e4b42]:hover{background:#ffffff26}.song-item.active[data-v-b82e4b42]{background:#ffffff40}.song-item-title[data-v-b82e4b42]{font-size:16px;font-weight:500;color:#fff;margin-bottom:4px}.song-item-artist[data-v-b82e4b42]{font-size:14px;opacity:.7;color:#fff}.mini-player-controls[data-v-b82e4b42]{padding:20px;background:#9595951a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -4px 20px #00000026;display:flex;align-items:center;gap:16px}.controls[data-v-b82e4b42]{flex:1;display:flex;flex-direction:column;align-items:center;min-width:0}.control-buttons[data-v-b82e4b42]{display:flex;align-items:center;gap:8px;margin-bottom:12px}.control-btn[data-v-b82e4b42]{background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.control-btn[data-v-b82e4b42]:hover{background:#fff3;transform:scale(1.05)}.control-btn[data-v-b82e4b42]:active{transform:scale(.95)}.prev-btn[data-v-b82e4b42],.next-btn[data-v-b82e4b42]{width:48px;height:48px}.prev-btn svg[data-v-b82e4b42],.next-btn svg[data-v-b82e4b42]{width:24px;height:24px}.play-btn[data-v-b82e4b42]{width:60px;height:60px;background:#ffffff26;margin:0 8px}.play-btn svg[data-v-b82e4b42]{width:30px;height:30px}.play-btn[data-v-b82e4b42]:hover{background:#ffffff40}.progress-area[data-v-b82e4b42]{display:flex;align-items:center;width:100%;max-width:600px;gap:12px;min-width:0}.time[data-v-b82e4b42]{font-size:12px;opacity:.8;min-width:35px;text-align:center;color:#fff}.progress-bar[data-v-b82e4b42]{flex:1;height:24px;display:flex;align-items:center;cursor:pointer;min-width:80px;padding:8px 0;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.progress-track[data-v-b82e4b42]{width:100%;height:6px;background:#fff3;border-radius:3px;position:relative;overflow:hidden}.progress-fill[data-v-b82e4b42]{height:100%;background:gray;border-radius:3px;transition:width 0s ease}.progress-thumb[data-v-b82e4b42]{position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000004d;opacity:0;transition:all 0s ease;cursor:grab}.progress-bar:hover .progress-thumb[data-v-b82e4b42]{opacity:1}.progress-bar:active .progress-thumb[data-v-b82e4b42]{cursor:grabbing;transform:translate(-50%,-50%) scale(1.1)}.volume-control[data-v-b82e4b42]{display:flex;align-items:center;gap:8px;min-width:100px;flex-shrink:0;margin-right:3rem}.volume-btn[data-v-b82e4b42]{background:#fff0;border:none;border-radius:50%;color:#fff;cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.volume-btn svg[data-v-b82e4b42]{width:22px;height:22px}.volume-slider[data-v-b82e4b42]{width:100px;height:24px;display:flex;align-items:center;cursor:pointer;padding:8px 0;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.volume-track[data-v-b82e4b42]{width:100%;height:4px;background:#fff3;border-radius:2px;position:relative;overflow:hidden}.volume-fill[data-v-b82e4b42]{height:100%;background:gray;border-radius:2px;transition:width .1s ease}.volume-thumb[data-v-b82e4b42]{position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:#fff;border-radius:50%;box-shadow:0 2px 6px #0000004d;opacity:0;transition:all .2s ease;cursor:grab}.volume-slider:hover .volume-thumb[data-v-b82e4b42]{opacity:1}.volume-slider:active .volume-thumb[data-v-b82e4b42]{cursor:grabbing;transform:translate(-50%,-50%) scale(1.1)}.mobile-layout[data-v-b82e4b42]{display:none;position:relative;z-index:1002;width:100%;height:100%;flex-direction:column;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:20px}.mobile-vinyl[data-v-b82e4b42]{flex:1;display:flex;align-items:center;justify-content:center}.mobile-vinyl .vinyl-record[data-v-b82e4b42]{width:80vw;height:80vw;max-width:300px;max-height:300px}.mobile-vinyl .vinyl-inner[data-v-b82e4b42]{width:70%;height:70%}.mobile-song-info[data-v-b82e4b42]{text-align:center;padding:20px 0}.mobile-song-info .song-title[data-v-b82e4b42]{font-size:24px;font-weight:600;margin-bottom:8px;color:#fff}.mobile-song-info .artist-name[data-v-b82e4b42]{font-size:18px;opacity:.8;color:#fff}.mobile-progress[data-v-b82e4b42]{display:flex;align-items:center;gap:12px;padding:10px 0;position:relative}.mobile-progress .progress-bar[data-v-b82e4b42]{flex:1;height:24px;display:flex;align-items:center;cursor:pointer;min-width:80px;padding:8px 0;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mobile-progress .progress-track[data-v-b82e4b42]{width:100%;height:6px;background:#fff3;border-radius:3px;position:relative;overflow:hidden}.mobile-progress .progress-fill[data-v-b82e4b42]{height:100%;background:gray;border-radius:3px;transition:width .1s ease}.mobile-progress .progress-thumb[data-v-b82e4b42]{position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000004d;opacity:1;transition:all .2s ease;cursor:grab}.mobile-progress .progress-bar:hover .progress-thumb[data-v-b82e4b42],.mobile-progress .progress-bar:active .progress-thumb[data-v-b82e4b42]{opacity:1}.mobile-progress .progress-bar:active .progress-thumb[data-v-b82e4b42]{cursor:grabbing;transform:translate(-50%,-50%) scale(1.1)}.mobile-controls[data-v-b82e4b42]{display:flex;align-items:center;justify-content:center;gap:24px;padding:20px 0}.mobile-controls .control-btn[data-v-b82e4b42]{width:64px;height:64px}.mobile-controls .control-btn svg[data-v-b82e4b42]{width:32px;height:32px}@media (max-width: 768px){.desktop-layout[data-v-b82e4b42]{display:none}.mobile-layout[data-v-b82e4b42]{display:flex}}.fullscreen-enter-active[data-v-b82e4b42],.fullscreen-leave-active[data-v-b82e4b42]{transition:all .3s ease}.fullscreen-enter-from[data-v-b82e4b42],.fullscreen-leave-to[data-v-b82e4b42]{transform:translateY(100%)}.fullscreen-enter-to[data-v-b82e4b42],.fullscreen-leave-from[data-v-b82e4b42]{transform:translateY(0)}#MusicPlayer[data-v-20dd96a8]{background:#9595951a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -4px 20px #00000026;width:100%;height:100px;position:fixed;bottom:0%;z-index:10;display:flex;align-items:center;padding:0 20px;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin-top:auto}#MusicPlayer.fullscreen-mode[data-v-20dd96a8]{opacity:.6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.album-cover[data-v-20dd96a8]{width:70px;height:70px;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000004d;flex-shrink:0;min-width:70px}.cover-image[data-v-20dd96a8]:hover{transform:scale(1.05)}.song-info[data-v-20dd96a8]{margin-left:16px;flex-shrink:1;min-width:120px;max-width:200px;overflow:hidden}.song-title[data-v-20dd96a8]{font-size:16px;font-weight:600;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artist-name[data-v-20dd96a8]{font-size:14px;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.controls[data-v-20dd96a8]{flex:1;display:flex;flex-direction:column;align-items:center;margin:0 16px;min-width:0}.control-buttons[data-v-20dd96a8]{display:flex;align-items:center;gap:8px;margin-bottom:12px}.control-btn[data-v-20dd96a8]{background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.control-btn[data-v-20dd96a8]:hover{background:#fff3;transform:scale(1.05)}.control-btn[data-v-20dd96a8]:active{transform:scale(.95)}.prev-btn[data-v-20dd96a8],.next-btn[data-v-20dd96a8]{width:48px;height:48px}.prev-btn svg[data-v-20dd96a8],.next-btn svg[data-v-20dd96a8]{width:24px;height:24px}.play-btn[data-v-20dd96a8]{width:60px;height:60px;background:#ffffff26;margin:0 8px}.play-btn svg[data-v-20dd96a8]{width:30px;height:30px}.play-btn[data-v-20dd96a8]:hover{background:#ffffff40}.progress-area[data-v-20dd96a8]{display:flex;align-items:center;width:100%;max-width:600px;gap:12px;min-width:0}.time[data-v-20dd96a8]{font-size:12px;opacity:.8;min-width:35px;text-align:center}.progress-bar[data-v-20dd96a8]{flex:1;height:24px;display:flex;align-items:center;cursor:pointer;min-width:80px;padding:8px 0;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.progress-track[data-v-20dd96a8]{width:100%;height:6px;background:#fff3;border-radius:3px;position:relative;overflow:hidden}.progress-fill[data-v-20dd96a8]{height:100%;background:gray;border-radius:3px;transition:width 0s ease-in-out}.progress-thumb[data-v-20dd96a8]{position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000004d;opacity:0;transition:all 0s ease-in-out;cursor:grab}.progress-bar:hover .progress-thumb[data-v-20dd96a8]{opacity:1}.progress-bar:active .progress-thumb[data-v-20dd96a8]{cursor:grabbing;transform:translate(-50%,-50%) scale(1.1)}.volume-control[data-v-20dd96a8]{display:flex;align-items:center;gap:8px;min-width:100px;flex-shrink:0;margin-right:2rem}.volume-btn[data-v-20dd96a8]{background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.volume-btn[data-v-20dd96a8]:hover{background:#fff3;transform:scale(1.05)}.volume-btn svg[data-v-20dd96a8]{width:22px;height:22px}.volume-slider[data-v-20dd96a8]{width:60px;height:24px;display:flex;align-items:center;cursor:pointer;padding:8px 0;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.volume-track[data-v-20dd96a8]{width:100%;height:4px;background:#fff3;border-radius:2px;position:relative;overflow:hidden}.volume-fill[data-v-20dd96a8]{height:100%;background:gray;border-radius:2px;transition:width .1s ease}.volume-thumb[data-v-20dd96a8]{position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:#fff;border-radius:50%;box-shadow:0 2px 6px #0000004d;opacity:0;transition:all .2s ease;cursor:grab}.volume-slider:hover .volume-thumb[data-v-20dd96a8]{opacity:1}.volume-slider:active .volume-thumb[data-v-20dd96a8]{cursor:grabbing;transform:translate(-50%,-50%) scale(1.1)}@media (min-width: 1200px){#MusicPlayer[data-v-20dd96a8]{padding:0 40px}.progress-area[data-v-20dd96a8]{max-width:800px}.volume-slider[data-v-20dd96a8]{width:100px}}@media (max-width: 1024px){#MusicPlayer[data-v-20dd96a8]{padding:0 16px}.controls[data-v-20dd96a8]{margin:0 12px}.progress-area[data-v-20dd96a8]{max-width:500px}}@media (max-width: 768px){#MusicPlayer[data-v-20dd96a8]{padding:0 12px;height:90px}.album-cover[data-v-20dd96a8]{width:60px;height:60px;min-width:60px}.song-info[data-v-20dd96a8]{min-width:100px;max-width:150px;margin-left:12px}.song-title[data-v-20dd96a8]{font-size:14px}.artist-name[data-v-20dd96a8]{font-size:12px}.controls[data-v-20dd96a8]{margin:0 8px}.control-buttons[data-v-20dd96a8]{gap:6px;margin-bottom:8px}.prev-btn[data-v-20dd96a8],.next-btn[data-v-20dd96a8]{width:42px;height:42px}.prev-btn svg[data-v-20dd96a8],.next-btn svg[data-v-20dd96a8]{width:20px;height:20px}.play-btn[data-v-20dd96a8]{width:52px;height:52px;margin:0 6px}.play-btn svg[data-v-20dd96a8]{width:26px;height:26px}.progress-area[data-v-20dd96a8]{max-width:350px;gap:8px}.time[data-v-20dd96a8]{font-size:11px;min-width:30px}.progress-bar[data-v-20dd96a8]{height:20px;min-width:60px}.progress-track[data-v-20dd96a8]{height:5px}.progress-thumb[data-v-20dd96a8]{width:18px;height:18px}.volume-control[data-v-20dd96a8]{min-width:80px}.volume-slider[data-v-20dd96a8]{width:50px}.volume-thumb[data-v-20dd96a8]{width:14px;height:14px}}@media (max-width: 640px){#MusicPlayer[data-v-20dd96a8]{height:80px;padding:0 8px}.album-cover[data-v-20dd96a8]{width:50px;height:50px;min-width:50px}.song-info[data-v-20dd96a8]{min-width:80px;max-width:120px;margin-left:8px}.song-title[data-v-20dd96a8]{font-size:13px}.artist-name[data-v-20dd96a8]{font-size:11px}.controls[data-v-20dd96a8]{margin:0 6px}.control-buttons[data-v-20dd96a8]{gap:4px;margin-bottom:6px}.prev-btn[data-v-20dd96a8],.next-btn[data-v-20dd96a8]{width:38px;height:38px}.prev-btn svg[data-v-20dd96a8],.next-btn svg[data-v-20dd96a8]{width:18px;height:18px}.play-btn[data-v-20dd96a8]{width:48px;height:48px;margin:0 4px}.play-btn svg[data-v-20dd96a8]{width:22px;height:22px}.progress-area[data-v-20dd96a8]{max-width:250px;gap:6px}.time[data-v-20dd96a8]{font-size:10px;min-width:28px}.progress-bar[data-v-20dd96a8]{height:18px;min-width:50px}.progress-track[data-v-20dd96a8]{height:4px}.progress-thumb[data-v-20dd96a8]{width:16px;height:16px}.volume-control[data-v-20dd96a8]{min-width:70px}.volume-btn[data-v-20dd96a8]{width:38px;height:38px}.volume-btn svg[data-v-20dd96a8]{width:18px;height:18px}.volume-slider[data-v-20dd96a8]{width:40px;height:20px}.volume-track[data-v-20dd96a8]{height:3px}.volume-thumb[data-v-20dd96a8]{width:12px;height:12px}}@media (max-width: 480px){#MusicPlayer[data-v-20dd96a8]{height:70px;padding:0 6px}.album-cover[data-v-20dd96a8]{width:45px;height:45px;min-width:45px}.song-info[data-v-20dd96a8]{min-width:70px;max-width:100px;margin-left:6px}.song-title[data-v-20dd96a8]{font-size:12px}.artist-name[data-v-20dd96a8]{font-size:10px}.controls[data-v-20dd96a8]{margin:0 4px}.control-buttons[data-v-20dd96a8]{gap:3px;margin-bottom:4px}.prev-btn[data-v-20dd96a8],.next-btn[data-v-20dd96a8]{width:34px;height:34px}.prev-btn svg[data-v-20dd96a8],.next-btn svg[data-v-20dd96a8]{width:16px;height:16px}.play-btn[data-v-20dd96a8]{width:42px;height:42px;margin:0 3px}.play-btn svg[data-v-20dd96a8]{width:20px;height:20px}.progress-area[data-v-20dd96a8]{max-width:180px;gap:4px}.time[data-v-20dd96a8]{font-size:9px;min-width:25px}.progress-bar[data-v-20dd96a8]{height:16px;min-width:40px}.progress-track[data-v-20dd96a8]{height:3px}.progress-thumb[data-v-20dd96a8]{width:10px;height:10px}.volume-control[data-v-20dd96a8]{display:none}}@media (max-width: 360px){#MusicPlayer[data-v-20dd96a8]{height:65px;padding:0 4px}.album-cover[data-v-20dd96a8]{width:40px;height:40px;min-width:40px}.song-info[data-v-20dd96a8]{min-width:60px;max-width:80px;margin-left:4px}.song-title[data-v-20dd96a8]{font-size:11px}.artist-name[data-v-20dd96a8]{font-size:9px}.controls[data-v-20dd96a8]{margin:0 2px}.progress-area[data-v-20dd96a8]{max-width:140px;gap:3px}.time[data-v-20dd96a8]{font-size:8px;min-width:22px}.progress-bar[data-v-20dd96a8]{min-width:30px}}.inform-enter-active[data-v-20dd96a8],.inform-leave-active[data-v-20dd96a8]{transition:all .3s ease}.inform-enter-from[data-v-20dd96a8],.inform-leave-to[data-v-20dd96a8]{opacity:0;transform:translate(-50%,-50%) scale(.8)}.inform-enter-to[data-v-20dd96a8],.inform-leave-from[data-v-20dd96a8]{opacity:1;transform:translate(-50%,-50%) scale(1)}.toast-container[data-v-6e66383b]{position:fixed;top:1.5rem;right:1.5rem;z-index:9999;display:flex;flex-direction:column;gap:.75rem;pointer-events:none}.toast-item[data-v-6e66383b]{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.25rem;border-radius:10px;box-shadow:0 8px 24px #00000026;font-weight:500;font-size:.95rem;color:#fff;pointer-events:auto;animation:toastSlideIn-6e66383b .35s ease forwards;max-width:360px}.toast-item.success[data-v-6e66383b]{background:#10b981}.toast-item.error[data-v-6e66383b]{background:#ef4444}.toast-item.info[data-v-6e66383b]{background:#3b82f6}.toast-icon[data-v-6e66383b]{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:#ffffff40;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.toast-message[data-v-6e66383b]{flex:1;line-height:1.4}.toast-close[data-v-6e66383b]{flex-shrink:0;background:none;border:none;color:#ffffffb3;font-size:1.2rem;cursor:pointer;padding:0 0 0 .5rem;line-height:1;transition:color .2s}.toast-close[data-v-6e66383b]:hover{color:#fff}@keyframes toastSlideIn-6e66383b{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@media (max-width: 640px){.toast-container[data-v-6e66383b]{top:1rem;right:1rem;left:1rem}.toast-item[data-v-6e66383b]{max-width:100%}}.content[data-v-711246f8]{min-height:calc(100vh - 148px)}@media (max-width: 640px){.content[data-v-711246f8]{min-height:calc(100vh - 92px)}}.ListView[data-v-e0ff5cee]{width:100%;min-height:calc(100vh - 348px)}.playlists-grid[data-v-e0ff5cee]{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:1rem 0}@media (min-width: 1024px){.playlists-grid[data-v-e0ff5cee]{grid-template-columns:repeat(3,1fr)}}.playlist-card[data-v-e0ff5cee]{opacity:0;animation-fill-mode:forwards}.single[data-v-e0ff5cee]{display:flex;flex-direction:column;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .3s ease;cursor:pointer;height:100%}.single[data-v-e0ff5cee]:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.thumbnail[data-v-e0ff5cee]{position:relative;width:100%;aspect-ratio:1;overflow:hidden}.overlay[data-v-e0ff5cee]{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.single:hover .overlay[data-v-e0ff5cee]{opacity:1}.play-icon[data-v-e0ff5cee]{color:#fff;font-size:2rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.info[data-v-e0ff5cee]{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column;gap:.5rem}.info h3[data-v-e0ff5cee]{font-weight:700;font-size:1.25rem;margin:0;line-height:1.3;color:var(--primary)}.creator[data-v-e0ff5cee]{font-weight:400;font-size:.9rem;color:hsl(from var(--primary) h s calc(l + 20));margin:0}.songs-count[data-v-e0ff5cee]{font-weight:300;font-size:.85rem;color:hsl(from var(--primary) h s calc(l + 30));margin:auto 0 0}@media (max-width: 640px){.playlists-grid[data-v-e0ff5cee]{gap:1rem;padding:.5rem 0}.info[data-v-e0ff5cee]{padding:1rem}.info h3[data-v-e0ff5cee]{font-size:1.1rem}}@media (min-width: 641px) and (max-width: 1023px){.playlists-grid[data-v-e0ff5cee]{gap:1.5rem}}.playlist-card.loading[data-v-e0ff5cee]{opacity:.6}.playlist-card.loading .single[data-v-e0ff5cee]{pointer-events:none}.thumbnail[data-v-e0ff5cee] .playlist-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.single:hover .thumbnail[data-v-e0ff5cee] .playlist-image{transform:scale(1.05)}.playlist-card.loading .thumbnail[data-v-e0ff5cee] .playlist-image{filter:blur(2px)}#HomeView[data-v-2688e158]{padding:2rem 0;min-height:100vh}.header[data-v-2688e158]{text-align:center;margin-bottom:3rem}.header h2[data-v-2688e158]{font-size:2.5rem;font-weight:700;margin:0 0 .5rem;color:var(--primary)}.subtitle[data-v-2688e158]{font-size:1.1rem;color:hsl(from var(--primary) h s calc(l + 20));margin:0}@media (max-width: 640px){.header h2[data-v-2688e158]{font-size:2rem}.subtitle[data-v-2688e158]{font-size:1rem}}.loading-container[data-v-2688e158]{display:flex;justify-content:center;align-items:center;min-height:400px}.loading-spinner[data-v-2688e158]{text-align:center}.spinner[data-v-2688e158]{width:50px;height:50px;border:4px solid var(--secondary);border-top:4px solid var(--primary);border-radius:50%;animation:spin-2688e158 1s linear infinite;margin:0 auto 1rem}@keyframes spin-2688e158{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner p[data-v-2688e158]{color:hsl(from var(--primary) h s calc(l + 20));font-size:1rem;margin:0}.playlists-container[data-v-2688e158]{opacity:0;animation-fill-mode:forwards}.error-container[data-v-2688e158]{display:flex;justify-content:center;align-items:center;min-height:400px;opacity:0;animation-fill-mode:forwards}.error-content[data-v-2688e158]{text-align:center;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;max-width:400px}.error-icon[data-v-2688e158]{font-size:3rem;display:block;margin-bottom:1rem}.error-message[data-v-2688e158]{color:var(--warning);font-size:1rem;margin:0 0 1.5rem;line-height:1.5}.retry-btn[data-v-2688e158]{background:var(--primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.retry-btn[data-v-2688e158]:hover{background:hsl(from var(--primary) h s calc(l - 10));transform:translateY(-1px)}