@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";button:focus,a:focus{outline:none;box-shadow:none}:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #272626;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: #F0F2F5;--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,[role=button]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:0;margin:0;font:inherit;cursor:pointer;outline:none}svg,path{transform-box:fill-box;transform-origin:center}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}a,button,.action_btn{transition:all .3s ease;outline:none}a:hover,button:hover{color:inherit;background-color:transparent}.action_btn,.action_btn:hover{background-color:#1a5e9c!important;color:#fff!important}.navbar a:hover{color:#1a5e9c!important;background-color:transparent!important}.svg-inline--fa{display:var(--fa-display, inline-block);height:1em;overflow:visible;vertical-align:-.125em;color:inherit!important}.background-container[data-v-4c02365a]{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;z-index:-1}.animated-background[data-v-4c02365a]{width:100%;height:100%;background:#121212;background:linear-gradient(135deg,#121212 25%,#1a1a1a 25%,#1a1a1a 50%,#121212 50%,#121212 75%,#1a1a1a 75%,#1a1a1a);background-size:40px 40px;animation:move-4c02365a 10s linear infinite}@keyframes move-4c02365a{0%{background-position:0 0}to{background-position:40px 40px}}@media (max-width: 1024px){.animated-background[data-v-4c02365a]{background-size:30px 30px}@keyframes move-4c02365a{to{background-position:30px 30px}}}button[data-v-7aa8c5a5]{cursor:pointer;--green: #1BFD9C;font-size:15px;padding:.7em 2.7em;letter-spacing:.06em;position:relative;font-family:inherit;border-radius:.6em;overflow:hidden;transition:all .3s;line-height:1.4em;border:2px solid var(--green);background:linear-gradient(to right,rgba(27,253,156,.1) 1%,transparent 40%,transparent 60%,rgba(27,253,156,.1) 100%);color:var(--green);box-shadow:inset 0 0 10px #1bfd9c66,0 0 9px 3px #1bfd9c1a}button[data-v-7aa8c5a5]:hover{color:#82ffc9;box-shadow:inset 0 0 10px #1bfd9c99,0 0 9px 3px #1bfd9c33}button[data-v-7aa8c5a5]:before{content:"";position:absolute;left:-4em;width:4em;height:100%;top:0;transition:transform .4s ease-in-out;background:linear-gradient(to right,transparent 1%,rgba(27,253,156,.1) 40%,rgba(27,253,156,.1) 60%,transparent 100%)}button[data-v-7aa8c5a5]:hover:before{transform:translate(15em)}.sound-control[data-v-3b6e69a8]{display:inline-block}.toggleSwitch[data-v-3b6e69a8]{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background-color:#272727;border-radius:50%;cursor:pointer;transition:all .3s ease;box-shadow:2px 2px 10px #00000021;position:relative}#checkboxInput[data-v-3b6e69a8]{display:none}.speaker[data-v-3b6e69a8],.mute-speaker[data-v-3b6e69a8]{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease}.speaker svg[data-v-3b6e69a8],.mute-speaker svg[data-v-3b6e69a8]{width:18px;height:18px}.hidden[data-v-3b6e69a8]{opacity:0;pointer-events:none}.toggleSwitch[data-v-3b6e69a8]:active{transform:scale(.9)}.toggleSwitch[data-v-3b6e69a8]:hover{background-color:#3d3d3d}body[data-v-6053e3bc],html[data-v-6053e3bc]{margin:0;padding:0;overflow:hidden}.home-wrapper[data-v-6053e3bc]{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden}.content-container[data-v-6053e3bc]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;display:flex;flex-direction:column;align-items:center;gap:2rem}.logo[data-v-6053e3bc]{display:flex;justify-content:center;align-items:center;margin-bottom:-50px}.logo img[data-v-6053e3bc]{width:200px;height:auto;max-width:100%}.music-button-container[data-v-6053e3bc]{position:absolute;bottom:20px;right:20px;z-index:10}.welcome-text[data-v-6053e3bc]{display:flex;flex-wrap:wrap;justify-content:center;max-width:90vw;text-align:center;line-height:1.2}.welcome-button[data-v-6053e3bc]{opacity:0;animation:fadeIn-6053e3bc .5s ease forwards 1s}.letter[data-v-6053e3bc]{display:inline-block;color:#fff;font-size:clamp(2rem,5vw,4rem);font-weight:700;text-transform:uppercase;opacity:0;transform:translateY(20px);animation:fadeIn-6053e3bc .5s ease forwards,neonGlow-6053e3bc 1.5s ease-in-out infinite alternate,blink-6053e3bc 2s infinite;animation-delay:var(--delay);margin:0 2px}@keyframes fadeIn-6053e3bc{to{opacity:1;transform:translateY(0)}}@keyframes neonGlow-6053e3bc{0%{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 20px #1a5e9c,0 0 30px #1a5e9c}to{text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #1a5e9c,0 0 40px #1a5e9c}}@keyframes blink-6053e3bc{0%,to{opacity:1}50%{opacity:.7}}.fade-enter-active[data-v-6053e3bc]{transition:opacity 1s ease}.fade-enter-from[data-v-6053e3bc]{opacity:0}@media (max-width: 768px){.letter[data-v-6053e3bc]{font-size:clamp(1.5rem,8vw,2rem);margin:0 1px}.content-container[data-v-6053e3bc]{gap:1.5rem}.music-button-container[data-v-6053e3bc]{bottom:15px;right:15px}}.spotify-button[data-v-9f74adbe]{padding:10px 20px;text-transform:uppercase;border-radius:8px;font-size:8px;font-weight:500;color:#ffffff80;text-shadow:none;background:transparent;cursor:pointer;box-shadow:transparent;border:1px solid #ffffff80;transition:.5s ease;-webkit-user-select:none;user-select:none}.spotify-button[data-v-9f74adbe],#btn[data-v-9f74adbe]{font-size:8px;min-width:140px;height:33px}.spotify-button[data-v-9f74adbe]:hover,.spotify-button[data-v-9f74adbe]:focus{color:#fff;background:#008cff;border:1px solid #008cff;text-shadow:0 0 5px #ffffff,0 0 10px #ffffff,0 0 20px #ffffff;box-shadow:0 0 5px #008cff,0 0 20px #008cff,0 0 50px #008cff,0 0 100px #008cff}.loading-spinner[data-v-9f74adbe]{width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin-9f74adbe 1s ease-in-out infinite}@keyframes spin-9f74adbe{to{transform:rotate(360deg)}}button[data-v-b4a5e7a7]{padding:10px 20px;text-transform:uppercase;border-radius:8px;font-size:8px;font-weight:500;color:#ffffff80;text-shadow:none;background:transparent;cursor:pointer;box-shadow:transparent;border:1px solid #ffffff80;transition:.5s ease;-webkit-user-select:none;user-select:none}button[data-v-b4a5e7a7],#btn[data-v-b4a5e7a7]{font-size:8px;min-width:140px;height:33px}.playlist-container[data-v-b4a5e7a7]{max-height:300px;overflow-y:auto;color:#fff;border:1px solid #ccc;padding:5px;border-radius:2px;margin-top:15px;opacity:0;font-size:15px;transition:opacity .3s ease-in-out}.playlist-container[style][data-v-b4a5e7a7]{opacity:1}.save-btn[data-v-b4a5e7a7]{padding:5px;height:25px;min-width:120px;font-size:10px;font-weight:700;color:#fff;background:#1db954;border:none;border-radius:10px;cursor:pointer;transition:.3s ease-in-out;margin-top:5px}.save-btn[data-v-b4a5e7a7]:hover{background:#1ed760}.delete-btn[data-v-b4a5e7a7]{padding:5px;font-size:10px;min-width:120px;height:25px;font-weight:700;color:#fff;background:#ff4d4d;border:none;border-radius:10px;cursor:pointer;transition:.3s ease-in-out;margin-left:8px;margin-top:5px}.delete-btn[data-v-b4a5e7a7]:hover{background:#ff1a1a}#btn[data-v-b4a5e7a7]:hover,[data-v-b4a5e7a7]:focus{color:#fff;background:#008cff;border:1px solid #008cff;text-shadow:0 0 5px #ffffff,0 0 10px #ffffff,0 0 20px #ffffff;box-shadow:0 0 5px #008cff,0 0 20px #008cff,0 0 50px #008cff,0 0 100px #008cff}.navbar-container[data-v-fb9cbe51]{position:absolute;top:60px;left:50%;transform:translate(-50%);z-index:1000;display:flex;flex-direction:column;align-items:center}.toggle-btn[data-v-fb9cbe51]{background:none;border:none;cursor:pointer;color:#fff;font-size:1rem;display:flex;align-items:center}.expanded-menu[data-v-fb9cbe51]{display:flex;flex-direction:row;justify-content:center;background:#181818eb;border-radius:10px;overflow:hidden;gap:1rem;padding:.5rem;width:100vw;max-width:600px}.expanded-menu a[data-v-fb9cbe51]{padding:.5rem;color:#fff;text-align:center;transition:background-color .3s ease;text-decoration:none}.expanded-menu a[data-v-fb9cbe51]:hover{background:#1a5e9c}.slide-enter-active[data-v-fb9cbe51],.slide-leave-active[data-v-fb9cbe51]{transition:transform .4s ease-in-out,opacity .4s ease-in-out}.slide-enter[data-v-fb9cbe51]{transform:translateY(-20px);opacity:0}.slide-enter-to[data-v-fb9cbe51],.slide-leave[data-v-fb9cbe51]{transform:translateY(0);opacity:1}.slide-leave-to[data-v-fb9cbe51]{transform:translateY(-20px);opacity:0}li[data-v-e41c15d0]{list-style:none}a[data-v-e41c15d0]{text-decoration:none;color:#fff;font-size:1rem}a[data-v-e41c15d0]:hover{color:#181818bf;text-shadow:0 0 5px rgba(255,255,255,.3)}header[data-v-e41c15d0]{position:fixed;top:0;left:0;right:0;padding:0 2rem;background:#181818bf;z-index:1000;box-shadow:0 2px 10px #0000001a;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.navbar[data-v-e41c15d0]{width:100%;height:60px;max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.navbar .logo[data-v-e41c15d0]{font-size:1.5rem;font-weight:700}.navbar .links[data-v-e41c15d0]{display:flex;gap:2rem}.navbar .toggle_btn[data-v-e41c15d0]{color:#fff;display:flex;justify-content:center;cursor:pointer;display:none}.action_btn[data-v-e41c15d0]{background-color:#1a5e9c;color:#fff;padding:.5rem 1rem;border:none;outline:none;border-radius:20px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .3s ease}.action_btn[data-v-e41c15d0]:hover{transform:scale(1.05);background-color:#144a7c;color:#fff}.action_btn[data-v-e41c15d0]:active{transform:scale(.95)}.dropdown_menu[data-v-e41c15d0]{position:fixed;display:none;right:2rem;top:60px;height:0;width:300px;background:#181818eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:10px;overflow:hidden;transition:height .2s cubic-bezier(.175,.885,.32,1.275);z-index:9999;border:1px solid transparent}.dropdown_menu.open[data-v-e41c15d0]{height:225px;border-color:#1a5e9c}.dropdown_menu[data-v-e41c15d0]:not(.open){border:none}.dropdown_menu li[data-v-e41c15d0]{padding:.7rem;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.dropdown_menu li[data-v-e41c15d0]:hover{background-color:#1a5e9c}.dropdown_menu .action_btn[data-v-e41c15d0]{width:100%;display:flex;justify-content:center}.logo-nav[data-v-e41c15d0]{height:110px;margin-top:10px}.user_menu[data-v-e41c15d0]{position:relative}.dropdown_user[data-v-e41c15d0]{display:none;position:absolute;right:-1rem;top:39.9px;width:200px;background:#181818eb;border-radius:10px;overflow:hidden;transition:all .3s ease-in-out;z-index:999;border:1px solid #1a5e9c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dropdown_user.open[data-v-e41c15d0]{display:block}.dropdown_user a[data-v-e41c15d0]{display:block;padding:8px;color:#fff;text-align:center;transition:background-color .3s ease}.dropdown_user a[data-v-e41c15d0]:hover{background:#1a5e9c}@media (max-width: 992px){.navbar .links[data-v-e41c15d0],.navbar .action_btn[data-v-e41c15d0]{display:none}.navbar .toggle_btn[data-v-e41c15d0],.dropdown_menu[data-v-e41c15d0]{display:block}.user_menu[data-v-e41c15d0]{position:relative}.dropdown_user[data-v-e41c15d0]{right:5.5rem;top:125px}}@media (max-width: 576px){.user_menu[data-v-e41c15d0]{position:relative}.dropdown_menu[data-v-e41c15d0]{left:2rem;width:calc(100% - 4rem)}.dropdown_user[data-v-e41c15d0]{right:3rem}}.login-box[data-v-aca2b596]{position:absolute;top:42%;left:50%;width:400px;padding:40px;margin:20px auto;transform:translate(-50%,-55%);background:#000000e6;box-sizing:border-box;box-shadow:0 15px 25px #0009;border-radius:10px;overflow:hidden}.login-box[data-v-aca2b596]:before{content:"";position:absolute;top:0;left:0;right:0;height:50px;background:linear-gradient(to bottom,rgba(43,120,235,.5),transparent);clip-path:ellipse(70% 100% at 50% 0)}.login-box p[data-v-aca2b596]:first-child{margin:1 0 30px;padding:0;background:linear-gradient(to right,#1a5e9c,#1a5e9c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center;font-size:1.5rem;font-weight:700;letter-spacing:1px}.login-box .user-box[data-v-aca2b596]{position:relative}.login-box .user-box input[data-v-aca2b596]{width:100%;padding:10px 0;font-size:16px;color:#fff;margin-bottom:30px;border:none;border-bottom:1px solid #fff;outline:none;background:transparent}.login-box .user-box label[data-v-aca2b596]{position:absolute;top:0;left:0;padding:10px 0;font-size:16px;color:#fff;pointer-events:none;transition:.5s}.login-box .user-box input:focus~label[data-v-aca2b596],.login-box .user-box input:valid~label[data-v-aca2b596]{top:-20px;left:0;color:#fff;font-size:12px}.login-box form button[data-v-aca2b596]{position:relative;display:inline-block;padding:10px 20px;font-weight:700;color:#fff;font-size:16px;text-decoration:none;text-transform:uppercase;overflow:hidden;transition:.5s;margin-top:40px;letter-spacing:3px;background:transparent;border:none;cursor:pointer}.login-box form button[data-v-aca2b596]:hover{background:#fff;color:#272727;border-radius:5px}.login-box form button span[data-v-aca2b596]{position:absolute;display:block}.login-box form button span[data-v-aca2b596]:nth-child(1){top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,#fff);animation:btn-anim1-aca2b596 1.5s linear infinite}@keyframes btn-anim1-aca2b596{0%{left:-100%}50%,to{left:100%}}.login-box form button span[data-v-aca2b596]:nth-child(2){top:-100%;right:0;width:2px;height:100%;background:linear-gradient(180deg,transparent,#fff);animation:btn-anim2-aca2b596 1.5s linear infinite;animation-delay:.375s}@keyframes btn-anim2-aca2b596{0%{top:-100%}50%,to{top:100%}}.login-box form button span[data-v-aca2b596]:nth-child(3){bottom:0;right:-100%;width:100%;height:2px;background:linear-gradient(270deg,transparent,#fff);animation:btn-anim3-aca2b596 1.5s linear infinite;animation-delay:.75s}@keyframes btn-anim3-aca2b596{0%{right:-100%}50%,to{right:100%}}.login-box form button span[data-v-aca2b596]:nth-child(4){bottom:-100%;left:0;width:2px;height:100%;background:linear-gradient(360deg,transparent,#fff);animation:btn-anim4-aca2b596 1.5s linear infinite;animation-delay:1.125s}@keyframes btn-anim4-aca2b596{0%{bottom:-100%}50%,to{bottom:100%}}.login-box p[data-v-aca2b596]:last-child{color:#aaa;font-size:14px}.login-box a.a2[data-v-aca2b596]{color:#fff;text-decoration:none}.login-box a.a2[data-v-aca2b596]:hover{background:transparent;color:#aaa;border-radius:5px}.error-message[data-v-aca2b596]{color:#fff}body[data-v-d142757d]{margin:0;padding:0}.footer[data-v-d142757d]{position:fixed;left:0;right:0;bottom:0;width:100%;background:#181818d9;color:#fff;padding:.2rem 1rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-top:1px solid #1a5e9c;box-sizing:border-box}.footer-container[data-v-d142757d]{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.footer-col[data-v-d142757d]{flex:1;min-width:200px;text-align:center}.logo-footer[data-v-d142757d]{height:90px}.footer-description[data-v-d142757d]{font-size:.9rem;color:#fff}.footer-bottom[data-v-d142757d]{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;text-align:center;padding:.5rem;background:#0003;margin-top:.5rem;box-sizing:border-box}@media (max-width: 768px){.footer-container[data-v-d142757d]{grid-template-columns:1fr;text-align:center}}.app-layout[data-v-c8a9b706]{display:flex;flex-direction:column}.main-content[data-v-c8a9b706]{flex:1;display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 140px)}.content-wrapper[data-v-c8a9b706]{width:100%;max-width:500px;height:100%;display:flex;justify-content:center;align-items:center}.fade-in[data-v-c8a9b706]{opacity:0;transition:opacity 1s ease-in-out}.fade-in.show[data-v-c8a9b706]{opacity:1}.login-box[data-v-95db2464]{position:absolute;top:43%;left:50%;width:400px;height:480px;padding:40px;margin:20px auto;transform:translate(-50%,-55%);background:#000000e6;box-sizing:border-box;box-shadow:0 15px 25px #0009;border-radius:10px;overflow:hidden}.login-box[data-v-95db2464]:before{content:"";position:absolute;top:0;left:0;right:0;height:50px;background:linear-gradient(to bottom,rgba(43,120,235,.5),transparent);clip-path:ellipse(70% 100% at 50% 0)}.login-box p[data-v-95db2464]:first-child{margin:1 0 30px;padding:0;background:linear-gradient(to right,#1a5e9c,#1a5e9c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center;font-size:1.5rem;font-weight:700;letter-spacing:1px}.login-box .user-box[data-v-95db2464]{position:relative}.login-box .user-box input[data-v-95db2464]{width:100%;padding:10px 0;font-size:16px;color:#fff;margin-bottom:30px;border:none;border-bottom:1px solid #fff;outline:none;background:transparent}.login-box .user-box label[data-v-95db2464]{position:absolute;top:0;left:0;padding:10px 0;font-size:16px;color:#fff;pointer-events:none;transition:.5s}.login-box .user-box input:focus~label[data-v-95db2464],.login-box .user-box input:valid~label[data-v-95db2464]{top:-20px;left:0;color:#fff;font-size:12px}.login-box form button[data-v-95db2464]{position:relative;display:inline-block;padding:10px 20px;font-weight:700;color:#fff;font-size:16px;text-decoration:none;text-transform:uppercase;overflow:hidden;transition:.5s;margin-top:40px;letter-spacing:3px;background:transparent;border:none;cursor:pointer}.login-box form button[data-v-95db2464]:hover{background:#fff;color:#272727;border-radius:5px}.login-box form button span[data-v-95db2464]{position:absolute;display:block}.login-box form button span[data-v-95db2464]:nth-child(1){top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,#fff);animation:btn-anim1-95db2464 1.5s linear infinite}@keyframes btn-anim1-95db2464{0%{left:-100%}50%,to{left:100%}}.login-box form button span[data-v-95db2464]:nth-child(2){top:-100%;right:0;width:2px;height:100%;background:linear-gradient(180deg,transparent,#fff);animation:btn-anim2-95db2464 1.5s linear infinite;animation-delay:.375s}@keyframes btn-anim2-95db2464{0%{top:-100%}50%,to{top:100%}}.login-box form button span[data-v-95db2464]:nth-child(3){bottom:0;right:-100%;width:100%;height:2px;background:linear-gradient(270deg,transparent,#fff);animation:btn-anim3-95db2464 1.5s linear infinite;animation-delay:.75s}@keyframes btn-anim3-95db2464{0%{right:-100%}50%,to{right:100%}}.login-box form button span[data-v-95db2464]:nth-child(4){bottom:-100%;left:0;width:2px;height:100%;background:linear-gradient(360deg,transparent,#fff);animation:btn-anim4-95db2464 1.5s linear infinite;animation-delay:1.125s}@keyframes btn-anim4-95db2464{0%{bottom:-100%}50%,to{bottom:100%}}.login-box p[data-v-95db2464]:last-child{color:#aaa;font-size:14px}.login-box a.a2[data-v-95db2464]{color:#fff;text-decoration:none}.login-box a.a2[data-v-95db2464]:hover{background:transparent;color:#aaa;border-radius:5px}.error-message[data-v-95db2464]{color:#fff}.app-layout[data-v-0c54d10f]{display:flex;flex-direction:column}.main-content[data-v-0c54d10f]{flex:1;display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 140px)}.content-wrapper[data-v-0c54d10f]{width:100%;max-width:500px;height:100%;display:flex;justify-content:center;align-items:center}.fade-in[data-v-0c54d10f]{opacity:0;transition:opacity 1s ease-in-out}.fade-in.show[data-v-0c54d10f]{opacity:1}.comment-button[data-v-8776d6e3]{background:none;border:none;cursor:pointer;padding:5px}.comment-icon[data-v-8776d6e3]{font-size:1.2rem;color:#333}.comments-area[data-v-3e7fcf1b]{margin-top:10px;background:#f4f4f4;padding:15px;border-radius:8px;color:#000}.comments-list[data-v-3e7fcf1b]{list-style:none;padding:0;margin-bottom:10px;color:#000}.comment-item[data-v-3e7fcf1b]{margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #ddd}.comment-text[data-v-3e7fcf1b]{display:block;max-height:120px;overflow-y:auto;white-space:pre-wrap;word-break:break-word;margin-top:5px;color:#000}.comment-date[data-v-3e7fcf1b]{display:block;font-size:.8rem;color:#666;margin-top:4px}.comment-actions button[data-v-3e7fcf1b]{background:none;border:none;cursor:pointer;margin-right:5px;font-size:1.1rem}.edit-input[data-v-3e7fcf1b]{width:100%;padding:5px;margin-top:5px}.comment-form[data-v-3e7fcf1b]{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:10px}.comment-form input[data-v-3e7fcf1b]{width:100%;padding:8px;border-radius:4px;border:1px solid #ccc;box-sizing:border-box}.comment-form button[data-v-3e7fcf1b]{align-self:flex-end;padding:6px 12px;font-size:1.2rem;cursor:pointer;background:none;border:none}.pagination-controls[data-v-3e7fcf1b]{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:10px}.pagination-controls button[data-v-3e7fcf1b]{background:none;border:none;font-size:1.2rem;cursor:pointer}.playlists-container[data-v-975b1b0d]{width:100%;margin:60px auto 0;padding:20px;background:var(--color-background-soft);border-radius:8px;box-shadow:0 4px 8px #0000001a}.user-link[data-v-975b1b0d]{color:#1a5e9c;text-decoration:none;font-weight:700}.user-link[data-v-975b1b0d]:hover{text-decoration:underline;color:#6de6f0}h2[data-v-975b1b0d]{text-align:center;margin-bottom:15px;font-family:Bebas Neue,sans-serif;font-weight:400;font-style:normal;text-transform:uppercase;letter-spacing:2px;color:#000}@media (prefers-color-scheme: dark){h2[data-v-975b1b0d]{color:#fff}}.controls[data-v-975b1b0d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 10px}.sort-options[data-v-975b1b0d]{display:flex;align-items:center;gap:10px}.sort-options select[data-v-975b1b0d]{padding:8px 12px;border-radius:20px;border:1px solid #ddd;background:#fff}.pagination-controls[data-v-975b1b0d]{display:flex;align-items:center;gap:15px}.page-btn[data-v-975b1b0d]{padding:8px 15px;border-radius:50%;border:none;background:#1a5e9c;color:#fff;cursor:pointer;font-weight:700}.page-btn[data-v-975b1b0d]:disabled{background:#ccc;cursor:not-allowed}.horizontal-scroll[data-v-975b1b0d]{width:100%;overflow-x:auto;padding-bottom:20px;-webkit-overflow-scrolling:touch}.playlists-horizontal[data-v-975b1b0d]{display:flex;gap:20px;padding:10px 0;width:max-content;margin:0 auto}.playlist-card-horizontal[data-v-975b1b0d]{flex:0 0 250px;background:#1a5e9c;border-radius:10px;overflow:hidden;box-shadow:0 4px 8px #0000001a;transition:transform .3s;display:flex;flex-direction:column}.playlist-card-horizontal[data-v-975b1b0d]:hover{transform:translateY(-5px)}.playlist-header[data-v-975b1b0d]{padding:10px;background:#191414;color:#fff}.playlist-header h3[data-v-975b1b0d]{margin:0;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-info[data-v-975b1b0d]{margin:5px 0 0;font-size:.8rem;color:#b3b3b3}.playlist-cover img[data-v-975b1b0d]{width:100%;height:160px;object-fit:cover}.playlist-info[data-v-975b1b0d]{padding:10px;flex-grow:1;display:flex;flex-direction:column;gap:5px;color:#fff}.likes-section[data-v-975b1b0d]{display:flex;align-items:center;gap:5px;margin:5px 0}.likes-section button[data-v-975b1b0d]{background:none;border:none;cursor:pointer;font-size:1.2rem}.spotify-link[data-v-975b1b0d]{display:block;background:#1db954;color:#fff;padding:5px;border-radius:20px;text-decoration:none;text-align:center;font-size:.9rem;margin-top:auto}.spotify-link[data-v-975b1b0d]:hover{background:#1ed760}.horizontal-scroll[data-v-975b1b0d]::-webkit-scrollbar{height:8px}.horizontal-scroll[data-v-975b1b0d]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.horizontal-scroll[data-v-975b1b0d]::-webkit-scrollbar-thumb{background:#1a5e9c;border-radius:10px}.horizontal-scroll[data-v-975b1b0d]::-webkit-scrollbar-thumb:hover{background:#6de6f0}.comments-zone[data-v-975b1b0d]{margin-top:1rem;padding:1rem;background-color:#1a5e9c;border-radius:8px}@media (max-width: 768px){.playlists-container[data-v-975b1b0d]{padding:.5rem}.controls[data-v-975b1b0d]{flex-direction:column;align-items:center;gap:1rem}.playlist-card-horizontal[data-v-975b1b0d]{flex:0 0 220px}.horizontal-scroll[data-v-975b1b0d]{padding:0 10px}}@media (max-width: 480px){.playlists-horizontal[data-v-975b1b0d]{display:flex;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;gap:10px;padding:10px}.playlist-card-horizontal[data-v-975b1b0d]{flex:0 0 auto;width:160px;max-width:160px;height:auto}.playlist-cover img[data-v-975b1b0d]{width:100%;height:140px;object-fit:contain}.horizontal-scroll[data-v-975b1b0d]{width:100%;overflow-x:auto;padding-bottom:10px}}@media (max-width: 375px){.playlist-card-horizontal[data-v-975b1b0d]{flex:0 0 110px}.horizontal-scroll[data-v-975b1b0d]{overflow-x:auto;margin:0 0 10px;padding:0 10px}.playlists-horizontal[data-v-975b1b0d]{gap:5px}.playlists-container[data-v-975b1b0d]{padding:1rem;margin-bottom:10rem}h2[data-v-975b1b0d]{font-size:1rem}}.app-layout[data-v-8c81781d]{display:flex;flex-direction:column;padding-bottom:150px}.main-content[data-v-8c81781d]{padding:1rem;width:100%}.content-wrapper[data-v-8c81781d]{width:100%;max-width:1400px;padding:0 20px;margin:0 auto}h1[data-v-f82b12cd]{color:#000}@media (prefers-color-scheme: dark){h1[data-v-f82b12cd]{color:#fff}}.about[data-v-f82b12cd],.log[data-v-f425a25b]{padding:20px;background:var(--color-background-soft);border-radius:8px;border-left:5px solid #1a5e9c}h1[data-v-f425a25b]{color:#000}@media (prefers-color-scheme: dark){h1[data-v-f425a25b]{color:#fff}}.card[data-v-03c65755]{--font-color: #323232;--font-color-sub: #666;--bg-color: #fff;--main-color: #323232;width:200px;height:254px;background:var(--bg-color);border:2px solid var(--main-color);box-shadow:4px 4px var(--main-color);border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center}.card-photo[data-v-03c65755]{width:100px;height:100px;background-size:cover;background-position:center;border-radius:50%;margin-bottom:10px}.card-title[data-v-03c65755]{text-align:center;color:var(--font-color);font-size:20px;font-weight:400;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.card-title span[data-v-03c65755]{font-size:15px;color:var(--font-color-sub)}.card-socials[data-v-03c65755]{display:flex;height:0;opacity:0;margin-top:20px;gap:20px;transition:.5s}.card-socials-btn[data-v-03c65755]{width:25px;height:25px;border:none;background:transparent;cursor:pointer}.card-socials-btn svg[data-v-03c65755]{width:100%;height:100%;fill:var(--main-color)}.card:hover>.card-socials[data-v-03c65755]{opacity:1;height:35px}.card-socials-btn[data-v-03c65755]:hover{transform:translateY(-5px);transition:all .15s}.card-photo[data-v-03c65755]:hover{transition:.3s;transform:scale(1.1)}.important[data-v-f2807ebe]{padding:20px;background:var(--color-background-soft);border-radius:8px;border-left:5px solid #f39c12;color:#000}@media (prefers-color-scheme: dark){.important[data-v-f2807ebe]{color:#fff;border-left:5px solid #f1c40f}}.app-layout[data-v-9c96d0e4]{overflow-y:auto;max-height:100vh;padding-bottom:150px}.content-wrapper[data-v-9c96d0e4]{display:flex;flex-direction:column;gap:40px;margin-top:40px}.cards-container[data-v-9c96d0e4]{display:flex;justify-content:center;align-items:center;margin-top:20px}.tv-container[data-v-af9dbfb6]{display:flex;flex-direction:column;align-items:center}.tv-screen[data-v-af9dbfb6]{position:relative;width:300px;height:200px;background:#000;border:10px solid #333;border-radius:10px;box-shadow:0 0 20px #000c,inset 0 0 50px #fff3;overflow:hidden}.static[data-v-af9dbfb6]{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,#000,#000 1px,#111,#fff 1px,#333 2px);animation:flicker-af9dbfb6 .1s steps(20) infinite;z-index:1}.error-text[data-v-af9dbfb6]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:red;font-size:18px;font-weight:700;letter-spacing:2px;text-shadow:2px 2px 5px black;z-index:2;animation:glitch-af9dbfb6 .5s infinite}.tv-stand[data-v-af9dbfb6]{width:150px;height:10px;background:#333;margin-top:10px;border-radius:5px;box-shadow:0 5px 10px #000000b3}@keyframes flicker-af9dbfb6{0%{opacity:.8;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.01)}to{opacity:.7;transform:scaleY(.99)}}@keyframes glitch-af9dbfb6{0%{transform:translate(-50%,-50%) skew(5deg);opacity:.9}25%{transform:translate(-50%,-50%) skew(-5deg);opacity:.8}50%{transform:translate(-50%,-50%) skew(0);opacity:1}75%{transform:translate(-50%,-50%) skew(-5deg);opacity:.8}to{transform:translate(-50%,-50%) skew(5deg);opacity:.9}}.app-layout[data-v-90ea60be]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:80vh;gap:20px}.playlists-container[data-v-eeee47c2]{width:100%;margin:60px auto 0;padding:20px;background:var(--color-background-soft);border-radius:8px;box-shadow:0 4px 8px #0000001a}h2[data-v-eeee47c2]{text-align:center;margin-bottom:15px;font-family:Bebas Neue,sans-serif;font-weight:400;font-style:normal;text-transform:uppercase;letter-spacing:2px;color:#000}@media (prefers-color-scheme: dark){h2[data-v-eeee47c2]{color:#fff}}.controls[data-v-eeee47c2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 10px}.sort-options[data-v-eeee47c2]{display:flex;align-items:center;gap:10px}.sort-options select[data-v-eeee47c2]{padding:8px 12px;border-radius:20px;border:1px solid #ddd;background:#fff}.pagination-controls[data-v-eeee47c2]{display:flex;align-items:center;gap:15px}.page-btn[data-v-eeee47c2]{padding:8px 15px;border-radius:50%;border:none;background:#1a5e9c;color:#fff;cursor:pointer;font-weight:700}.page-btn[data-v-eeee47c2]:disabled{background:#ccc;cursor:not-allowed}.horizontal-scroll[data-v-eeee47c2]{width:100%;overflow-x:auto;padding-bottom:20px;-webkit-overflow-scrolling:touch}.playlists-horizontal[data-v-eeee47c2]{display:flex;gap:20px;padding:10px 0;width:max-content;margin:0 auto}.playlist-card-horizontal[data-v-eeee47c2]{flex:0 0 250px;background:#1a5e9c;border-radius:10px;overflow:hidden;box-shadow:0 4px 8px #0000001a;transition:transform .3s;display:flex;flex-direction:column}.playlist-card-horizontal[data-v-eeee47c2]:hover{transform:translateY(-5px)}.playlist-header[data-v-eeee47c2]{padding:10px;background:#191414;color:#fff}.playlist-header h3[data-v-eeee47c2]{margin:0;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-info[data-v-eeee47c2]{margin:5px 0 0;font-size:.8rem;color:#b3b3b3}.playlist-cover img[data-v-eeee47c2]{width:100%;height:160px;object-fit:cover}.playlist-info[data-v-eeee47c2]{padding:10px;flex-grow:1;display:flex;flex-direction:column;gap:5px;color:#fff}.likes-section[data-v-eeee47c2]{display:flex;align-items:center;gap:5px;margin:5px 0}.likes-section button[data-v-eeee47c2]{background:none;border:none;cursor:pointer;font-size:1.2rem}.spotify-link[data-v-eeee47c2]{display:block;background:#1db954;color:#fff;padding:5px;border-radius:20px;text-decoration:none;text-align:center;font-size:.9rem;margin-top:auto}.spotify-link[data-v-eeee47c2]:hover{background:#1ed760}.horizontal-scroll[data-v-eeee47c2]::-webkit-scrollbar{height:8px}.horizontal-scroll[data-v-eeee47c2]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.horizontal-scroll[data-v-eeee47c2]::-webkit-scrollbar-thumb{background:#1a5e9c;border-radius:10px}.horizontal-scroll[data-v-eeee47c2]::-webkit-scrollbar-thumb:hover{background:#6de6f0}@media (max-width: 768px){.playlists-container[data-v-eeee47c2]{padding:.5rem}.controls[data-v-eeee47c2]{flex-direction:column;align-items:center;gap:1rem}.playlist-card-horizontal[data-v-eeee47c2]{flex:0 0 220px}.horizontal-scroll[data-v-eeee47c2]{padding:0 10px}}@media (max-width: 480px){.playlists-horizontal[data-v-eeee47c2]{display:flex;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;gap:10px;padding:10px}.playlist-card-horizontal[data-v-eeee47c2]{flex:0 0 auto;width:160px;max-width:160px;height:auto}.playlist-cover img[data-v-eeee47c2]{width:100%;height:140px;object-fit:contain}.horizontal-scroll[data-v-eeee47c2]{width:100%;overflow-x:auto;padding-bottom:10px}}@media (max-width: 375px){.playlist-card-horizontal[data-v-eeee47c2]{flex:0 0 110px}.horizontal-scroll[data-v-eeee47c2]{overflow-x:auto;margin:0 0 10px;padding:0 10px}.playlists-horizontal[data-v-eeee47c2]{gap:5px}.playlists-container[data-v-eeee47c2]{padding:1rem;margin-bottom:10rem}h2[data-v-eeee47c2]{font-size:1rem}}.app-layout[data-v-818c54bf]{display:flex;flex-direction:column;padding-bottom:150px}.main-content[data-v-818c54bf]{padding:1rem;width:100%}.content-wrapper[data-v-818c54bf]{width:100%;max-width:1400px;padding:0 20px;margin:0 auto}