:root{--primary-color: rgb(0, 183, 255);--dark-backgound-color: #000;--dark-color: #121212;--light-dark-color: #282828;--text-color: #fff;--text-secondary-color: #B3B3B3;--dark-form-color: #1a1a1a;--color-standard: #040404}@font-face{font-family:CircularStd;src:url(/assets/CircularStd-Medium-mYAKNaA5.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:CircularStd;src:url(/assets/CircularStd-Book-DBDYzcok.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:CircularStd;src:url(/assets/CircularStd-Light-Q5UA2LoR.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:CircularStd;src:url(/assets/CircularStd-Bold-aYUIdOZ5.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:CircularStd;src:url(/assets/CircularStd-Black-lv309yOc.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}html{overflow:auto}body{font-family:CircularStd,system-ui,sans-serif;background-color:var(--dark-backgound-color);background-image:linear-gradient(#ffffff2a,#000);background-repeat:no-repeat;background-attachment:fixed;color:var(--text-color);margin:0;padding:0;display:grid;min-height:100dvh;overflow:hidden;grid-template-rows:auto 1fr auto;overflow-x:hidden}.container{margin:0 auto;background:var(--dark-color);background-image:linear-gradient(#000,#ffffff0d);width:700px;overflow:auto;border-radius:12px;box-shadow:0 10px 30px #14141480}.footer{background:var(--dark-color);background-image:linear-gradient(#0000,#fff0);margin-top:20px;width:100%;padding:1rem 0 1.5rem;padding-top:30px;text-align:center}.footer p{margin:0;font-size:.75rem;color:var(--text-secondary-color)}.view{width:100%;height:100%}.hidden{display:none!important}#auth-view{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4rem;padding:2rem;box-sizing:border-box}.logo-container{max-width:450px;animation:fadeInLogo 1.5s ease-out forwards,subtleRock 4s ease-in-out 1.5s infinite alternate}.logo-container img{width:100%;height:auto}@keyframes fadeInLogo{0%{opacity:0;transform:translate(-30px) rotate(0)}to{opacity:1;transform:translate(0) rotate(0)}}@keyframes subtleRock{0%{transform:rotate(0)}to{transform:rotate(4deg)}}.form-container{position:relative;width:300px;border-radius:12px;background-color:var(--dark-form-color);border:1px solid #444;padding:6rem 2rem 2rem;z-index:1}.yeti-container{background:url(/assets/mascotaUisTiFy-BpqaxDOW.svg) no-repeat center;position:absolute;top:0;left:50%;transform:translate(-50%,-60%);height:300px;width:300px}#pupil-left,#pupil-right{transition:transform .1s ease-out}#auth-view form{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}#auth-view h2{text-align:center;color:var(--primary-color)}#auth-view input{padding:.8rem;border-radius:4px;border:none;background-color:#404040;color:var(--text-color)}#auth-view button{padding:.5rem;border-radius:20px;font-weight:700;cursor:pointer;transition:transform .2s}#auth-view button:hover{transform:scale(1.05)}.button{position:relative;transition:all .3s ease-in-out;box-shadow:0 10px 20px #0003;padding-block:.5rem;padding-inline:1.25rem;background-color:#6ca9d2;border-radius:9999px;display:flex;align-items:center;justify-content:center;color:#fff;gap:10px;font-weight:700;border:3px solid #00c0d14d;outline:none;overflow:hidden;font-size:15px;cursor:pointer}.icon{width:24px;height:24px;transition:all .3s ease-in-out}.button:hover{transform:scale(1.05);border-color:#fff9}.button:hover .icon{transform:translate(4px)}.button:hover:before{animation:shine 1.5s ease-out infinite}.button:before{content:"";position:absolute;width:100px;height:100%;top:0;left:-100px;opacity:.6}@keyframes shine{0%{left:-100px}60%{left:100%}to{left:100%}}.toggle-container{text-align:center;margin-top:1rem}.toggle-container a{color:var(--text-secondary-color);text-decoration:none;font-size:.9rem;cursor:pointer}.toggle-container a:hover{text-decoration:underline;color:var(--primary-color)}.error{color:#ff6161;text-align:center;height:1em}.form-container:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background-image:linear-gradient(45deg,#e718b0,#8318e7,#1848e7,#18e3e7,#18e74f,#7ce718);background-size:200% 200%;padding:7px;filter:blur(3px);animation:move-gradient-border 3s linear infinite;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor}@keyframes move-gradient-border{0%{background-position:0% 50%}25%{background-position:50% 100%}50%{background-position:100% 50%}75%{background-position:50% 0%}to{background-position:0% 50%}}.main-header-auth{display:flex;justify-content:center;margin-top:10px}.auth-btn{background:#6ca9d2;color:#f9f9f9;width:100px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem;border:2px solid var(--primary-color)}.auth-btn:hover{transform:scale(1.05);border-color:#fff9}#main-view{display:grid;grid-template-columns:350px 1fr;grid-template-rows:1fr auto;grid-template-areas:"sidebar main" "player player";height:90vh;width:100vw;background-color:var(--dark-backgound-color)}.sidebar{grid-area:sidebar;background-color:var(--color-standard);padding-left:.5rem;display:flex;flex-direction:column;height:88.7vh}.sidebar-block{background-color:var(--dark-color);padding:15px 15px 15px 5px;border-radius:8px;transition:all .3s ease;margin-top:.5rem}.user-auth{display:flex;flex-direction:column;padding:0;background-color:var(--dark-backgound-color);border-radius:8px}.auth-buttons{display:flex;gap:.5rem}.btn{flex-grow:1;padding:.8rem;border:none;border-radius:20px;font-weight:800;cursor:pointer}.btn-primary{background-color:var(--text-color);color:var(--dark-backgound-color)}.btn-secondary{background-color:var(--light-dark-color);color:var(--text-color)}.main-nav{display:flex;flex-direction:column;gap:1rem}.nav-item{color:var(--text-secondary-color);text-decoration:none;font-size:1rem;font-weight:700;display:flex;align-items:center;gap:.8rem;padding-left:15px}.nav-item.active{color:var(--text-color)}.nav-item i{font-size:1.5rem}.user-playlists{flex-grow:1;overflow-y:auto;overflow-x:hidden;padding-right:6px;scrollbar-gutter:stable}.main-content{grid-area:main;background:linear-gradient(180deg,#226e9d,#18181b);border-radius:8px;margin:.5rem;margin-bottom:0;display:flex;flex-direction:column;overflow-y:auto}.navigation-arrows{display:flex;gap:1rem}.arrow-btn{background:#151515;border:none;color:#fff;border-radius:50%;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center}.main-header-search{padding:30px 10px 0 7px;display:flex}.content-area{padding:0 1.5rem}.album-shelf{margin-top:2rem;position:relative}.shelf-header{display:flex;align-items:center}.album-grid{display:flex;grid-auto-flow:column;grid-auto-columns:minmax(155px,1fr);overflow-x:hidden;scrollbar-width:none;padding:8px}.album-grid::-webkit-scrollbar{display:none}.album-card{background:linear-gradient(180deg,#5b6e86,#414854 49%,#3d414b 69%,#36363d);padding:8px;border-radius:7px;width:122px;height:202px;flex-shrink:0;cursor:pointer;margin-right:20px;margin-top:0}.album-grid a{text-decoration:none;color:inherit}.album-card img{width:100%;height:122px;border-radius:4px}.album-card h4{margin:3px 0 0 7px;color:#f1f1f2;font-size:13px}.album-card p{margin:2px 0 0 7px;color:#8f97a3;font-size:12px}.shelf-arrow-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background-color:#151515;color:#fff;border:none;border-radius:50%;width:35px;height:35px;display:flex;justify-content:center;align-items:center;cursor:pointer;opacity:0;transition:all .3s ease}#scroll-left-btn{left:12px}#scroll-right-btn{right:12px}.album-shelf:hover .shelf-arrow-btn{opacity:1}.shelf-arrow-btn:hover{background-color:#2a2a2ae6;transform:translateY(-50%) scale(1.1)}.scroll-left-btn{left:-10px}.scroll-right-btn{right:-10px}.user-auth.empty{padding:0;border:none;margin:0}.library-header{padding-left:15px;align-items:center;display:flex;gap:15px}.library-title{color:#8d8d8d;align-items:center;display:flex;font-weight:700;font-size:medium}.btn-create{flex-grow:.8;padding:.6rem;border:none;border-radius:20px;cursor:pointer;display:flex;gap:7px;align-items:center;background-color:red}.btn-icon{background-color:var(--light-dark-color);color:var(--text-color);font-weight:500;font-size:large}.main-header{display:flex;justify-content:end;align-items:center;margin-top:5px;margin-bottom:0}.user-profile-menu{margin:5px 0 0;position:relative;background-color:#3e3e3e;border-radius:50%;width:52px;height:52px;display:flex;align-items:center;justify-content:center}.user-avatar-btn{border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;padding:0;overflow:hidden;background-color:var(--dark-backgound-color)}.logout-dropdown{position:absolute;top:105%;right:0;background-color:#2c2c2c;border-radius:4px;box-shadow:0 4px 12px #00000080;z-index:1001;overflow:hidden;min-width:190px}.logout-btn{background-color:transparent;border:none;color:var(--text-color);width:96%;padding:10px;margin:4px;text-align:left;white-space:nowrap;font-size:.9rem;font-weight:500;transition:background-color .2s ease;border-radius:3px}.logout-btn:hover{background-color:#3c3c3c}#playlist-container{margin-top:10px;display:flex;flex-direction:column;gap:8px}.playlist-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:6px;text-decoration:none;transition:background-color .2s ease}.playlist-item:hover{background-color:var(--light-dark-color)}.playlist-item-cover{background-color:#484848;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:45px;height:45px}.playlist-item-cover svg{border-radius:5px;width:37px;height:37px;fill:var(--text-secondary-color)}.playlist-item-info{overflow:hidden}.playlist-item-info p{margin:0}.playlist-item-title{color:var(--text-color);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-item-owner{color:var(--text-secondary-color);font-size:.875rem}.user-playlists::-webkit-scrollbar{width:8px}.user-playlists::-webkit-scrollbar-thumb{background-color:#555;border-radius:10px}.user-playlists::-webkit-scrollbar-thumb:hover{background-color:#777}.user-playlists::-webkit-scrollbar-track{background-color:#121212}.playlist-header{display:flex;align-items:flex-end;padding:30px;gap:24px}.playlist-cover{width:232px;height:232px;background-color:#333;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 40px #000000b3;flex-shrink:0}.playlist-cover svg{width:120px;height:120px;fill:var(--text-secondary-color)}.playlist-type{font-size:1.1rem;font-weight:400}.playlist-title-h1{padding:10px 0 0;font-weight:900;margin:8px 0;line-height:1;font-size:clamp(2rem,4vw,4rem);overflow:hidden;text-overflow:ellipsis;max-width:800px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.playlist-owner{color:#d2d2d2;font-size:.9rem;font-weight:300}.playlist-description{color:#d2d2d2;font-size:.9rem;font-weight:300;max-width:800px;display:flex;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.content-area-playlist{display:flex;flex-direction:column;height:100%;overflow-y:auto;overflow-x:hidden;background-color:#23d1c8}.playlist-songs-container{flex:1;padding:0 32px 50px;background-image:linear-gradient(#0000002a,#1a2726)}.song-list-header,.song-item{display:grid;grid-template-columns:32px 4fr 4fr 70px;gap:16px;padding:8px 16px;align-items:center;color:var(--text-secondary-color)}.song-list-header{font-size:.8rem;font-size:15px;border-bottom:1px solid rgba(255,255,255,.1)}.song-item{border-radius:2px;transition:background-color .2s ease}.song-item:hover{background-color:#ffffff1a}.song-item-title{display:flex;align-items:center;gap:16px}.song-item-cover{width:40px;height:40px;object-fit:cover}.song-title{color:#fff;font-weight:500;margin:0}.song-artist{font-size:.875rem;margin:0}.song-item-album{font-size:.875rem;font-weight:200}.song-item-duration{font-size:.875rem;font-weight:200;color:var(--text-color);display:flex;align-items:center;justify-content:flex-end;gap:15px}.song-header-duration{display:flex;padding-left:5px}.main-header-list{padding:30px 10px 0 30px;display:flex}.main-header-list-artist{padding:30px 10px 0 7px;display:flex}.song-options-menu{position:relative}.song-options-btn{background:none;border:none;color:var(--text-secondary-color0);cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease}.song-item:hover .song-options-btn{opacity:1}.song-options-dropdown{position:absolute;top:110%;right:0;background-color:var(--light-dark-color);border-radius:4px;box-shadow:0 4px 12px #00000080;z-index:10;min-width:200px;padding:4px}.song-options-dropdown .remove-song-btn{background:none;border:none;color:#ffffffd0;padding:12px;width:100%;text-align:left;display:flex;align-items:center;gap:8px;font-weight:600;font-size:.843rem;opacity:1!important}.song-options-dropdown .remove-song-btn:hover{background-color:#3e3e3e}.content-area-playlist::-webkit-scrollbar{width:14px}.content-area-playlist::-webkit-scrollbar-track{background:transparent;border-radius:20px}.content-area-playlist::-webkit-scrollbar-thumb{background-color:#00000059;border-radius:10px;border:3px solid transparent;background-clip:content-box}.content-area-playlist::-webkit-scrollbar-thumb:hover{background-color:#68686899}.main-content::-webkit-scrollbar{width:14px}.main-content:-webkit-scrollbar-track{background:transparent;border-radius:20px}.main-content::-webkit-scrollbar-thumb{background-color:#00000059;border-radius:10px;border:3px solid transparent;background-clip:content-box}.main-content::-webkit-scrollbar-thumb:hover{background-color:#68686899}.modal-playlist-list::-webkit-scrollbar{width:14px}.modal-playlist-list:-webkit-scrollbar-track{background:transparent;border-radius:20px}.modal-playlist-list::-webkit-scrollbar-thumb{background-color:#00000059;border-radius:10px;border:3px solid transparent;background-clip:content-box}.modal-playlist-list::-webkit-scrollbar-thumb:hover{background-color:#68686899}.add-to-playlist-btn{background-color:transparent;border:1px solid var(--text-color);color:var(--text-color);border-radius:50%;width:28px;height:28px;font-size:20px;line-height:24px;cursor:pointer;transition:all .2s ease}.add-to-playlist-btn:hover{transform:scale(1.1);background-color:var(--text-color);color:var(--dark-backgound-color)}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000052;z-index:1000;display:flex;align-items:center;justify-content:center}.modal-content{background-color:var(--light-dark-color);padding:24px;border-radius:8px;width:90%;max-width:400px;color:var(--text-color)}.modal-playlist-list{margin:24px 0;max-height:300px;overflow-y:auto}.modal-playlist-item{padding:12px;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.modal-playlist-item:hover{background-color:#3e3e3e}.modal-close-btn{background-color:#535353;color:var(--text-color);border:none;padding:10px 20px;border-radius:20px;cursor:pointer}.modal-close-btn:hover{background-color:#e6e6e6;color:var(--dark-backgound-color);font-weight:700}.modal-close-btn:disabled{background-color:#3e3e3e;color:#8d8d8d;cursor:not-allowed}.modal-feedback{padding:12px;margin-bottom:16px;border-radius:4px;text-align:center;font-weight:500;transition:opacity .3s ease;overflow-x:auto;overflow-y:hidden}.modal-feedback.success{background-color:#1db954;color:var(--text-color)}.modal-feedback.error{background-color:#d93025;color:var(--text-color)}.modal-feedback::-webkit-scrollbar{width:14px}.modal-feedback:-webkit-scrollbar-track{background:transparent;border-radius:20px}.modal-feedback::-webkit-scrollbar-thumb{background-color:#00000059;border-radius:10px;border:3px solid transparent;background-clip:content-box}.modal-feedback::-webkit-scrollbar-thumb:hover{background-color:#68686899}.modal-header{display:flex;justify-content:space-between;align-items:center}.close-modal-btn{background:none;border:none;color:var(--text-secondary-color);font-size:2rem;cursor:pointer;line-height:1}.edit-modal-body{display:flex;flex-direction:column}.modal-error-message{background-color:#e53935;color:var(--text-color);padding:5px 5px 5px 10px;border-radius:4px;margin-bottom:16px;margin-right:5px;display:flex;align-items:center;gap:8px;font-size:.8rem}.modal-content-edit{background-color:var(--light-dark-color);padding:20px;border-radius:8px;width:100%;max-width:500px;color:var(--text-color)}.edit-modal-fields-container{display:flex;gap:16px}.edit-modal-cover img{width:180px;height:180px;object-fit:cover;border-radius:4px;box-shadow:0 4px 20px #00000080}.edit-modal-fields{flex-grow:1;display:flex;flex-direction:column}.edit-modal-fields input{width:90%;padding:12px;background-color:#3e3e3e;border:1px solid transparent;border-radius:4px;color:var(--text-color);font-family:inherit;font-size:.9rem;resize:none}.edit-modal-fields textarea{width:90%;height:100%;padding:12px 12px 30px;background-color:#3e3e3e;border:1px solid transparent;border-radius:4px;color:var(--text-color);font-family:inherit;font-size:.9rem;resize:none;margin-top:0}.edit-modal-fields input:focus,.edit-modal-fields textarea:focus{outline:none;border-color:var(--text-color)}.edit-modal-footer{display:flex;justify-content:flex-end}.save-playlist-btn{background-color:var(--primary-color);color:var(--dark-backgound-color);border:none;padding:14px 32px;border-radius:30px;font-weight:700;cursor:pointer;transition:transform .2s ease;margin-top:10px}.save-playlist-btn:hover{transform:scale(1.05)}.error-icon{display:inline-block;width:15px;height:15px;border-radius:50%;border:1px solid var(--text-color);font-weight:700;line-height:18px;text-align:center;flex-shrink:0}.edit-modal-fields input.error-field{border-color:#e53935;outline-color:#e53935}.save-playlist-btn:disabled{background-color:#535353;color:#a7a7a7;cursor:not-allowed;transform:none}.char-counter{text-align:right;font-size:.8rem;color:var(--text-secondary-color);margin-right:5px;margin-top:3px;margin-bottom:5px}.char-counter.limit-reached{color:#e53935;font-weight:700}.context-menu{position:fixed;background-color:#282828;border-radius:4px;box-shadow:0 4px 12px #00000080;z-index:2000;padding:4px;min-width:180px}.context-menu ul{list-style:none;margin:0;padding:0}.context-menu li{padding:12px;color:var(--text-secondary-color);cursor:default;display:flex;align-items:center;gap:8px;font-size:.9rem;border-radius:2px}.context-menu li:hover{background-color:#3e3e3e;color:var(--text-color)}.delete-modal-text{margin:24px 0;color:var(--text-secondary-color)}.modal-actions{display:flex;justify-content:flex-end;gap:16px;margin-top:24px}.modal-actions .btn-secondary{background-color:transparent;color:var(--text-secondary-color);border:none;cursor:pointer}.modal-actions .btn-primary{background-color:var(--primary-color);color:var(--dark-backgound-color);border-radius:30px;padding:12px 30px;border:none;cursor:pointer}.btn-secondary:hover{transform:scale(1.01);filter:brightness(1.09);box-shadow:0 4px 12px #0003}.btn-primary:hover{filter:brightness(1.09);transform:scale(1.01);box-shadow:0 4px 12px #0003}.player-bar{grid-area:player;background-color:var(--dark-backgound-color);display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;padding:0 1rem;height:90px}.player-left{display:flex;justify-content:flex-start}.current-song-info{display:flex;align-items:center;gap:12px}.current-song-info.hidden{opacity:0}.player-song-cover{width:56px;height:56px;object-fit:cover;border-radius:4px}.player-song-title{color:var(--text-color);font-weight:500;margin:0}.player-song-artist{color:var(--text-secondary-color);font-size:.8rem;margin:0}.player-center{display:flex;flex-direction:column;align-items:center;gap:8px}.player-controls{display:flex;gap:1rem}.player-btn{background:var(--text-color);border:none;border-radius:50%;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .1s ease}.player-btn:hover{transform:scale(1.04)}.progress-container{display:flex;align-items:center;gap:8px;width:100%;max-width:500px}.time-stamp{color:var(--text-secondary-color);font-size:.75rem;min-width:35px;text-align:center}.progress-slider{width:100%;height:4px;background:#4d4d4d;outline:none;border-radius:2px;cursor:pointer}.progress-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:var(--text-color);border-radius:50%}.progress-slider::-moz-range-thumb{width:12px;height:12px;background:var(--text-color);border-radius:50%;border:none}.player-btn.secondary{background:none;width:28px;height:28px}.player-btn.secondary i{opacity:.7;transition:opacity .2s ease}.player-btn.secondary:hover i{opacity:1}.player-right{display:flex;justify-content:center}.volume-container{display:flex;align-items:center;gap:8px;color:#b3b3b3}.volume-slider{width:90px;height:4px;background:#4d4d4d;border-radius:2px;outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer}.progress-slider:disabled{background-color:#333;opacity:.5}.progress-slider:disabled::-webkit-slider-thumb{background:#888}.progress-slider:disabled::-moz-range-thumb{background:#888}.song-item-index{position:relative;display:flex;align-items:center;justify-content:center}.song-item-play-btn{position:absolute;background:none;border:none;color:var(--text-color);cursor:pointer;padding:0;display:none}.song-item:hover .song-index-number{display:none}.song-item:hover .song-item-play-btn{display:block}.song-item.is-playing .song-index-number{display:none}.song-item.is-playing .song-item-play-btn{display:block}.song-item.is-playing .song-title{color:var(--primary-color)}.song-list{display:flex;flex-direction:column}.song-item-cover-container .song-item-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:none;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-color);opacity:0;z-index:2}.song-item:hover .song-item-cover-container .song-item-play-btn,.song-item.is-playing .song-item-cover-container .song-item-play-btn{opacity:1}.song-item-cover-container .song-item-cover{width:100%;height:100%;object-fit:cover;border-radius:4px;background-color:#3e3e3e}.song-item-title-search{margin-left:13px}.song-item-cover-container{position:relative;width:45px;height:45px;flex-shrink:0;overflow:hidden;border-radius:4px}.song-item-cover-container:after{content:"";position:absolute;inset:0;background:#0000;transition:background .3s ease;border-radius:4px;cursor:pointer;color:var(--text-color);z-index:1}.song-item-cover-container:hover:after{background:#0006}.song-item-cover-container:hover .song-item-cover{transform:scale(1.05)}.is-loading{position:relative;color:transparent!important;pointer-events:none;cursor:wait}.modal-list-loader{position:relative;min-height:40px}.is-loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin-top:-8px;margin-left:-8px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.btn-primary.is-loading:after{border:2px solid rgba(0,0,0,.5);border-top-color:#000}@keyframes spin{to{transform:rotate(360deg)}}.modal-playlist-item.is-loading:after{width:14px;height:14px;margin-top:-7px;margin-left:-7px;border:2px solid rgba(255,255,255,.3);color:#fff}:is() border-top-c .modal-close-btn:disabled{background-color:#3e3e3e;color:#8d8d8d;cursor:not-allowed}.modal-playlist-list.is-loading .modal-playlist-item{pointer-events:none;cursor:wait}.song-item.is-deleting{opacity:.5;background-color:#0003;pointer-events:none;transition:opacity .3s ease,background-color .3s ease}#toast-container{position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.toast{background-color:#282828;color:#fff;padding:15px 20px;border-radius:6px;box-shadow:0 4px 12px #00000080;font-weight:300;opacity:0;transform:translate(100%);transition:all .4s cubic-bezier(.215,.61,.355,1);max-width:300px;pointer-events:auto}.toast.success{background-color:#1db954}.toast.error{padding-top:20px;padding-bottom:35px;background-color:#d93025;text-align:center}.toast.info{background-color:#007bff}.toast.show{opacity:1;transform:translate(0)}.search-bar-container{position:relative;margin-bottom:24px;max-width:400px}.search-bar-container .icon-search{position:absolute;top:50%;left:14px;transform:translateY(-50%);width:20px;height:20px;opacity:.7;pointer-events:none}#search-input{width:100%;padding:12px 20px 12px 48px;border-radius:50px;border:none;background-color:#2a2a2a;color:#fff;font-size:.9rem;font-family:inherit;box-sizing:border-box;transition:background-color .2s ease,box-shadow .2s ease}#search-input:focus{outline:none;background-color:#333;box-shadow:0 0 0 2px #ffffffe6}#search-input::placeholder{color:#b3b3b3}.loading-message,.empty-results-message{margin-top:0;text-align:center;color:var(--text-secondary-color);font-size:1rem}.artist-view-content,.artist-view-locked{background:linear-gradient(180deg,#222,#121212);flex:1}.artist-view-container{padding:20px 40px;max-width:1200px;width:100%;margin:0 auto;box-sizing:border-box}.locked-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;padding-bottom:100px}.locked-icon{font-size:5rem;margin-bottom:20px;opacity:.6}.locked-title{font-size:2.5rem;font-weight:700;margin-bottom:15px}.locked-description{color:#b3b3b3;font-size:1.1rem;margin-bottom:30px;line-height:1.6}.btn-secondary-outline{background:transparent;border:1px solid #ffffff;color:#fff;padding:12px 30px;border-radius:50px;font-weight:700;cursor:pointer;text-transform:uppercase;font-size:.8rem;letter-spacing:1px;transition:all .3s}.btn-secondary-outline:hover{background:#fff;color:#000;transform:scale(1.05)}.artist-hero{display:flex;align-items:flex-end;gap:40px;margin-top:20px;margin-bottom:40px;flex-wrap:wrap}.artist-hero-image-wrapper{width:230px;height:230px;box-shadow:0 8px 40px #0009;border-radius:50%;overflow:hidden;background-color:#333;flex-shrink:0}.artist-hero-img{width:100%;height:100%;object-fit:cover}.artist-hero-info{flex:1;display:flex;flex-direction:column;justify-content:flex-end}.verified-badge{display:inline-flex;align-items:center;gap:8px;color:#fff;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px}.artist-hero-name{font-size:clamp(3rem,6vw,5rem);font-weight:900;margin:0;line-height:1;color:#fff;letter-spacing:-1px}.artist-hero-country{color:#b3b3b3;font-size:1.1rem;margin:15px 0 25px}.artist-hero-actions{display:flex;gap:15px}.btn-hero-primary{background-color:var(--primary-color);color:#000;border:none;padding:14px 32px;border-radius:50px;font-weight:700;font-size:1rem;cursor:pointer;transition:transform .2s;display:flex;align-items:center;gap:8px}.btn-hero-primary:hover{transform:scale(1.05);background-color:var(--primary-color)}.btn-hero-secondary{background-color:transparent;color:#fff;border:1px solid rgba(255,255,255,.3);padding:14px 24px;border-radius:50px;font-weight:700;cursor:pointer;transition:all .2s}.btn-hero-secondary:hover{border-color:#fff;background-color:#ffffff1a}.artist-divider{border:0;height:1px;background:#ffffff1a;margin-bottom:40px}.empty-songs-placeholder{padding:50px;text-align:center;background:#ffffff08;border-radius:8px;color:#999}.become-artist-container{display:flex;align-items:center;justify-content:center}.promo-card{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);padding:60px;border-radius:16px;display:flex;align-items:center;gap:50px;max-width:900px;box-shadow:0 20px 50px #0006;border:1px solid rgba(255,255,255,.05)}.promo-tag{background:#ffffff1a;color:#fff;padding:6px 12px;border-radius:4px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;display:inline-block}.promo-title{font-size:2.5rem;font-weight:800;margin-bottom:15px;color:#fff}.promo-text{color:#b3b3b3;font-size:1.1rem;line-height:1.6;margin-bottom:30px}.btn-promo-action{background:#fff;color:#000;border:none;padding:16px 36px;border-radius:50px;font-weight:800;font-size:1rem;cursor:pointer;transition:transform .2s}.btn-promo-action:hover{transform:scale(1.05)}.music-note-icon{font-size:8rem;opacity:.1;transform:rotate(15deg)}@media(max-width:768px){.artist-hero{flex-direction:column;align-items:center;text-align:center}.artist-hero-actions{justify-content:center}.promo-card{flex-direction:column;text-align:center;padding:40px 20px}.promo-visual{display:none}}.artist-songs-table{width:100%;margin-top:20px}.song-row-header,.song-row{display:grid;grid-template-columns:40px 4fr 3fr 2fr 60px;padding:10px 16px;align-items:center;gap:16px;border-radius:4px}.song-row-header{color:#b3b3b3;font-size:.75rem;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:10px}.song-row{color:#fff;cursor:pointer;transition:background-color .2s}.song-row:hover{background-color:#ffffff1a}.song-row:hover .index-num{display:none}.song-row:hover .index-play{display:block}.index-play{display:none;color:#fff;font-size:.8rem}.index-num{color:#b3b3b3;font-size:.9rem}.col-title{display:flex;align-items:center;gap:12px}.song-row-cover{width:40px;height:40px;border-radius:4px;object-fit:cover}.song-row-info{display:flex;flex-direction:column}.song-name{font-weight:500;font-size:1rem;color:#fff}.song-sub{font-size:.8rem;color:#b3b3b3}.col-album,.col-date,.col-time{color:#b3b3b3;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-label{font-size:.8rem;font-weight:700;margin-bottom:6px;display:block;color:#fff}.file-upload-area{border:2px dashed #444;border-radius:8px;text-align:center;transition:all .2s}.file-upload-area:hover{border-color:#777}.file-upload-area.file-selected{border-color:#1ed760;background-color:#1ed7600d}@media(max-width:768px){.song-row-header,.song-row{grid-template-columns:40px 1fr 60px}.col-album,.col-date{display:none}}.input-group-artist-modal input{width:95%;padding:12px;background-color:#3e3e3e;border:1px solid transparent;border-radius:4px;color:var(--text-color);font-family:inherit;font-size:.9rem;resize:none}.upload-song-form{display:flex;flex-direction:column;gap:20px}.form-field{display:flex;flex-direction:column;gap:8px}.form-field label{font-weight:700;font-size:.9rem}.form-field input[type=text],.form-field input[type=file]{padding:12px;background-color:#3e3e3e;border:1px solid transparent;border-radius:4px;color:#fff;font-family:inherit;font-size:.9rem}.form-field input[type=file]::file-selector-button{background-color:#535353;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;margin-right:12px}.form-field-label{text-align:center;color:var(--text-secondary-color)}.music-title-gradient{font-size:3.2rem;text-align:center;font-weight:800;margin-top:40px;margin-bottom:10px;background:linear-gradient(90deg,#1db954,#1ed760,#1db954);-webkit-background-clip:text;color:transparent;letter-spacing:1px;text-shadow:0 0 20px rgba(29,185,84,.4);animation:glow-text 4s ease-in-out infinite}@keyframes glow-text{0%,to{text-shadow:0 0 18px rgba(29,185,84,.4)}50%{text-shadow:0 0 28px rgba(29,185,84,.8)}}.community-playlists-title{font-size:2.2rem;margin-top:40px;margin-bottom:15px;font-weight:700;color:#fff;letter-spacing:.5px;text-align:center;padding-left:5px;position:relative}.community-playlists-title:after{content:"";display:block;width:100%;height:4px;margin-top:8px;background:linear-gradient(90deg,#1db954,#fff);border-radius:2px;box-shadow:0 0 10px #1db954b3}.music-title-gradient{font-size:3.2rem;text-align:center;font-weight:900;margin-top:40px;margin-bottom:10px;background:linear-gradient(90deg,#ff005e,#ffb800,#1db954,#00c3ff,#b400ff,#ff005e);background-size:400% 400%;-webkit-background-clip:text;color:transparent;animation:glow-bounce 8s infinite ease-in-out,colorShift 10s infinite linear}@keyframes glow-bounce{0%,to{text-shadow:0 0 12px rgba(255,255,255,.3)}50%{text-shadow:0 0 22px rgba(255,255,255,.7)}}@keyframes colorShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.community-shelf-container{transition:transform .2s ease}.community-shelf-container:hover{transform:scale(1.01)}.no-playlists-message{color:#b3b3b3;padding:20px;text-align:center;font-size:1.1rem;opacity:.8}.toggle-switch-container{display:flex;align-items:center}.checkbox{display:none}.slider{width:40px;height:20px;background-color:#535353;border-radius:20px;overflow:hidden;display:flex;align-items:center;border:2px solid transparent;transition:.3s;box-shadow:0 0 5px #00000040 inset;cursor:pointer}.slider:before{content:"";display:block;width:14px;height:14px;background-color:#b3b3b3;transform:translate(2px);border-radius:50%;transition:.3s;box-shadow:0 0 5px 2px #00000040}.checkbox:checked~.slider:before{transform:translate(22px);background-color:#fff}.checkbox:checked~.slider{background-color:var(--primary-color)}.playlist-item-wrapper{display:flex;align-items:center;border-radius:6px;padding-right:8px;transition:background-color .2s ease}.playlist-item-wrapper:hover{background-color:#282828}.playlist-item-wrapper .playlist-item{flex-grow:1}.icon-arrow-left-auth{margin-right:10px;width:17px;height:17px;background:url("data:image/svg+xml,%3csvg%20width='14'%20height='25'%20viewBox='0%200%2014%2025'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2023L3.24891%2014.4524C2.02425%2013.2562%202.04721%2011.2794%203.29933%2010.112L12%202'%20stroke='%23ffffffff'%20stroke-width='3'/%3e%3c/svg%3e");display:inline-block;background-repeat:no-repeat;background-position:center;background-size:contain}.icon-home{width:30px;height:30px;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='%238D8D8D'%20%3e%3cpath%20d='M12.5%203.247a1%201%200%200%200-1%200L4%207.577V20h4.5v-6a1%201%200%200%201%201-1h5a1%201%200%200%201%201%201v6H20V7.577l-7.5-4.33zm-2-1.732a3%203%200%200%201%203%200l7.5%204.33a2%202%200%200%201%201%201.732V21a1%201%200%200%201-1%201h-6.5a1%201%200%200%201-1-1v-6h-3v6a1%201%200%200%201-1%201H3a1%201%200%200%201-1-1V7.577a2%202%200%200%201%201-1.732l7.5-4.33z'%20/%3e%3c/svg%3e") no-repeat center;background-size:contain}.icon-search{width:30px;height:30px;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='%238D8D8D'%20%3e%3cpath%20d='M10.533%201.279c-5.18%200-9.407%204.14-9.407%209.279s4.226%209.279%209.407%209.279c2.234%200%204.29-.77%205.907-2.058l4.353%204.353a1%201%200%201%200%201.414-1.414l-4.344-4.344a9.157%209.157%200%200%200%202.077-5.816c0-5.14-4.226-9.28-9.407-9.28zm-7.407%209.279c0-4.006%203.302-7.28%207.407-7.28s7.407%203.274%207.407%207.28-3.302%207.279-7.407%207.279-7.407-3.273-7.407-7.28z'%20/%3e%3c/svg%3e") no-repeat center;background-size:contain}.icon-library{width:30px;height:30px;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='%238D8D8D'%20%3e%3cpath%20d='M3%2022a1%201%200%200%201-1-1V3a1%201%200%200%201%202%200v18a1%201%200%200%201-1%201zM15.5%202.134A1%201%200%200%200%2014%203v18a1%201%200%200%200%201%201h6a1%201%200%200%200%201-1V6.464a1%201%200%200%200-.5-.866l-6-3.464zM9%202a1%201%200%200%200-1%201v18a1%201%200%201%200%202%200V3a1%201%200%200%200-1-1z'%20/%3e%3c/svg%3e") no-repeat center;background-size:contain;display:inline-block;background-repeat:no-repeat;background-position:center}.icon-yeti-cs{margin-top:3px;width:30px;height:30px;background:url(/img/Yeti.png) no-repeat center;background-size:contain;display:inline-block}.icon-play{width:16px;height:16px;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%20fill='currentColor'%20width='24'%20height='24'%20class='icon-play'%20aria-hidden='true'%20role='img'%20%3e%3cpath%20d='M3%201.713a.7.7%200%200%201%201.05-.607l10.89%206.288a.7.7%200%200%201%200%201.212L4.05%2014.894A.7.7%200%200%201%203%2014.288z'/%3e%3c/svg%3e") no-repeat center;background-size:contain;image-rendering:pixelated;background-repeat:no-repeat;background-position:center}.icon-pause{width:16px;height:16px;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%20fill='currentColor'%20class='icon'%20%3e%3cpath%20d='M2.7%201a.7.7%200%200%200-.7.7v12.6a.7.7%200%200%200%20.7.7h2.6a.7.7%200%200%200%20.7-.7V1.7a.7.7%200%200%200-.7-.7zm8%200a.7.7%200%200%200-.7.7v12.6a.7.7%200%200%200%20.7.7h2.6a.7.7%200%200%200%20.7-.7V1.7a.7.7%200%200%200-.7-.7z'/%3e%3c/svg%3e") no-repeat center;background-size:contain;image-rendering:pixelated;background-repeat:no-repeat;background-position:center}.icon-arrow-left{width:17px;height:17px;background:url("data:image/svg+xml,%3csvg%20width='14'%20height='25'%20viewBox='0%200%2014%2025'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2023L3.24891%2014.4524C2.02425%2013.2562%202.04721%2011.2794%203.29933%2010.112L12%202'%20stroke='%23606060'%20stroke-width='3'/%3e%3c/svg%3e");display:inline-block;background-repeat:no-repeat;background-position:center;background-size:contain}.icon-arrow-right{width:17px;height:17px;background:url("data:image/svg+xml,%3csvg%20width='14'%20height='25'%20viewBox='0%200%2014%2025'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2%2023.5L10.8288%2014.6712C12.0197%2013.4803%2011.9971%2011.5427%2010.7789%2010.3798L2%202'%20stroke='%23606060'%20stroke-width='3'/%3e%3c/svg%3e");display:inline-block;background-repeat:no-repeat;background-position:center;background-size:contain}.icon-prev{width:17px;height:17px;background:url("data:image/svg+xml,%3csvg%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%20aria-hidden='true'%20role='img'%20fill='rgba(179,%20179,%20179,%201)'%20%3e%3cpath%20d='M3.3%201a.7.7%200%200%201%20.7.7v5.15l9.95-5.744a.7.7%200%200%201%201.05.606v12.575a.7.7%200%200%201-1.05.607L4%209.149V14.3a.7.7%200%200%201-.7.7H1.7a.7.7%200%200%201-.7-.7V1.7a.7.7%200%200%201%20.7-.7z'/%3e%3c/svg%3e");display:inline-block;background-repeat:no-repeat;background-position:center;background-size:contain}.icon-next{width:17px;height:17px;background:url("data:image/svg+xml,%3csvg%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%20aria-hidden='true'%20role='img'%20fill='rgba(179,%20179,%20179,%201)'%20%3e%3cpath%20d='M12.7%201a.7.7%200%200%200-.7.7v5.15L2.05%201.107A.7.7%200%200%200%201%201.712v12.575a.7.7%200%200%200%201.05.607L12%209.149V14.3a.7.7%200%200%200%20.7.7h1.6a.7.7%200%200%200%20.7-.7V1.7a.7.7%200%200%200-.7-.7z'/%3e%3c/svg%3e");display:inline-block;background-repeat:no-repeat;background-position:center;background-size:contain}.icon-clock{width:25px;height:26px;background:url("data:image/svg+xml,%3csvg%20width='25'%20height='26'%20viewBox='0%200%2025%2026'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3cg%20clip-path='url(%23clipCircle)'%3e%3c!--%20Círculo%20exterior%20--%3e%3cpath%20d='M12.5%2023.1563%20C10.4913%2023.1563%208.52768%2022.5606%206.85749%2021.4446%20C5.18731%2020.3286%203.88556%2018.7424%203.11685%2016.8866%20C2.34815%2015.0308%202.14702%2012.9887%202.5389%2011.0186%20C2.93079%209.0485%203.89807%207.23883%205.31845%205.81845%20C6.73883%204.39807%208.5485%203.43079%2010.5186%203.0389%20C12.4887%202.64702%2014.5308%202.84815%2016.3866%203.61685%20C18.2424%204.38556%2019.8286%205.68731%2020.9446%207.35749%20C22.0606%209.02768%2022.6563%2010.9913%2022.6563%2013%20C22.6563%2015.6936%2021.5862%2018.2769%2019.6816%2020.1816%20C17.7769%2022.0862%2015.1936%2023.1563%2012.5%2023.1563Z%20M12.5%204.40625%20C10.8003%204.40625%209.13881%204.91027%207.72557%205.85456%20C6.31234%206.79886%205.21086%208.14102%204.56041%209.71132%20C3.90997%2011.2816%203.73979%2013.0095%204.07138%2014.6766%20C4.40297%2016.3436%205.22145%2017.8748%206.42331%2019.0767%20C7.62516%2020.2786%209.15642%2021.097%2010.8234%2021.4286%20C12.4905%2021.7602%2014.2184%2021.59%2015.7887%2020.9396%20C17.359%2020.2892%2018.7012%2019.1877%2019.6454%2017.7744%20C20.5897%2016.3612%2021.0938%2014.6997%2021.0938%2013%20C21.0938%2010.7208%2020.1883%208.53495%2018.5767%206.92331%20C16.9651%205.31167%2014.7792%204.40625%2012.5%204.40625Z'%20fill='%23B1B1B1'%20/%3e%3c!--%20Manecilla%20o%20puntero%20(forma%20de%20reloj%20o%20cronómetro)%20--%3e%3cpath%20d='M16.7969%2018.0781%20C16.6941%2018.0787%2016.5921%2018.059%2016.497%2018.0201%20C16.4018%2017.9813%2016.3152%2017.924%2016.2422%2017.8516%20L11.9453%2013.5547%20C11.8729%2013.4817%2011.8156%2013.3951%2011.7768%2013.2999%20C11.7379%2013.2047%2011.7182%2013.1028%2011.7188%2013%20V6.75%20C11.7188%206.5428%2011.8011%206.34409%2011.9476%206.19757%20C12.0941%206.05106%2012.2928%205.96875%2012.5%205.96875%20C12.7072%205.96875%2012.9059%206.05106%2013.0524%206.19757%20C13.199%206.34409%2013.2813%206.5428%2013.2813%206.75%20V12.6797%20L17.3516%2016.7422%20C17.4248%2016.8148%2017.4829%2016.9012%2017.5226%2016.9964%20C17.5622%2017.0916%2017.5827%2017.1937%2017.5827%2017.2969%20C17.5827%2017.4%2017.5622%2017.5021%2017.5226%2017.5973%20C17.4829%2017.6925%2017.4248%2017.7789%2017.3516%2017.8516%20C17.2786%2017.924%2017.192%2017.9813%2017.0968%2018.0201%20C17.0016%2018.059%2016.8997%2018.0787%2016.7969%2018.0781Z'%20fill='%23B1B1B1'%20/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clipCircle'%3e%3crect%20width='25'%20height='25'%20fill='white'%20transform='translate(0%200.5)'%20/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");display:inline-block;background-repeat:no-repeat;background-position:center;background-size:contain}.volume-icon{width:17px;height:17px;display:inline-block;background-repeat:no-repeat;background-position:center;background-size:contain}.icon-artist{width:30px;height:30px;background:url(/assets/Artist-Cqfhcxs1.svg);display:inline-block;background-repeat:no-repeat;background-position:center;background-size:contain}