*{box-sizing:border-box}*,body{margin:0;padding:0}body{-ms-overflow-style:none;background:#0c0c0c;color:#d4d4d4;display:flex;flex-direction:column;font-family:Bona Nova SC,serif;min-height:100vh;position:relative;scrollbar-width:none}body::-webkit-scrollbar{display:none}.home-button{background:#0000;border:none;color:#c9b16e;cursor:pointer;display:inline-block;font-family:Bodoni Moda,serif;font-size:1em;left:20px;padding:10px 20px;position:fixed;text-decoration:none;top:20px;transition:all .3s ease;z-index:1000}.home-button:hover{background:#c9b16e1a;transform:translateY(-1px)}.home-button:hover span{animation:neon-glow .3s ease infinite alternate;display:inline-block}.home-button:hover span:first-child{animation-delay:.1s}.home-button:hover span:nth-child(2){animation-delay:.2s}.home-button:hover span:nth-child(3){animation-delay:.3s}.home-button:hover span:nth-child(4){animation-delay:.4s}.auth-button,.footer-link,.profile-button{background:#0000!important;transition:all .3s ease!important}.auth-button:hover,.footer-link:hover,.profile-button:hover{background:#0000;box-shadow:0 0 15px #c9b16e4d!important}body:before{background:linear-gradient(#0c0c0ccc,#2d2d2dcc),url(/static/media/castle.0c6c86ed2b6b94295808.jpg) 50% /cover;content:"";height:100%;left:0;opacity:.6;pointer-events:none;position:fixed;top:0;transform:translateZ(0);-webkit-transform:translateZ(0);width:100%;z-index:-1}body.login-page-active .footer,body.login-page-active .header,body.profile-page-active .footer,body.profile-page-active .header,body.register-page-active .footer,body.register-page-active .header{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#0000!important;background-color:initial!important;border:none!important;box-shadow:none!important}body.login-page-active .footer *,body.login-page-active .header *,body.profile-page-active .footer *,body.profile-page-active .header *,body.register-page-active .footer *,body.register-page-active .header *{background:#0000!important;background-color:initial!important}body.login-page-active .footer a,body.login-page-active .footer button,body.login-page-active .header a,body.login-page-active .header button,body.profile-page-active .footer a,body.profile-page-active .footer button,body.profile-page-active .header a,body.profile-page-active .header button,body.register-page-active .footer a,body.register-page-active .footer button,body.register-page-active .header a,body.register-page-active .header button{border-color:#c9b16e!important;color:#c9b16e!important}body.login-page-active .footer,body.profile-page-active .footer-profile,body.register-page-active .footer{display:none!important}.App{display:flex;flex-direction:column;min-height:100vh}.main-content{align-items:center;display:flex;flex:1 1;justify-content:center;margin:0 auto;max-width:1200px;padding:60px 20px}.hero{padding:40px 0;text-align:center}.hero-title{color:#c9b16e;font-family:Great Vibes,cursive;font-size:3.5em;font-weight:250;margin-bottom:40px;text-shadow:0 2px 4px #0000004d}.cta-button{background:#0000;border:1px solid #c9b16e;border-radius:25px;color:#c9b16e;display:inline-block;font-family:Bodoni Moda,serif;font-size:1.1em;font-weight:600;padding:15px 30px;text-decoration:none;transition:all .2s ease}.cta-button:hover{box-shadow:0 0 15px #c9b16e4d}.mini-player{align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;border-radius:10px;box-sizing:border-box;display:flex;flex-shrink:0;gap:12px;height:50px;justify-content:space-between;left:50%;max-width:460px;padding:12px 16px;position:fixed;top:25px;transform:translateX(-50%);transition:all .5s cubic-bezier(.4,0,.2,1);width:460px;z-index:1000}.mini-cover{background-position:50%;background-size:cover;border-radius:6px;height:40px;width:40px}.mini-info{display:flex;flex-direction:column;gap:3px;min-width:120px}.mini-title{color:#a0a0a0;font-family:Bona Nova SC,serif;font-size:.9em;white-space:nowrap}.mini-artist{color:#c9b16e;font-family:Cormorant Garamond,serif;font-size:1em;white-space:nowrap}.mini-controls{display:flex;gap:6px}.mini-controls button{background:#0000;border:none;border-radius:5px;color:#c9b16e;cursor:pointer;font-size:.9em;padding:5px 8px;transition:all .3s ease}.mini-btn,.mini-like{align-items:center;background:#0000;border:none;border-radius:5px;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .3s ease}.mini-btn{height:28px;width:28px}.App:not(.auth-page){padding-top:100px}.mini-btn-icon{filter:brightness(0) saturate(100%) invert(77%) sepia(30%) saturate(500%) hue-rotate(5deg) brightness(90%) contrast(85%);height:16px;width:16px}.mini-like.active{background:#0000;border-color:#c9b16e4d}.mini-like-icon{filter:brightness(0) saturate(100%) invert(60%) sepia(0) saturate(0) hue-rotate(0deg) brightness(90%) contrast(90%);height:16px;transition:transform .3s ease;width:16px}.mini-like.active .mini-like-icon{filter:brightness(0) saturate(100%) invert(10%) sepia(60%) saturate(5000%) hue-rotate(330deg) brightness(70%) contrast(90%)}.mini-like:active .mini-like-icon{transform:scale(.9)}.mini-volume{align-items:center;display:flex;gap:6px;margin-left:5px}.mini-volume-bar{background:#fff3;border:1px solid #c9b16e4d;border-radius:2px;cursor:pointer;height:4px;position:relative;width:78px}.mini-volume-level{background:#c9b16e;border-radius:2px;box-shadow:0 0 10px #c9b16e4d;height:100%;pointer-events:none;position:absolute;transition:width .1s ease;z-index:1}.mini-volume-slider{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%;z-index:2}.mini-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#c9b16e;border-radius:50%;cursor:pointer;height:12px;width:12px}.mini-volume-slider::-moz-range-thumb{background:#c9b16e;border:none;border-radius:50%;cursor:pointer;height:12px;width:12px}.mini-progress{display:none}.mini-player.hidden{opacity:0;pointer-events:none;transform:translateX(-50%) translateY(-100px)}.mini-feat{color:#c9b16e;font-family:Cormorant Garamond,serif}@media (min-width:769px){.mini-btn:hover,.mini-controls button:hover,.mini-like:hover{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:none;border-color:#c9b16e80;box-shadow:0 0 3px #00000080,0 0 8px #00000080;color:#c9b16e;transform:translateY(-1px);transition:all .2s cubic-bezier(.4,0,.2,1)}}.clickable{cursor:pointer!important;transition:opacity .2s ease!important}.mobile-only{display:none}@media (max-width:768px){html{font-size:16px}.hero{margin-top:-50px}.mobile-only{display:inline}.hero-title{font-size:clamp(2rem,8vw,3rem);line-height:1.3;margin-bottom:8vw;padding:0 4vw}.cta-button{border-radius:2em;font-size:clamp(1rem,5vw,1.4rem);padding:.8em 2em;white-space:nowrap}.floating-nav-panel{display:none!important}.mini-player{align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;border-radius:3vw;box-shadow:none;display:flex;gap:2vw;height:auto;left:50%;max-width:400px;padding:1.5vw 3vw;position:fixed;top:4.5vw;transform:translateX(-50%);width:73vw;z-index:1001}.mini-cover{border-radius:6px;flex-shrink:0;height:10vw;max-height:40px;max-width:40px;width:10vw}.mini-info{flex:1 1;gap:.5vw;min-width:0}.mini-artist,.mini-title{font-size:clamp(.65rem,3vw,.85rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-controls{flex-shrink:0;gap:0}.mini-btn{height:8vw;max-height:32px;max-width:32px;padding:0;width:8vw}.mini-btn-icon{height:5vw;max-height:18px;max-width:18px;width:5vw}.mini-volume{display:none!important}.mini-btn:not(.mini-like):hover,.mini-controls button:not(.mini-like):hover{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#0000!important;box-shadow:none!important;transform:none!important}.mini-like{background:#0000!important}.footer-links .footer-link,.footer-profile,.header .artist-profile-button{display:none!important}.footer-mobile-profile{align-items:center;bottom:4vw;display:flex;height:12vw;justify-content:center;max-height:50px;max-width:50px;position:fixed;right:4vw;width:12vw;z-index:1000}.footer-mobile-profile img{filter:brightness(0) saturate(100%) invert(78%) sepia(31%) saturate(481%) hue-rotate(3deg) brightness(94%) contrast(88%);height:50%;width:50%}.footer-mobile-profile:hover{background:#0000!important;box-shadow:none!important}}@media (max-width:480px){.hero-title{font-size:clamp(1.8rem,7vw,2.5rem)}.mini-title{max-width:40vw}}@media (max-width:768px){.header-right .login-btn{display:none!important}.footer .footer-links{display:flex;justify-content:center;margin:0!important;width:100%}.footer .footer-link{background:#0000;border:1px solid #c9b16e;border-radius:25px;color:#c9b16e;display:inline-block!important;font-family:Bodoni Moda,serif;font-size:1.2em;padding:12px 30px;text-align:center;text-decoration:none;transition:all .3s ease}.footer .footer-link:hover{background:#c9b16e1a}.footer .footer-link[href="/register"]{display:none!important}}.playlist-modal-overlay{align-items:center;background:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1200}.playlist-modal-content{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:1px solid #c9b16e4d;border-radius:12px;max-height:80vh;max-width:600px;overflow-y:auto;padding:24px;position:relative;width:90%}.playlist-modal-header{display:flex;gap:20px;margin-bottom:24px}.playlist-modal-cover{border:2px solid #c9b16e80;border-radius:8px;flex-shrink:0;height:120px;width:120px}.playlist-modal-info h2{color:#c9b16e;font-family:Bona Nova SC,serif;margin:0 0 8px}.playlist-description{color:#d4d4d4;font-family:Bodoni Moda,serif;margin:0 0 8px}.playlist-stats{color:#a0a0a0;font-family:Bona Nova SC,serif;margin:0}.playlist-modal-tracks h3{border-bottom:1px solid #c9b16e4d;color:#c9b16e;font-family:Bona Nova SC,serif;margin:0 0 16px;padding-bottom:8px}.tracks-list{gap:8px;max-height:400px}.playlist-track-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:12px;padding:8px 12px;transition:background .2s}.playlist-track-item:hover{background:#c9b16e1a}.track-number{min-width:24px}.track-info{min-width:0}.track-title{display:block}.track-artist{font-family:Bodoni Moda,serif;font-size:.85em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-duration{font-family:Bona Nova SC,serif}.copy-playlist-btn{align-items:center;background:none;border:none;color:#c9b16e;cursor:pointer;display:flex;font-family:Cormorant Garamond,serif;font-size:1em;gap:8px;padding:8px 16px;position:absolute;right:20px;top:20px;transition:all .3s ease;z-index:10}.copy-playlist-btn:hover:not(:disabled){transform:scale(1.05)}.copy-playlist-btn:disabled{cursor:not-allowed;opacity:.5}.copy-playlist-btn img{filter:invert(78%) sepia(27%) saturate(559%) hue-rotate(2deg) brightness(94%) contrast(87%);height:16px;width:16px}@media (max-width:768px){.playlist-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c}.playlist-modal-content{background:#1a1a1a;border:1px solid #c9b16e4d;border-radius:12px;box-shadow:0 5px 25px #00000080;color:#d4d4d4;margin:0 16px;max-height:70vh;max-width:400px;min-height:250px;overflow-y:auto;padding:20px 16px;width:calc(100% - 32px)}.playlist-modal-header{flex-direction:row;gap:15px;margin-bottom:20px}.playlist-modal-cover{border:1px solid #c9b16e66;height:80px;width:80px}.playlist-modal-info h2{color:#c9b16e!important;font-size:1.2em;margin-bottom:4px}.playlist-description{color:#d4d4d4!important;font-size:.85em;margin-bottom:4px}.playlist-stats{color:#a0a0a0!important;font-size:.8em}.playlist-modal-tracks h3{border-bottom:1px solid #c9b16e4d;color:#c9b16e!important;font-size:1.1em;margin-bottom:12px;padding-bottom:8px}.tracks-list{gap:6px;max-height:300px}.playlist-track-item{border-bottom:1px solid #ffffff0d;gap:10px;padding:10px 8px}.track-number{color:#c9b16e!important;font-size:.85em;min-width:20px}.track-cover-small{border-radius:4px;height:40px;width:40px}.track-title{color:#d4d4d4!important;font-size:.95em}.track-artist{font-size:.8em}.track-duration{color:#a0a0a0!important;font-size:.8em}.loading,.no-tracks{color:#a0a0a0!important;font-size:1em;padding:40px 20px;text-align:center}}@media (max-width:400px){.playlist-modal-content{padding:16px 12px}.playlist-modal-cover{height:75px;width:75px}.playlist-modal-info h2{font-size:1.2em}.track-cover-small{height:30px;width:30px}.track-duration{display:none}}.album-modal-overlay{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.album-modal-content{-ms-overflow-style:none;background:linear-gradient(135deg,#1a1a1a 10%,#2d2d2d);border:1px solid #c9b16e4d;border-radius:15px;max-height:80vh;max-width:700px;overflow-x:hidden;overflow-y:auto;padding:30px;position:relative;scrollbar-width:none;width:90%}.album-modal-header{align-items:flex-start;display:flex;gap:25px;margin-bottom:30px}.album-modal-cover{background-position:50%;background-size:cover;border-radius:10px;box-shadow:0 5px 15px #0000004d;flex-shrink:0;height:200px;width:200px}.album-modal-info{flex:1 1}.album-modal-title{color:#c9b16e;font-family:Bona Nova SC,serif;font-size:2em;margin:0 0 10px}.album-modal-artist{color:#d4d4d4;font-family:Cormorant Garamond,serif;font-size:1.5em;margin:0 0 8px}.album-modal-stats,.album-modal-year{color:#a0a0a0;font-family:Bona Nova SC,serif;margin:5px 0}.album-modal-tracks-list h3{border-bottom:1px solid #c9b16e4d;color:#c9b16e;font-family:Bona Nova SC,serif;margin-bottom:15px;padding-bottom:5px}.tracks-container{display:flex;flex-direction:column;gap:5px}.track-feature{color:#c9b16e}.album-feature,.track-feature{font-size:.9em;margin-left:4px}.album-feature{color:#d4d4d4}.album-track-item{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:15px;padding:12px 15px;transition:all .3s ease}.album-track-item.active,.album-track-item:hover{border-color:#c9b16e4d}.track-number{min-width:25px}.track-cover-small{height:40px;overflow:hidden;width:40px}.track-cover-small img{height:100%;object-fit:cover;width:100%}.track-info{display:flex;flex-direction:column}.track-title{font-size:1em;margin-bottom:3px}.track-artist{color:#c9b16e;font-family:Cormorant Garamond,serif;font-size:1em}.trackDuration{margin-left:auto}.track-plays{font-family:Bodoni Moda,serif;font-size:.85em}.no-tracks{color:#a0a0a0;font-style:italic;padding:20px}.loading-container{padding:40px}.loading-spinner{height:40px;margin-bottom:15px;width:40px}.album-modal-content::-webkit-scrollbar{width:8px}.album-modal-content::-webkit-scrollbar-track{background:#0000}.album-modal-content::-webkit-scrollbar-thumb{background:#c9b16e4d;border-radius:4px}.album-modal-content::-webkit-scrollbar-thumb:hover{background:#c9b16e80}.album-modal-content::-webkit-scrollbar-button{display:none;height:0;width:0}@media (max-width:768px){.album-modal-info{width:100%}.album-modal-content{max-width:95%;padding:20px}.album-modal-header{flex-direction:column;gap:15px}.album-modal-cover{height:150px;margin:0 auto;width:150px}.album-modal-info{text-align:center}.album-track-item{gap:10px;padding:10px}.track-plays{display:none}}body.lang-ru .album-track-item .trackDuration{margin-left:0;margin-right:20px;min-width:45px;order:3;text-align:right}body.lang-ru .album-track-item{align-items:center;display:flex;gap:15px}body.lang-ru .album-track-item .track-number{order:1}body.lang-ru .album-track-item .track-cover-small{order:2}body.lang-ru .album-track-item .track-info{flex:1 1;order:3}body.lang-ru .album-track-item .trackDuration{order:4}body.lang-ru .album-track-item .track-plays{min-width:80px;order:5;text-align:right}.user-profile-page{color:#d4d4d4;flex:1 1;flex-direction:column;font-family:Bona Nova SC,serif;overflow:hidden;padding:0;position:relative;text-shadow:0 1px 2px #0000004d}.profile_container,.user-profile-page{display:flex;height:100vh;justify-content:center;margin:0}.profile_container{align-items:center;box-sizing:border-box;flex:1 1}.profile_content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:none;border-radius:15px;box-shadow:0 10px 30px #00000080;height:770px;padding:40px;position:relative;width:600px}.user-avatar-top{border:none;border-radius:50%;box-shadow:2px;height:80px;overflow:hidden;position:absolute;right:30px;top:30px;width:80px}.user-avatar-image{height:100%;object-fit:cover;width:100%}.profileHeader{align-items:center;display:flex;flex-direction:column;gap:10px;margin-bottom:40px}.profile_username{color:#c9b16e;font-family:Great Vibes,serif;font-size:2.5em;font-weight:200;margin-bottom:20px;text-shadow:0 2px 4px #0000004d}.user-artist-name{color:#a0a0a0;margin-bottom:5px}.profileJoined,.user-artist-name{font-family:Cormorant Garamond,serif;font-size:1.2em;padding-left:15px;text-align:left;width:100%}.profileJoined{color:#888}.profile-stats-line{border-bottom:1px solid #4a4a4a;margin-bottom:30px;padding-bottom:20px}.header-info{height:30px;margin-bottom:10px}.header-row{height:30px;line-height:30px}.header-row p{margin:0;padding:0}.stat-line{align-items:center;display:flex;font-family:Bodoni Moda,serif;font-size:1.05em;line-height:1.4}.stat-line.with-button{justify-content:space-between;width:100%}.stat-content,.stat-line.with-button{align-items:center;display:flex}.stat-number{margin-right:8px}.stat-label{color:#d4d4d4;font-weight:400}.favorites-line{display:flex;flex-direction:column;gap:28px}.favorite-item-line{align-items:center;display:flex;font-family:Bodoni Moda,serif;font-size:1.05em;gap:12px;line-height:1.4;text-transform:uppercase}.favorite-icon{border:1px solid #c9b16e;border-radius:50%}.favorite-icon,.favorite-icon-square{background-color:#2a2a2a;height:24px;overflow:hidden;width:24px}.favorite-icon-square{border:1px solid #c9b16e;border-radius:4px}.favorite-icon img,.favorite-icon-square img{display:block;height:100%;object-fit:cover;width:100%}.favorite-text{color:#d4d4d4}.favorite-text.clickable{cursor:pointer;transition:opacity .2s ease}.favorite-text.clickable:hover{opacity:.8}.collapse-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#c9b16e;cursor:pointer;display:flex;font-family:Bodoni Moda,serif;font-size:.9em;gap:10px;justify-content:center;margin-top:-80px;opacity:1;padding:12px;position:relative;transition:all .3s ease;width:100%}.collapse-button.collapsed-state{margin-top:20px;opacity:.8}.collapse-icon{font-size:1.2em}.collapse-text{letter-spacing:1px;text-transform:uppercase}.stats-container{height:520px;opacity:1;overflow:hidden;transition:all .5s ease}.stats-container.collapsed{margin:0;max-height:0;opacity:0;padding:0}.chat-section{animation:fadeIn .3s ease;background:#0000;border:none;border-radius:10px;bottom:30px;height:520px;padding:10px;position:relative}.userMessage{max-width:85%}.chat-container{display:flex;flex-direction:column;height:560px}.chat-header{border-bottom:1px solid #4a4a4a;margin-bottom:15px;padding-bottom:15px}.chat-header h3{color:#c9b16e;font-family:Bodoni Moda,serif;font-size:1.2em;margin:0;text-align:center}.messages-list{padding:10px}.user_message{display:flex;max-width:80%}.message-content{max-width:200px;padding:10px 15px}.message-text{font-family:Cormorant Garamond,serif;font-size:1.2em;font-weight:500;line-height:1;white-space:pre-wrap}.message-input{-ms-overflow-style:none;scrollbar-width:none}.chat-loading,.no-chat-message,.no-messages{color:#888;font-family:Bodoni Moda,serif;font-style:italic;padding:40px;text-align:center}.no-chat{align-items:center;display:flex;justify-content:center;min-height:200px}.messages-list::-webkit-scrollbar{width:6px}.messages-list::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.messages-list::-webkit-scrollbar-thumb{background:#c9b16e;border-radius:3px}.messages-list::-webkit-scrollbar-thumb:hover{background:#b39b5e}.user-avatar-top{transition:opacity .3s ease}.user-avatar-top.collapsed{opacity:.8}.user-avatar-top:hover{opacity:1!important}.stats-wrapper{margin-top:0;transition:margin-top .5s ease}.favorite-genre-icon{align-items:center;color:#c9b16e;display:flex;flex-shrink:0;font-size:1.2em;height:24px;justify-content:center;width:24px}.animated-text{animation:text-glow 3s infinite alternate;color:#c9b16e!important;overflow:visible;position:relative;text-shadow:0 0 4px #c9b16eb3,0 0 12px #c9b16e80,0 0 16px #c9b16e4d}@keyframes text-glow{0%,to{text-shadow:0 0 2px #c9b16eb3,0 0 6px #c9b16e80,0 0 10px #c9b16e4d,0 0 12px #c9b16e33}50%{text-shadow:0 0 3px #c9b16ecc,0 0 8x #c9b16e99,0 0 12px #c9b16e66,0 0 16px #c9b16e4d}}.animated-text:after{animation:floating-particles 6s linear infinite;bottom:-10px;content:"";left:-10px;opacity:0;pointer-events:none;position:absolute;right:-10px;top:-10px;z-index:-1}@keyframes floating-particles{0%{background:radial-gradient(circle at 10% 20%,#c9b16e4d 1px,#0000 0),radial-gradient(circle at 90% 80%,#c9b16e33 1px,#0000 0),radial-gradient(circle at 50% 50%,#c9b16e66 1px,#0000 0);background-size:30px 30px;opacity:0;transform:translateY(0) rotate(0deg)}20%{opacity:.5;transform:translateY(-5px) rotate(5deg)}40%{background-size:35px 35px;opacity:.7;transform:translateY(-10px) rotate(10deg) scale(1.1)}60%{opacity:.5;transform:translateY(-15px) rotate(15deg) scale(1.05)}80%{opacity:.3;transform:translateY(-10px) rotate(20deg)}to{background-size:30px 30px;opacity:0;transform:translateY(0) rotate(25deg) scale(1)}}.particle{animation:particle-float 4s ease-in-out infinite;background:#c9b16e99;border-radius:50%;height:3px;opacity:0;pointer-events:none;position:absolute;width:3px}.particle:first-child{animation-delay:0s;left:10%;top:0}.particle:nth-child(2){animation-delay:.5s;left:30%;top:-5px}.particle:nth-child(3){animation-delay:1s;left:50%;top:-10px}.particle:nth-child(4){animation-delay:1.5s;left:70%;top:-5px}.particle:nth-child(5){animation-delay:2s;left:90%;top:0}@keyframes particle-float{0%,to{opacity:0;transform:translateY(0) translateX(0) scale(.5)}10%{opacity:.8;transform:translateY(-5px) translateX(-2px) scale(1)}30%{opacity:1;transform:translateY(-15px) translateX(3px) scale(1.2)}50%{opacity:.8;transform:translateY(-25px) translateX(-1px) scale(1)}70%{opacity:.6;transform:translateY(-35px) translateX(2px) scale(.8)}90%{opacity:.3;transform:translateY(-45px) translateX(-3px) scale(.6)}}.animated-text-container{display:inline-block;position:relative}.favorite-genre{color:#c9b16e!important}.collapse-icon{filter:brightness(0) saturate(100%) invert(72%) sepia(30%) saturate(500%) hue-rotate(10deg);height:20px;transition:transform .3s ease;width:20px}.collapse-button:hover .collapse-icon{transform:translateY(2px)}.read-status{color:#c9b16e}@media (max-width:768px){.profile-content{padding:20px;width:90%}.favorites-grid{grid-template-columns:1fr}}.profile-now-playing{align-items:center;background:none;border-radius:8px;display:flex;flex-direction:column;gap:10px;left:50%;position:relative;top:-150px;transform:translateX(-50%);transition:background .2s}.now-playing-label{margin-bottom:5px}.now-playing-cover{height:40px;width:40px}.now-playing-title{font-size:.95em}.now-playing-artist{font-size:.85em}.attachment-item{align-items:center;border-radius:8px;display:flex;font-size:.9em;gap:10px;max-width:250px;min-width:180px;padding:4px 6px;transition:background .2s}.attachment-item.producer.no-cover{padding-left:40px}.stats-detail-button{background:#0000;border:1px solid #c9b16e;border-radius:12px;color:#c9b16e;cursor:pointer;font-family:Cormorant Garamond,serif;font-size:1em;opacity:.5;padding:4px 12px;transition:all .3s ease;white-space:nowrap}.stats-detail-button:hover{opacity:1}.chat-button{display:block;margin-top:30px;width:100%}@media (max-width:768px){.user-profile-page{padding-left:16px;padding-right:16px;transform:translateY(-50px)}}.header{align-items:center;background:#0000!important;border-bottom:none!important;box-shadow:none!important;display:flex;justify-content:space-between;left:0!important;padding:20px 40px;position:fixed!important;right:0!important;top:0!important;width:100%}.header-search{margin-top:4px}.header-title{font-family:Great Vibes,cursive;font-size:2.5em;font-style:normal;font-weight:250;margin:0;text-shadow:0 2px 4px #0000004d}.header-title,.header-title:hover{color:#c9b16e;text-decoration:none}.search-input{background:#0000;border:1px solid #a0a0a0;border-radius:25px;color:#d4d4d4;font-family:Cormorant Garamond,serif;font-size:1.2em;margin-right:20px;padding:10px 20px;transition:all .3s ease;width:250px}.search-input:focus{border-color:#c9b16e;box-shadow:0 0 5px #c9b16e4d;outline:none}.search-input::placeholder{color:#a0a0a0}.search-button{background:#0000;border:1px solid #c9b16e;border-radius:25px;color:#c9b16e;cursor:pointer;font-family:Cormorant Garamond,serif;font-size:1.2em;padding:10px 20px;transition:all .3s ease}.search-button:hover{box-shadow:0 0 11px #c9b16e4d!important;text-shadow:0 0 2px #c9b16e!important;transform:translateY(-1px)}.header-home{background:none!important;color:#c9b16e!important;display:inline-block!important;font-family:Great Vibes,cursive!important;font-size:2.5em!important;font-weight:250!important;margin:0!important;padding:0!important;position:static!important;text-decoration:none!important;text-shadow:0 2px 4px #0000004d!important;transition:none!important}.header-home:hover{background:none!important;transform:none!important}.header-home:hover span{animation:neon-glow .3s ease forwards!important;display:inline-block}.header-home:hover span:first-child{animation-delay:.1s!important}.header-home:hover span:nth-child(2){animation-delay:.2s!important}.header-home:hover span:nth-child(3){animation-delay:.3s!important}.header-home:hover span:nth-child(4){animation-delay:.4s!important}.header-actions-absolute{align-items:center;display:flex;gap:15px;position:absolute;right:200px;top:50%;transform:translateY(-50%);z-index:10}.add-track-button{align-items:center;background:#0000;border:1px solid #c9b16e;border-radius:25px;color:#c9b16e;cursor:pointer;display:inline-flex;font-family:Bodoni Moda,serif;font-size:1em;font-weight:600;gap:8px;padding:10px 20px;position:absolute;right:570px;text-decoration:none;top:24px;transition:all .3s ease;white-space:nowrap}.add-track-button:hover{background:#0000;border-color:#c9b16e;box-shadow:0 0 11px #c9b16e4d;color:#c9b16e;text-shadow:0 0 2px #c9b16e}.add-track-button svg{stroke:currentColor;height:18px;width:18px}.favorite-button{align-items:center;background:#0000;border:1px solid #c9b16e;border-radius:25px;color:#c9b16e;cursor:pointer;display:inline-flex;font-family:Bodoni Moda,serif;font-size:1em;font-weight:600;gap:8px;padding:10px 20px;position:absolute;right:422px;text-decoration:none;top:24px;transition:all .3s ease;white-space:nowrap}.favorite-button:hover{background:#0000;border-color:red;box-shadow:0 0 11px #ff00004d;color:red;text-shadow:0 0 2px red}.favorite-button svg{stroke:currentColor;height:18px;width:18px}.artist-profile-button{align-items:center;background:#0000;color:#c9b16e;cursor:pointer;display:inline-flex;font-family:Great Vibes,cursive;font-size:3em;font-weight:400;gap:0;left:20px;padding:10px 20px;position:absolute;text-decoration:none;top:12px;white-space:nowrap}.artist-profile-button:hover{background:#0000;color:#9370db;text-shadow:0 0 10px #9370db}.artist-profile-button span{display:inline-block;transition:text-shadow .3s ease}.artist-profile-button:hover span{animation:neon-glow .3s ease forwards}.artist-profile-button:hover span:first-child{animation-delay:.1s}.artist-profile-button:hover span:nth-child(2){animation-delay:.2s}.artist-profile-button:hover span:nth-child(3){animation-delay:.3s}.artist-profile-button:hover span:nth-child(4){animation-delay:.4s}.artist-profile-button:hover span:nth-child(5){animation-delay:.5s}.artist-profile-button:hover span:nth-child(6){animation-delay:.6s}@keyframes neon-glow{0%{text-shadow:none}to{text-shadow:0 0 10px currentColor,0 0 20px currentColor,0 0 30px currentColor}}.favorite-button{margin-left:0!important}.header-search{margin-left:auto;margin-right:0;z-index:5}@media (max-width:768px){.header{align-items:center;background:#0000!important;border-bottom:none!important;box-shadow:none!important;left:0!important;padding:10px 15px;position:fixed!important;right:0!important;top:0!important;z-index:1000}.header,.header-mobile{display:flex;justify-content:space-between}.header-mobile{align-items:flex-start}.header-left,.header-right{align-items:center;display:flex;gap:12px;padding-top:15px}.header-icon-btn{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;padding:8px;transition:all .2s ease;width:40px}.header-icon-btn img{filter:brightness(0) saturate(100%) invert(78%) sepia(31%) saturate(481%) hue-rotate(3deg) brightness(94%) contrast(88%);height:24px;width:24px}.header-icon-btn:hover{background:#c9b16e1a;transform:scale(1.05)}.add-track-button,.artist-profile-button,.favorite-button,.header-actions,.header-home,.header-search,.trends-dropdown{display:none!important}}body.lang-ru .search-button{font-family:Cormorant Garamond,serif}body.lang-ru .add-track-button,body.lang-ru .favorite-button{font-family:Cormorant Garamond,serif;padding:12px 14px}.header-search{position:relative}.search-history-dropdown{animation:slideDown .2s ease-out;background:#0000;border:none;border-radius:0;box-shadow:none;left:0;margin-top:4px;position:absolute;right:0;top:100%;z-index:1000}.history-item{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:space-between;padding:8px 16px}.history-item:hover .history-delete:not(:hover){color:#ff000040}.history-item:hover{background:#0000}.history-query{color:#ffffff40;flex:1 1;font-family:Cormorant Garamond;font-size:1.2em;overflow:hidden;text-overflow:ellipsis;transition:color .2s,opacity .2s;white-space:nowrap}.history-query:hover{color:#fff}.history-delete{background:#0000;border:none;color:#ff000040;cursor:pointer;font-size:18px;font-weight:700;line-height:1;padding:0 8px;transition:color .2s,opacity .2s}.history-delete:hover{color:red}.history-item:hover .history-delete{color:#f00c}.header-right{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.header-icon-btn.animated-glow img{animation:icon-glow-red 2s ease-in-out infinite!important}.header-icon-btn.upload-btn img{filter:brightness(0) saturate(100%) invert(60%) sepia(0) saturate(0) hue-rotate(0deg) brightness(90%) contrast(90%)!important}.trends-dropdown{display:inline-block;margin-left:100%;margin-top:4px;position:relative}.trends-button{align-items:center;animation:gold-border-pulse 3s ease-in-out infinite;background:#0000;border:none;border-radius:25px;color:#c9b16e;cursor:pointer;display:inline-flex;font-family:Bodoni Moda,serif;font-size:1em;font-weight:600;overflow:hidden;padding:10px 20px;position:relative;text-decoration:none;transition:all .3s ease;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:1}@keyframes gold-border-pulse{0%,to{border-color:#c9b16e80;box-shadow:0 0 5px #c9b16e33,0 0 10px #c9b16e1a}50%{border-color:#c9b16ecc;box-shadow:0 0 8px #c9b16e66,0 0 15px #c9b16e33,0 0 22px #c9b16e1a}}.trends-button:before{animation:gold-wave 8s linear infinite;background:linear-gradient(45deg,#0000 30%,#c9b16e0d 45%,#c9b16e1a 50%,#c9b16e0d 55%,#0000 70%);height:300%;left:-100%;top:-100%;width:300%}.trends-button:after,.trends-button:before{content:"";pointer-events:none;position:absolute;z-index:-1}.trends-button:after{animation:gold-wave-reverse 12s linear infinite;background:linear-gradient(135deg,#0000 40%,#c9b16e08 48%,#c9b16e14 52%,#c9b16e08 56%,#0000 60%);height:400%;left:-150%;top:-150%;width:400%}@keyframes gold-wave{0%{transform:translateX(0) translateY(0) rotate(0deg)}to{transform:translateX(100%) translateY(100%) rotate(1turn)}}@keyframes gold-wave-reverse{0%{transform:translateX(0) translateY(0) rotate(0deg)}to{transform:translateX(-100%) translateY(-100%) rotate(-1turn)}}.trends-button .gold-sparkle{animation:sparkle-fly 3s linear infinite;background:#ffd70026;border-radius:50%;box-shadow:0 0 8px #ffd70026,0 0 12px #ffd7001a;height:3px;pointer-events:none;position:absolute;width:3px;z-index:-1}.trends-button .gold-sparkle:first-child{animation-delay:0s;animation-duration:2s;left:10%;top:10%}.trends-button .gold-sparkle:nth-child(2){animation-delay:.7s;animation-duration:2.5s;left:70%;top:30%}.trends-button .gold-sparkle:nth-child(3){animation-delay:1.4s;animation-duration:3s;left:30%;top:70%}.trends-button .gold-sparkle:nth-child(4){animation-delay:2.1s;animation-duration:2.8s;left:90%;top:50%}@keyframes sparkle-fly{0%{box-shadow:0 0 2px #ffd7001a,0 0 4px #ffd7000d;opacity:0;transform:translate(0)}10%{box-shadow:0 0 8px #ffd70026,0 0 12px #ffd7001a;opacity:1}90%{box-shadow:0 0 8px #ffd70026,0 0 12px #ffd7001a;opacity:1}to{box-shadow:0 0 2px #ffd7001a,0 0 4px #ffd7000d;opacity:0;transform:translate(20px,-20px)}}.trends-button:hover{animation:gold-border-pulse-fast 1s ease-in-out infinite;border-color:#c9b16e;color:#c9b16e}@keyframes gold-border-pulse-fast{0%,to{border-color:#c9b16eb3;box-shadow:0 0 8px #c9b16e4d,0 0 15px #c9b16e33,0 0 22px #c9b16e1a}50%{border-color:#c9b16ee6;box-shadow:0 0 14px #c9b16e80,0 0 30px #c9b16e4d,0 0 42px #c9b16e33}}.trends-button:hover:before{animation:gold-wave 4s linear infinite}.trends-button:hover:after{animation:gold-wave-reverse 6s linear infinite}.trends-button:hover .gold-sparkle{animation-duration:1.5s;background:#c9b16e26;box-shadow:0 0 10px #c9b16e26,0 0 15px #c9b16e1a}.trends-dropdown:after{background:#0000;content:"";height:100%;pointer-events:auto;position:absolute;right:-15px;top:0;width:30px;z-index:10}.trends-menu{display:flex;flex-direction:row;gap:10px;left:100%;margin-left:15px;opacity:0;pointer-events:none;position:absolute;top:0;transform:translateX(-20px);transition:all .3s ease;visibility:hidden;white-space:nowrap;z-index:1000}.trends-menu:before{background:#0000;bottom:-20px;content:"";left:-15px;pointer-events:auto;position:absolute;right:-10px;top:-20px;z-index:-1}.trends-menu.open{opacity:1;pointer-events:auto;transform:translateX(0);transition:all .5s cubic-bezier(.4,0,.2,1);visibility:visible}.trends-menu-item{animation:slideInFromLeft .4s ease forwards;background:#0000;border-radius:25px;color:#c9b16e;cursor:pointer;display:block;font-family:Bodoni Moda,serif;font-size:1em;font-weight:600;opacity:0;overflow:hidden;padding:10px 20px;position:relative;text-decoration:none;transform:translateX(-20px);transition:all .3s ease;-webkit-user-select:none;user-select:none;z-index:1001}.trends-menu-item:before{background:linear-gradient(90deg,#0000,#c9b16e1a,#c9b16e33,#c9b16e1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%;z-index:-1}.trends-menu-item:hover:before{left:100%}.trends-menu.open .trends-menu-item:first-child{animation-delay:.1s}.trends-menu.open .trends-menu-item:nth-child(2){animation-delay:.2s}.trends-menu.open .trends-menu-item:nth-child(3){animation-delay:.3s}.trends-menu.open .trends-menu-item:nth-child(4){animation-delay:.4s}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.trends-menu-item:hover{border-color:#c9b16e;box-shadow:0 0 10px #c9b16e4d,0 0 20px #c9b16e1a;color:#c9b16e;text-shadow:0 0 8px #c9b16eb3;transform:translateY(-2px) scale(1.05)}.trends-menu:not(.open) .trends-menu-item{animation:slideOutToLeft .3s ease forwards}@keyframes slideOutToLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-20px)}}.trends-dropdown{z-index:1000}@media (min-width:769px){.trends-dropdown:hover .trends-menu,.trends-menu:hover{opacity:1;pointer-events:auto;transform:translateX(0);visibility:visible}.trends-dropdown:hover .trends-menu-item,.trends-menu:hover .trends-menu-item{animation:slideInFromLeft .4s ease forwards}}@media (max-width:768px){.trends-button{animation:gold-border-pulse-mobile 4s ease-in-out infinite;font-size:.9em;padding:8px 16px}@keyframes gold-border-pulse-mobile{0%,to{border-color:#c9b16e80;box-shadow:0 0 5px #c9b16e33}50%{border-color:#c9b16eb3;box-shadow:0 0 10px #c9b16e66}}.trends-button .gold-sparkle,.trends-button:after,.trends-button:before{display:none}.trends-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;border:1px solid #c9b16e4d;border-radius:15px;flex-direction:column;gap:5px;left:0;margin-left:0;min-width:150px;padding:10px;position:absolute;top:100%;transform:translateY(-10px)}.trends-menu:before{display:none}.trends-menu.open{transform:translateY(0)}.trends-menu-item{animation:slideInFromTop .4s ease forwards;font-size:.9em;padding:8px 15px;text-align:center;transform:translateY(-10px)}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.trends-menu.open .trends-menu-item:first-child{animation-delay:.1s}.trends-menu.open .trends-menu-item:nth-child(2){animation-delay:.2s}.trends-menu.open .trends-menu-item:nth-child(3){animation-delay:.3s}.trends-menu.open .trends-menu-item:nth-child(4){animation-delay:.4s}.trends-menu:not(.open) .trends-menu-item{animation:slideOutToTop .3s ease forwards}@keyframes slideOutToTop{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}}@media (max-width:480px){.trends-menu{left:50%;min-width:200px;transform:translateX(-50%) translateY(-10px)}.trends-menu.open{transform:translateX(-50%) translateY(0)}}body.lang-ru .trends-button,body.lang-ru .trends-menu-item{font-family:Cormorant Garamond,serif;font-size:1.2em;padding:10px 12px}.mobile-search-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:2000}.mobile-search-modal.visible{opacity:1;visibility:visible}.mobile-search-container{background:#0000;display:flex;flex-direction:column;height:100%;width:100%}.mobile-search-header{align-items:center;border-bottom:1px solid #c9b16e33;display:flex;gap:12px;padding:12px 16px}.mobile-search-back{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:center;padding:8px}.mobile-search-back img{filter:brightness(0) saturate(100%) invert(78%) sepia(31%) saturate(481%) hue-rotate(3deg) brightness(94%) contrast(88%);height:24px;width:24px}.mobile-search-input-wrapper{align-items:center;background:#ffffff1a;border-radius:25px;display:flex;flex:1 1;gap:10px;padding:8px 16px}.mobile-search-input-wrapper .search-icon{filter:brightness(0) saturate(100%) invert(60%) sepia(0) saturate(0) hue-rotate(0deg) brightness(90%) contrast(90%);height:20px;width:20px}.mobile-search-input{background:#0000;border:none;color:#fff;flex:1 1;font-family:Cormorant Garamond,serif;font-size:16px;outline:none}.mobile-search-input::placeholder{color:#ffffff80}.mobile-search-clear{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:center;padding:4px}.mobile-search-clear img{filter:brightness(0) saturate(100%) invert(60%) sepia(0) saturate(0) hue-rotate(0deg) brightness(90%) contrast(90%);height:18px;width:18px}.mobile-search-results{padding:16px}.search-section{margin-bottom:24px}.search-section-title{border-bottom:1px solid #c9b16e4d;color:#c9b16e;font-family:Bona Nova SC,serif;font-size:18px;margin-bottom:12px;padding-bottom:8px}.search-result-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:10px;transition:background .2s ease}.search-result-item:hover{background:#c9b16e1a}.search-result-cover{border-radius:6px;height:48px;object-fit:cover;width:48px}.search-result-cover.artist-cover{border-radius:50%}.search-result-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.search-result-title{color:#fff;font-family:Cormorant Garamond,serif;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-artist{color:#a0a0a0;font-family:Cormorant Garamond,serif;font-size:14px}.search-loading{color:#c9b16e}.no-results,.search-loading{font-family:Cormorant Garamond,serif;font-size:16px;padding:40px;text-align:center}.no-results{color:#a0a0a0}.mobile-search-results{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:16px 16px 40px}.footer{background:#0000!important;border-top:none!important;box-shadow:none!important;padding:10px 0}.footer-content{align-items:center;margin:0 auto;max-width:1200px;min-height:50px;padding:0 20px;position:relative}.footer-content,.footer-links{display:flex;justify-content:flex-start}.footer-links{flex:1 1;gap:30px;margin-left:410px}.footer-profile{align-items:center;background:#0000;border:1px solid #0000;border-radius:12px;cursor:pointer;display:flex;gap:8px;padding:8px 16px;transition:all .3s ease}.footer-profile:hover{background:#0000!important;box-shadow:0 0 10px #c9b16e4d!important;text-shadow:0 0 2px #c9b16e!important;transform:translateY(-2px)!important}.username{color:#c9b16e;font-family:Bodoni moda,serif;font-size:1.2em;font-weight:500}.profile-icon{filter:brightness(0) saturate(100%) invert(84%) sepia(15%) saturate(436%) hue-rotate(358deg) brightness(92%) contrast(87%);height:20px;transition:all .3s ease;width:20px}.footer-profile:hover .profile-icon{filter:brightness(0) saturate(100%) invert(84%) sepia(15%) saturate(436%) hue-rotate(358deg) brightness(100%) contrast(100%)}.footer-link{border-radius:12px;color:#d4d4d4;font-family:Bodoni Moda,serif;font-size:1.2em;font-weight:500;padding:8px 16px;text-decoration:none;transition:all .3s ease}.footer-link:hover{background:#c9b16e1a;box-shadow:0 0 10px #c9b16e4d!important;color:#c9b16e;text-shadow:0 0 2px #c9b16e!important}.footer-content.logged-in{justify-content:center}.footer-content.logged-in .footer-links{justify-content:center;margin-left:0;width:auto}.footer-content.logged-in .footer-link{display:none}.footer-content.logged-in .footer-link:last-child{display:block;margin:0}.footer-content.logged-in .footer-profile{display:flex;position:absolute;right:20px}.footer-content:not(.logged-in) .footer-profile{display:none}.footer-content:not(.logged-in) .footer-links{display:flex;gap:100px;justify-content:center;margin-left:0!important;width:100%}body.lang-ru .footer-link{font-family:Cormorant Garamond,serif;font-size:1.4em;padding:8px 12px 13px 13px}@media (max-width:768px){.footer{display:none!important}.footer-links{display:none}.footer-mobile-bar{bottom:3vw;left:0;pointer-events:none;position:fixed;right:0;z-index:1000}.footer-mobile-bar,.mobile-menu-toggle{align-items:center;background:#0000;display:flex;height:60px;justify-content:center}.mobile-menu-toggle{border:none;cursor:pointer;left:16px;pointer-events:auto;position:absolute;width:56px;z-index:1001}.mobile-menu-toggle img{filter:brightness(0) saturate(100%) invert(60%) sepia(0) saturate(0) hue-rotate(0deg) brightness(90%) contrast(90%);height:26px;transition:filter .3s ease,transform .4s cubic-bezier(.34,1.56,.64,1);width:26px}.mobile-menu-toggle.open img,.mobile-menu-toggle:hover img{filter:brightness(0) saturate(100%) invert(78%) sepia(31%) saturate(481%) hue-rotate(3deg) brightness(94%) contrast(88%)!important}.mobile-menu-toggle.open img{transform:rotate(90deg)!important}.mobile-menu-toggle:hover{background:#0000!important;box-shadow:none!important}.mobile-profile-btn{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;height:60px;justify-content:center;pointer-events:auto;position:absolute;right:16px;width:56px;z-index:1001}.mobile-profile-btn img{filter:brightness(0) saturate(100%) invert(60%) sepia(0) saturate(0) hue-rotate(0deg) brightness(90%) contrast(90%);height:26px;transition:filter .2s ease;width:26px}.mobile-profile-btn:hover{background:#0000!important;box-shadow:none!important}.mobile-profile-btn:hover img{filter:brightness(0) saturate(100%) invert(78%) sepia(31%) saturate(481%) hue-rotate(3deg) brightness(94%) contrast(88%)}.footer-mobile-nav{justify-content:center;pointer-events:auto}.footer-mobile-nav,.mobile-nav-panel{align-items:center;display:flex;gap:0}.mobile-nav-item{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;height:40px;justify-content:center;opacity:0;pointer-events:none;position:relative;transform:translateX(-20px);transition:opacity .2s ease,transform .25s cubic-bezier(.34,1.56,.64,1);width:56px}.footer-mobile-nav.open .mobile-nav-item{opacity:1;pointer-events:auto;transform:translateX(0)}.footer-mobile-nav.open .mobile-nav-item:first-child{transition-delay:.05s}.footer-mobile-nav.open .mobile-nav-item:nth-child(2){transition-delay:.1s}.footer-mobile-nav.open .mobile-nav-item:nth-child(3){transition-delay:.15s}.footer-mobile-nav.open .mobile-nav-item:nth-child(4){transition-delay:.2s}.footer-mobile-nav.open .mobile-nav-item:nth-child(5){transition-delay:.25s}.footer-mobile-nav:not(.open) .mobile-nav-item{transition-delay:0s!important}.mobile-nav-item:not(:last-child):after{background:#a0a0a04d;border-radius:2px;content:"";height:32px;position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px}.mobile-nav-item img{filter:brightness(0) saturate(100%) invert(60%) sepia(0) saturate(0) hue-rotate(0deg) brightness(90%) contrast(90%);height:24px;transition:filter .2s ease;width:24px}.mobile-nav-item img.has-new{filter:brightness(0) saturate(100%) invert(78%) sepia(31%) saturate(481%) hue-rotate(3deg) brightness(94%) contrast(88%)!important}.mobile-nav-item:hover{background:#0000!important;box-shadow:none!important}.mobile-nav-item:hover img{filter:brightness(0) saturate(100%) invert(78%) sepia(31%) saturate(481%) hue-rotate(3deg) brightness(94%) contrast(88%)}.footer-mobile-login{bottom:30px;display:flex;justify-content:center;left:0;position:fixed;right:0;z-index:1000}.footer-login-btn{background:#0000;border:none;border-radius:12px;color:#d4d4d4;font-family:Bodoni Moda,serif;font-size:1.2em;font-weight:500;padding:8px 16px;text-decoration:none;transition:none}.header-right .login-btn{display:none!important}}.search-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.search-filter{background:#0000;border:1px solid #c9b16e;border-radius:20px;color:#c9b16e;cursor:pointer;font-family:Bodoni Moda,serif;font-size:.9em;padding:8px 16px;transition:all .3s ease}.search-filter:hover{transform:translateY(-1px)}.search-filter.active{background:#c9b16e;color:#000}body.lang-ru .search-filter{font-family:Cormorant Garamond;font-size:1em}.search-card{align-items:center;background:#0000;border-radius:10px;border-right:1px solid #c9b16e4d;border-top:1px solid #c9b16e4d;display:flex;gap:20px;margin-bottom:0;padding:20px;transition:all .2s ease}.search-card:hover{box-shadow:-5px 3px 9px #0000004d}.search-card__image{background-position:50%;background-size:cover;border-radius:8px;flex-shrink:0;height:80px;width:80px}.search-card[class*=artist] .search-card__image{border-radius:50%}.search-card[class*=album] .search-card__image{border-radius:8px}.search-card[class*=track] .search-card__image{border-radius:6px}.search-card__content{flex:1 1;min-width:0;position:relative}.search-card__type{background:#c9b16e;border-radius:12px;color:#000;font-family:Bona Nova SC,serif;font-size:.7em;font-weight:700;letter-spacing:.5px;padding:4px 10px;position:absolute;right:0;text-transform:uppercase;top:0;z-index:1}.search-card--track .search-card__type{background:#0000!important;border:none!important;color:#c9b16e!important;padding:4px 0 4px 10px!important}.search-card__title{color:#c9b16e;font-family:Cormorant Garamond,serif;font-size:1.3em;margin-bottom:8px;margin-right:80px}.search-card__track{color:#d4d4d4;font-size:1em}.search-card__duration,.search-card__track{font-family:Bona Nova SC,serif;margin-bottom:5px}.search-card__duration{color:#a0a0a0;font-size:.9em}.search-card__meta{color:#888;font-family:Bona Nova SC,serif;font-size:.9em}.search-card__feature{color:#d4d4d4;font-family:Cormorant Garamond;font-size:.9em}.search-card__artist{color:#d4d4d4;font-family:Cormorant Garamond,serif;font-size:1.2em;margin-bottom:8px}.search-card__bio{color:#a0a0a0;font-family:Cormorant Garamond,serif;font-size:.9em;margin-bottom:5px}.search-card--background .search-card__type{display:none!important}.search-card .search-card__type{display:block}.producer-card,.producer-card__bio,.producer-card__content,.producer-card__image,.producer-card__name,.producer-card__track-count{display:none}.producer-card{align-items:center;border-right:1px solid #c9b16e4d;border-top:1px solid #c9b16e4d;display:flex!important;gap:20px;margin-bottom:0}.producer-card:hover{box-shadow:-5px 5px 15px #0000004d}.search-results{padding:20px}.search-results__header{margin-bottom:30px;text-align:center}.search-results__header h2{color:#c9b16e;font-family:Bona Nova SC,serif;font-size:2em;margin-bottom:10px}.search-results__filters{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:30px}.filter-button{background:#0000;border:1px solid #c9b16e4d;border-radius:20px;color:#a0a0a0;cursor:pointer;font-family:Bodoni Moda,serif;font-size:.9em;padding:8px 16px;transition:all .3s ease}.filter-button:hover{border-color:#c9b16e80}.filter-button.active{background:#c9b16e33;border-color:#c9b16e;color:#c9b16e}.search-results__list{display:flex;flex-direction:column;gap:15px;max-width:100%}.track-card{align-items:center;background:#0000;border:1px solid #c9b16e33;border-radius:10px;cursor:pointer;display:flex;gap:15px;padding:15px;transition:all .3s ease}.track-card:hover{border-color:#c9b16e66;transform:translateY(-2px)}.track-card__cover{border:1px solid #c9b16e4d;border-radius:6px;flex-shrink:0;height:60px;overflow:hidden;width:60px}.track-card__cover img{height:100%;object-fit:cover;width:100%}.track-card__info{flex:1 1;min-width:0}.track-card__title{color:#d4d4d4;font-size:1.1em;margin:0 0 5px}.track-card__artist,.track-card__title{font-family:Bodoni Moda,serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-card__artist{color:#c9b16e;font-size:.9em;margin:0 0 3px}.track-card__album{font-size:.8em;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-card__album,.track-card__duration{color:#a0a0a0;font-family:Bodoni Moda,serif}.track-card__duration{flex-shrink:0;font-size:.9em}.album-card{background:#0000;padding:20px;text-align:center}.album-card__cover{border:1px solid #c9b16e4d;border-radius:8px;height:120px;margin:0 auto 15px;overflow:hidden;width:120px}.album-card__cover img{height:100%;object-fit:cover;width:100%}.album-card__title{color:#d4d4d4;font-family:Bodoni Moda,serif;font-size:1.1em;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.album-card__artist{color:#c9b16e;font-family:Bodoni Moda,serif;font-size:.9em;margin:0 0 5px}.album-card__year{color:#a0a0a0;font-family:Bodoni Moda,serif;font-size:.8em;margin:0}.artist-card{background:#0000;border:1px solid #c9b16e33;border-radius:10px;cursor:pointer;padding:20px;text-align:center;transition:all .3s ease}.artist-card:hover{border-color:#c9b16e66;transform:translateY(-2px)}.artist-card__image{border:2px solid #c9b16e4d;border-radius:50%;height:100px;margin:0 auto 15px;overflow:hidden;width:100px}.artist-card__image img{height:100%;object-fit:cover;width:100%}.artist-card__name{color:#d4d4d4;font-family:Bodoni Moda,serif;font-size:1.1em;margin:0 0 8px}.artist-card__bio{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#a0a0a0;display:-webkit-box;font-family:Bodoni Moda,serif;font-size:.9em;margin:0;overflow:hidden}.producer-card{background:#0000;border:1px solid #c9b16e33;border-radius:10px;cursor:pointer;padding:20px;text-align:center;transition:all .3s ease}.producer-card:hover{border-color:#c9b16e66;transform:translateY(-2px)}.producer-card__name{color:#d4d4d4;font-family:Bodoni Moda,serif;font-size:1.1em;margin:0 0 8px}.producer-card__role{color:#a0a0a0;font-family:Bodoni Moda,serif;font-size:.9em;margin:0}.noResults{color:#a0a0a0;padding:60px 20px;text-align:center}.noResults p{font-family:Cormorant Garamond,serif;font-size:1.3em;margin-bottom:10px}@media (max-width:768px){.search-results{padding:15px}.search-results__header h2{font-size:1.5em}.track-card{padding:12px}.track-card__cover{height:50px;width:50px}.album-card__cover,.artist-card__image{height:80px;width:80px}}@media (max-width:480px){.search-results__filters{gap:10px}.filter-button{font-size:.8em;padding:6px 12px}.track-card__info{min-width:120px}}.player{color:#d4d4d4;min-height:100vh;padding:40px 20px;position:relative}.player h1{color:#c9b16e;font-family:Bona Nova SC,serif;font-size:2.5em;margin-bottom:40px;text-align:center;text-shadow:0 0 10px #c9b16e4d}.content{display:flex;flex-direction:column;gap:40px;margin:0 auto;max-width:1200px}.handling{align-items:center;display:flex;gap:10px;position:absolute;right:500px;top:285px;z-index:100}.handling-repeat,.handling-shuffle,.handling-sound{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;box-shadow:none;cursor:pointer;display:flex;justify-content:center;padding:12px;transition:all .3s ease}.handling-repeat img,.handling-shuffle img,.handling-sound img{filter:invert(70%) sepia(10%) saturate(200%) hue-rotate(5deg) brightness(90%) contrast(85%);transition:all .3s ease}.handling-repeat.active img,.handling-repeat:hover img,.handling-shuffle:hover img,.handling-sound:hover img{filter:invert(77%) sepia(30%) saturate(500%) hue-rotate(5deg) brightness(90%) contrast(85%)}.handling-repeat.active,.handling-shuffle:hover,.handling-sound:hover{box-shadow:0 0 15px #c9b16e4d}.handling-sound{align-items:center;display:flex;position:relative}.handling-sound:hover .volume{animation:slideDown .2s ease-out;display:block}.volume{display:none;left:50%;margin-bottom:20px;position:absolute;top:35px;transform:translateX(-50%)}.volume-slider{background:#ffffff1a;border:1px solid #c9b16e4d;border-radius:3px;height:100px;margin:0 auto;padding:40px 20;position:relative;width:8px}.volume-progress{background:#c9b16e;border-radius:3px;bottom:0;box-shadow:0 0 10px #c9b16e4d;left:0;position:absolute;transition:height .1s ease;width:100%}.current{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #c9b16e33;border-radius:12px;display:flex;gap:40px;padding:30px}.current-image{background-position:50%;background-size:cover;border:2px solid #c9b16e4d;border-radius:8px;box-shadow:0 0 20px #c9b16e33;cursor:pointer;flex-shrink:0;height:250px;transition:all .3s ease;width:250px}.current-image:hover{box-shadow:0 0 25px #c9b16e66}.current-info{flex:1 1}.current-info__top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:30px}.current-info__titles h2{color:#c9b16e;font-size:1.8em;margin:0 0 10px;text-shadow:0 0 5px #c9b16e4d}.current-info__titles h3{color:#d4d4d4;font-size:1.3em;font-weight:400;margin:0}.current-info__year{display:none}.controls{display:flex;flex-direction:column;gap:20px}.controls-buttons{gap:30px}.controls-button,.controls-buttons{align-items:center;display:flex;justify-content:center}.controls-button{background:#0000;border:1px solid #0000;border-radius:6px;cursor:pointer;padding:12px;transition:all .3s ease}.controls-button img{filter:invert(70%) sepia(10%) saturate(200%) hue-rotate(5deg) brightness(90%) contrast(85%);transition:all .3s ease}.controls-play.playing{box-shadow:none}.controls-play:not(.playing){box-shadow:0 0 10px #c9b16e4d}.controls-button:hover img{filter:invert(77%) sepia(30%) saturate(500%) hue-rotate(5deg) brightness(90%) contrast(85%)}.controls-play{padding:12px}.controls-progress{display:flex;flex-direction:column;gap:10px}.controls-next:hover,.controls-prev:hover{box-shadow:0 0 15px #c9b16e4d}.progress{background:#ffffff1a;border:1px solid #c9b16e33;border-radius:3px;cursor:pointer;height:6px;position:relative}.progress-current{background:#c9b16e;border-radius:3px;box-shadow:0 0 10px #c9b16e4d;height:100%;transition:width .1s ease}.timeline{color:#888;display:flex;font-size:.9em;justify-content:space-between}.list{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #c9b16e33;border-radius:12px;padding:30px}.list-title{color:#c9b16e;font-size:1.5em;margin-bottom:25px;text-align:center;text-shadow:0 0 5px #c9b16e4d}.items{display:flex;flex-direction:column;gap:15px}.item{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:20px;padding:15px 20px;transition:all .3s ease}.item:hover{background:#c9b16e1a}.item.active{background:#0000;border:1px solid #c9b16e80}.item-image{background-position:50%;background-size:cover;border:1px solid #c9b16e80;border-radius:6px;flex-shrink:0;height:60px;width:60px}.item-titles{flex:1 1}.item-group{color:#c9b16e;font-size:1.6em;margin:0 0 5px}.item-track{color:#d4d4d4;font-size:1.2em;font-weight:400;margin:0}.item-duration,.item-genre{display:none}.item-play{display:none!important}.item:hover .item-play{opacity:1}.item-play:hover{background:#c9b16e1a;transform:scale(1.1)}.search-results{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:none;border-radius:15px;box-shadow:0 10px 30px #00000080;padding:30px}.search-results h2{color:#c9b16e;margin-bottom:25px;text-align:center;text-shadow:0 0 5px #c9b16e4d}.play-icon{display:block}.controls-play.playing .play-icon,.pause-icon{display:none}.controls-play.playing .pause-icon{display:block}.modal-overlay{align-items:center;background:#3c3c3cd9;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{max-height:80vh;max-width:80vw;position:relative}.modal-image{background-position:50%;background-repeat:no-repeat;background-size:contain;border:none;border-radius:8px;height:100%;min-height:300px;min-width:300px;transform:scale(2.3);transform-origin:center center;width:100%}.modal-close{background:#0000;color:#c9b16e;font-size:2em;padding:5px 15px;position:absolute;right:0;top:-40px}.volume-slider input,.volume-thumb{display:none!important}.volume-area{height:200px;left:-15px;position:absolute;right:-15px;top:-150px;z-index:10}.handling.hidden{display:none!important}.handling.visible{display:flex!important}.auth-container{align-items:center;background:#0000;display:flex;height:100vh;justify-content:center;min-height:100vh;overflow:hidden;padding:20px}.auth-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:none;border-radius:15px;box-shadow:0 10px 30px #00000080;max-height:90vh;max-width:400px;overflow-y:auto;padding:40px;width:100%;width:600px}.auth-title{color:#c9b16e;font-family:Great Vibes,cursive;font-size:2.5em;font-weight:250;margin-bottom:30px;text-align:center;text-shadow:0 2px 4px #0000004d}.form-group{width:100%}.form-input{background:#3a3a3a;border:1px solid #4a4a4a;border-radius:25px;box-sizing:border-box;color:#d4d4d4;font-family:Bodoni Moda,serif;font-size:1em;letter-spacing:.5px;padding:12px 20px;transition:all .3s ease;width:100%}.form-input:focus{border-color:#c9b16e;box-shadow:0 0 5px #c9b16e4d;outline:none}.form-input::placeholder{color:#a0a0a0;font-family:Bodoni Moda,serif}.auth-button{background:#0000;border:1px solid #c9b16e;border-radius:25px;color:#c9b16e;cursor:pointer;font-family:Bodoni Moda,serif;font-size:1.1em;margin-bottom:20px;padding:12px 20px;transition:all .3s ease;width:100%}.auth-button:hover{background:#c9b16e1a;transform:translateY(-1px)}.auth-links{text-align:center}.auth-links p{color:#a0a0a0;font-family:Bona Nova SC,serif}.auth-link{text-decoration:none}.forgot-password-wrapper{margin-bottom:20px;margin-top:-10px;text-align:right}.forgot-password-link{color:#c9b16e;font-family:Bodoni Moda,serif;font-size:.9em;text-decoration:none}.forgot-password-link:hover{color:#c9b16e;cursor:pointer}.error-message{margin-bottom:20px}.auth-link{background:none;border:none;color:#c9b16e;cursor:pointer;font-family:Bona Nova SC,serif;font-size:.9em}.verification-code-input{font-family:Bodoni Moda,serif;font-size:20px;letter-spacing:4px;text-align:center}@media (max-width:768px){.auth-container{align-items:flex-start;padding:160px 16px 20px}.auth-form{max-height:none;max-width:400px;overflow-y:visible;padding:30px 20px;width:100%}.auth-title{font-size:2.2em;margin-bottom:25px}.form-group{margin-bottom:18px}.form-input{font-size:1em;padding:14px 18px}.forgot-password-wrapper{margin-bottom:20px;margin-top:-8px;text-align:right}.forgot-password-link{font-size:.9em}.auth-button{font-size:1.1em;margin-bottom:20px;padding:14px 20px}.auth-links p{font-size:.95em}.auth-link{font-size:1em}.error-message{font-size:.9em;margin-bottom:15px;padding:10px}}@media (max-width:400px){.auth-container{padding-top:60px}.auth-form{padding:25px 16px}.auth-title{font-size:2em}.auth-button,.form-input{padding:12px 16px}}.my-playlists{color:#d4d4d4;margin:0 auto;max-width:1200px;min-height:821px;padding:40px;position:relative}.my-playlists:before{content:"";filter:brightness(.8);height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.my-playlists .loading-container{align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;box-shadow:none;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:0}.my-playlists .loading-container p{color:#888;font-family:Cormorant Garamond,serif;font-size:1.2em;font-style:italic}.playlists-outer-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border-radius:16px;box-shadow:0 10px 40px #00000080;margin:0 auto 60px;min-height:550px;position:relative;width:830px}.playlists-header{align-items:center;border-bottom:1px solid #c9b16e99;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.playlists-header h2{font-size:2.5em;font-weight:400;letter-spacing:1px;margin:0}.create-playlist-btn,.playlists-header h2{color:#c9b16e;font-family:Bona Nova SC,serif}.create-playlist-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:1px solid #a0a0a033;border-radius:12px;cursor:pointer;font-size:1.05em;letter-spacing:.5px;padding:12px 28px;transition:all .3s ease}.create-playlist-btn:hover{border-color:#c9b16eb3}.no-playlists p{color:#a0a0a0;font-family:Bona Nova SC,serif;font-size:1.3em;margin-bottom:30px;opacity:.8}.playlists-grid-container{-ms-overflow-style:none;margin-bottom:60px;margin-left:auto;margin-right:auto;min-height:550px;overflow-x:auto;overflow-y:hidden;position:relative;scroll-behavior:smooth;scrollbar-width:none;touch-action:pan-y pinch-zoom;white-space:nowrap;width:830px}.playlists-grid-container:active{cursor:grabbing}.playlists-grid{display:inline-flex;flex-wrap:nowrap;gap:10px;padding:20px 10px 30px;width:auto}.playlist-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:1px solid #c9b16e66;border-radius:12px;box-sizing:border-box;cursor:pointer;display:flex;flex:0 0 400px;flex-direction:column;flex-shrink:0;height:500px;max-width:400px;min-width:400px;overflow:hidden;position:relative;transition:all .3s ease}.playlist-card:hover{border-color:#c9b16eb3;box-shadow:0 6px 14px #0003}.scroll-glow-left,.scroll-glow-right{height:500px;opacity:0;pointer-events:none;position:absolute;top:3.5%;transition:opacity .5s ease;width:50px;z-index:10}.scroll-glow-left{background:linear-gradient(90deg,#c9b16e40,#c9b16e26 20%,#c9b16e14 40%,#0000);left:0;overflow:hidden}.scroll-glow-left:before{background:linear-gradient(90deg,#0000,#c9b16e4d 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.scroll-glow-right{background:linear-gradient(270deg,#c9b16e40,#c9b16e26 20%,#c9b16e14 40%,#0000);overflow:hidden;right:0}.scroll-glow-right:before{animation:glowWave 3s ease-in-out infinite;background:linear-gradient(270deg,#0000,#c9b16e4d 50%,#0000);content:"";height:100%;position:absolute;right:-100%;top:0;width:100%}.scroll-glow-left.show,.scroll-glow-right.show{animation:glowAppear .5s ease-out forwards,glowBreathing 4s ease-in-out .5s infinite;opacity:1}.scroll-glow-left:not(.show),.scroll-glow-right:not(.show){animation:glowDisappear .5s ease-out forwards;opacity:0}.scroll-glow-right.show{animation:glowAppearRight .5s ease-out forwards,glowBreathing 4s ease-in-out .5s infinite}.scroll-glow-left.show:before,.scroll-glow-right.show:before{animation:glowWave 3s ease-in-out .5s infinite}@keyframes glowBreathing{0%,to{opacity:.4}50%{opacity:.7}}@keyframes glowFloat{0%,to{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}@keyframes glowAppear{0%{opacity:0}to{opacity:.3}}@keyframes glowAppearRight{0%{opacity:0}to{opacity:.3}}@keyframes glowDisappear{0%{opacity:.3}to{opacity:0}}.playlist-cover-container{aspect-ratio:1;flex-shrink:0;overflow:hidden;position:relative;width:100%}.playlistCover{height:100%;overflow:hidden;transition:opacity .7s ease;transition:opacity .3s ease;width:100%}.playlistCover img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.playlist-card:hover .playlistCover img{transform:scale(1.02)}.playlist-tracks-overlay{background:#0f0f0fe6;bottom:0;display:flex;flex-direction:column;left:0;overflow:hidden;padding:12px;position:absolute;right:0;top:0;z-index:2}.playlist-header{align-items:center;border-bottom:1px solid #c9b16e33;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.playlist-header h4{color:#c9b16e;font-family:Bona Nova SC,serif;font-size:1.3em;margin:0 0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tracks-count{color:#a0a0a0;font-family:Cormorant Garamond,serif;font-size:1.1em;margin-left:10px;white-space:nowrap}.loading-tracks-hover,.noTracks-hover{align-items:center;color:#a0a0a0;display:flex;flex:1 1;font-family:Cormorant Garamond,serif;font-size:1.2em;justify-content:center;padding:20px;text-align:center}.tracksListContainer{flex:1 1;min-height:0;overflow:hidden;position:relative}.tracksList-scroll{-ms-overflow-style:none;display:flex;flex-direction:column;gap:5px;height:100%;overflow-y:auto;padding-right:5px;scrollbar-width:none}.tracksList-scroll::-webkit-scrollbar{display:none;height:0;width:0}.tracksList-scroll::-webkit-scrollbar-thumb,.tracksList-scroll::-webkit-scrollbar-track{background:#0000}.trackItem-hover{align-items:center;border-radius:6px;cursor:pointer;display:flex;padding:4px 12px;transition:background-color .2s ease}.track-cover-small{border-radius:4px;flex-shrink:0;height:35px;margin-right:10px;object-fit:cover;width:35px}.trackInfo-hover{flex:1 1;margin-right:10px;min-width:0}.track-title-hover{color:#d4d4d4;font-family:Bona Nova SC,serif;font-size:.85em;margin-bottom:2px}.track-artist-hover,.track-title-hover{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-artist-hover,.track-duration-hover{color:#a0a0a0;font-family:Bodoni Moda,serif;font-size:.8em}.track-duration-hover{flex-shrink:0}.scroll-glow-bottom{background:linear-gradient(0deg,#0f0f0fe6 0,#0f0f0f80 50%,#0000);bottom:0;height:30px;left:0;pointer-events:none;position:absolute;right:0;z-index:1}.playlist-actions{display:flex;flex-shrink:0;gap:12px;margin-top:auto;padding:0 20px 30px}.delete-btn,.edit-btn{background:#0000;border:1px solid;border-radius:8px;cursor:pointer;flex:1 1;font-family:Bona Nova SC,serif;font-size:.95em;padding:10px 16px;text-align:center;transition:all .3s ease}.edit-btn{background:none;border-color:#c9b16e66;color:#c9b16e}.delete-btn{background:none;border-color:#f5656566;color:#f56565}.edit-btn:hover{border-color:#c9b16e;color:#c9b16e}.delete-btn:hover{border-color:#f56565;color:#f56565}.add-tracks-modal,.edit-playlist-modal{align-items:center;background:#0009;bottom:0;box-shadow:0 10px 40px #00000080;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.add-tracks-modal .modal-content,.edit-playlist-modal .modal-content{background:#191919;border:none;border-radius:12px;max-height:80vh;max-width:800px;overflow-y:auto;padding:0;width:90%}.add-tracks-modal .modal-content{max-width:600px}.edit-playlist-modal .modal-content{padding:0}.modalHeader{align-items:center;display:flex;justify-content:space-between;padding:10px}.edit-form{padding:20px 30px}.form-group label{color:#d4d4d4;font-family:Bona Nova SC,serif;font-size:.95em;margin-bottom:8px}.form-group input,.form-group textarea{background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;color:#d4d4d4;font-family:Bona Nova SC,serif;font-size:1em;padding:12px 15px;width:100%}.form-group textarea{font-family:inherit;min-height:80px}.tracks-section{padding:20px 30px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-header h4{color:#d4d4d4;font-family:Bona Nova SC,serif;font-size:1.2em;margin:0}.add-tracks-btn{background:#0000;border:none;border-radius:6px;box-shadow:0 3px 9px #0009;color:#c9b16e;cursor:pointer;font-family:Bona Nova SC,serif;font-size:.9em;padding:8px 16px;transition:all .3s ease}.add-tracks-btn:hover{background:#c9b16e0d;border-color:#c9b16eb3}.loading-tracks,.noTracks{color:#a0a0a0;font-family:Bodoni Moda,serif;padding:40px 20px;text-align:center}.my-playlists-loading{align-items:center;display:flex;justify-content:center}.tracksList{-ms-overflow-style:none;max-height:300px;overflow-y:auto;scrollbar-width:none}.tracksList::-webkit-scrollbar{display:none}.trackItem{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:12px 6px}.trackItem:last-child{border-bottom:none}.trackInfo{align-items:center;display:flex;flex:1 1;gap:15px;min-width:0}.track-cover{object-fit:cover}.track-details{display:flex;flex:1 1;flex-direction:column;min-width:0}.track-title{color:#d4d4d4;font-family:Bona Nova SC,serif;font-size:.95em;margin-bottom:2px}.playlist-track-artist-hover,.track-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-track-artist-hover{color:#a0a0a0;font-family:Cormorant Garamond,serif;font-size:1em}.track-actions{align-items:center;display:flex;flex-shrink:0;gap:15px}.track-duration{font-size:.85em;min-width:40px}.track-controls{display:flex;gap:5px}.delete-track-btn,.move-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#a0a0a0;cursor:pointer;display:flex;font-family:Bona Nova SC,serif;font-size:20px;height:30px;justify-content:center;transition:all .3s ease;width:30px}.move-btn:hover:not(:disabled){border-color:#c9b16e66;color:#c9b16e}.move-btn:disabled{cursor:not-allowed;opacity:.3}.delete-track-btn:hover{border-color:#f5656566;color:#f56565}.modal-actions{align-items:center;background:none;border-radius:0 0 12px 12px;display:flex;justify-content:space-between;padding:10px 30px}.delete-playlist-btn{background:#0000;border:1px solid #f5656566;border-radius:6px;color:#f56565;cursor:pointer;font-family:Bona Nova SC,serif;font-size:.95em;padding:10px 20px;transition:all .3s ease}.delete-playlist-btn:hover{background:#f565651a}.right-actions{display:flex;gap:10px;justify-content:flex-end;width:100%}.cancelBtn{background:none;border-radius:6px;border-radius:4px;color:#d4d4d4;cursor:pointer;font-family:Bona Nova SC,serif;font-size:.95em;padding:4px;transition:all .3s ease}.cancelBtn:hover{background-color:#d618181a}.saveBtn{background:none;border-radius:6px;color:#d4d4d4;cursor:pointer;font-family:Bona Nova SC,serif;font-size:.95em;padding:4px;transition:all .3s ease}.saveBtn:hover:not(:disabled){background-color:#d4c18a4d}.saveBtn:disabled{cursor:not-allowed;opacity:.5}.cancelBtn,.saveBtn{border:none;border-radius:6px;cursor:pointer;font-family:Bodoni Moda,serif;font-size:14px;font-weight:600;padding:6px 10px;transition:all .2s}.confirm-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.confirm-modal{background:#191919;border:1px solid #c9b16e4d;border-radius:12px;max-width:400px;padding:30px;width:90%}.confirm-modal h4{color:#c9b16e;font-family:Bona Nova SC,serif;font-size:1.3em;margin:0 0 15px}.confirm-modal p{color:#a0a0a0;font-family:Cormorant Garamond,serif;font-size:1.1em;line-height:1.5;margin:0 0 25px}.confirm-actions{display:flex;gap:10px;justify-content:flex-end}.confirm-cancel{background:#0000;border:none;border-radius:6px;color:#a0a0a0;cursor:pointer;font-family:Bona Nova SC,serif;font-size:.95em;padding:8px 10px;transition:all .3s ease}.confirm-cancel:hover{border-color:#ffffff80;color:#d4d4d4}.confirm-delete{background:#f5656505;border:none;border-radius:6px;color:#f56565;cursor:pointer;font-family:Bona Nova SC,serif;font-size:.95em;padding:8px 10px;transition:all .5s ease}.confirm-delete:hover{background:#f5656533}.add-tracks-modal .modal-content h3{color:#c9b16e;font-family:Bona Nova SC,serif;margin:20px 30px}.add-tracks-modal .modal-content input[type=text]{background:#0000004d;border:1px solid #fff0;border-radius:8px;color:#d4d4d4;font-family:Bona Nova SC,serif;font-size:1em;margin:0 30px 20px;padding:12px 16px;width:calc(100% - 60px)}.modal-content input[type=text]:focus{border-color:#c9b16e;box-shadow:0 0 5px #c9b16e4d;outline:none}.searchResults{-ms-overflow-style:none;margin:0 30px 20px;max-height:400px;scrollbar-width:none}.searchResults::-webkit-scrollbar{display:none}.track-result{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;gap:15px;padding:12px}.track-result:last-child{border-bottom:none}.track-result img{border-radius:6px;height:50px;object-fit:cover;width:50px}.track-result div{flex:1 1}.track-result strong{color:#d4d4d4;display:block;font-family:Bona Nova SC,serif}.track-result p{color:#a0a0a0;font-family:Bodoni Moda,serif;font-size:.9em;margin:4px 0 0}.track-result button{background:#0000;border:none;border-radius:6px;color:#c9b16e;cursor:pointer;font-family:Bona Nova SC,serif;font-size:.9em;padding:8px 16px}.add-tracks-modal .modal-content>button:last-child{background:#0000;border:1px solid #a0a0a04d;border-radius:6px;color:#a0a0a0;cursor:pointer;display:block;font-family:Bona Nova SC,serif;font-size:.95em;margin:0 30px 20px;padding:10px 20px;width:calc(100% - 60px)}.trackItem-hover{animation:fadeIn .3s ease forwards;opacity:0}.trackItem-hover:first-child{animation-delay:.05s}.trackItem-hover:nth-child(2){animation-delay:.1s}.trackItem-hover:nth-child(3){animation-delay:.15s}.trackItem-hover:nth-child(4){animation-delay:.2s}.trackItem-hover:nth-child(5){animation-delay:.25s}.edit-playlist-modal .form-top-row{align-items:flex-start;border-bottom:1px solid #333;display:flex;gap:25px;margin-bottom:1px;padding-bottom:25px}.edit-playlist-modal .cover-drop-area{aspect-ratio:1/1;border:1px dashed #444;border-radius:8px;cursor:pointer;flex-shrink:0;height:180px;overflow:hidden;position:relative;transition:all .3s ease;width:180px}.edit-playlist-modal .cover-drop-area:hover{border-color:#c9b16e}.edit-playlist-modal .cover-drop-area.dragover{background-color:#c9b16e1a!important;border-color:#c9b16e!important;border-style:solid!important}.edit-playlist-modal .cover-drop-content{padding:15px;position:relative;text-align:center}.edit-playlist-modal .cover-drop-content,.edit-playlist-modal .cover-placeholder{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.edit-playlist-modal .cover-placeholder{gap:10px}.edit-playlist-modal .cover-placeholder p{color:#888;font-size:14px;margin:0}.edit-playlist-modal .cover-hint{color:#666!important;font-size:12px!important}.edit-playlist-modal .cover-preview{border-radius:4px;height:100%;overflow:hidden;position:relative;width:100%}.edit-playlist-modal .cover-image{height:100%;object-fit:contain;object-position:center;width:100%}.edit-playlist-modal .cover-buttons{display:flex;gap:8px;margin-top:10px;width:100%}.edit-playlist-modal .cover-file-input{display:none}.edit-playlist-modal .cover-change-btn,.edit-playlist-modal .cover-select-btn{background:#0000;border:none;border-radius:4px;color:#c9b16e;cursor:pointer;flex:1 1;font-family:Bodoni Moda,serif;font-size:12px;padding:6px 12px;transition:all .2s ease}.edit-playlist-modal .cover-select-btn:hover{background:#c9b16e1a}.edit-playlist-modal .cover-change-btn:hover{background:#ff44441a;color:#f44}.edit-playlist-modal .title-artist-fields{display:flex;flex:1 1;flex-direction:column}.edit-playlist-modal .form-group label{color:#c9b16e;display:block;font-size:14px;font-weight:500;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.edit-playlist-modal .edit-description-input,.edit-playlist-modal .edit-title-input{background:#222;border:none;border-radius:6px;color:#fff;font-family:Cormorant Garamond,serif;font-size:16px;padding:12px 15px;transition:all .3s ease;width:100%}.edit-playlist-modal .artist-input:focus,.edit-playlist-modal .title-input:focus{box-shadow:0 0 0 1px #c9b16e33;outline:none}.edit-playlist-modal .artist-input{font-family:inherit;max-height:180px;min-height:65px;resize:vertical}.add-track-icon{filter:brightness(0) saturate(100%) invert(79%) sepia(28%) saturate(587%) hue-rotate(3deg) brightness(90%) contrast(93%);height:20px;transition:all .3s ease;width:20px}.add-track-icon:hover{filter:brightness(0) saturate(100%) invert(79%) sepia(28%) saturate(587%) hue-rotate(3deg) brightness(90%) contrast(93%) drop-shadow(0 0 3px #c9b16e);transform:scale(1.1)}.playlists-grid-container.empty{align-items:center;display:flex;justify-content:center;min-height:550px;overflow:hidden}.empty-playlists-message{color:#a0a0a0;font-family:Cormorant Garamond,serif;font-size:1.8em;letter-spacing:1px;opacity:.7;text-align:center}.trackItem,.trackItem-hover{border:1px solid #0000;border-radius:8px;transition:all .3s ease}.trackItem-hover.active,.trackItem-hover:hover,.trackItem.active,.trackItem:hover{background:#0000;border-color:#c9b16e80}body.lang-ru .savelBtn{margin-right:-30px}body.lang-ru .cover-change-btn{font-family:Cormorant Garamond;font-size:1em;padding:4px 9px}body.lang-ru .edit-playlist-modal .cover-buttons{gap:2px}body.lang-ru .cover-select-btn{padding:4px 9px}@media (max-width:768px){.my-playlists{margin-bottom:-30px;max-width:430px;min-height:auto;padding:20px 12px 80px;transform:translateY(-30px);width:100%}.edit-playlist-modal .modal-content{margin:0 16px;max-height:85vh;max-width:400px;overflow-y:auto;width:calc(100% - 32px)}.my-playlists:before{display:none}.playlists-header{align-items:center;flex-direction:row;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.playlists-header h2{font-size:1.6em;margin:0}.create-playlist-btn{font-size:.9em;padding:8px 16px;white-space:nowrap}.playlists-outer-container{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;box-shadow:none;margin-bottom:20px;min-height:auto;width:100%}.playlists-grid-container{margin-bottom:0;min-height:auto;overflow-x:visible;overflow-y:visible;white-space:normal;width:100%}.playlists-grid-container.empty{min-height:200px}.playlists-grid{display:flex;flex-direction:column;gap:20px;padding:0;width:100%}.playlist-card{border-radius:12px;display:flex;flex:0 0 auto;flex-direction:column;height:auto;max-width:100%;min-height:380px;min-width:100%;width:100%}.playlist-cover-container{aspect-ratio:1/1;max-height:none;width:100%}.playlistCover,.playlistCover img{height:100%;width:100%}.playlistCover img{object-fit:cover}.playlist-tracks-overlay{padding:15px}.playlist-header{margin-bottom:15px;padding-bottom:10px}.playlist-header h4{font-size:1.2em;margin:0}.tracks-count{font-size:.95em}.track-cover-small{height:35px;margin-right:10px;width:35px}.track-title-hover{font-size:.85em}.playlist-track-artist-hover,.track-duration-hover{font-size:.75em}.trackItem-hover{padding:8px 10px}.playlist-actions{gap:12px;margin-top:0;padding:15px}.delete-btn,.edit-btn{font-size:.9em;padding:10px 16px}.scroll-glow-left,.scroll-glow-right{display:none}.empty-playlists-message{font-size:1.4em;padding:40px 20px}.add-tracks-modal,.edit-playlist-modal{align-items:flex-start}.add-tracks-modal .modal-content,.edit-playlist-modal .modal-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#191919fa;border:none;border-radius:20px;border-top:1px solid #c9b16e33;margin:0 15px;max-height:90vh;max-width:calc(100% - 30px);padding:0;width:calc(100% - 30px)}.modalHeader{border-bottom:1px solid #c9b16e33;padding:20px 20px 10px}.modalHeader h3{font-size:1.3em;margin:0}.edit-playlist-modal .form-top-row{align-items:center;border-bottom:1px solid #c9b16e1a;flex-direction:column;gap:20px;padding:20px}.confirm-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.confirm-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#191919fa;border:1px solid #c9b16e33;border-radius:20px;margin:0 16px;max-width:100%;padding:25px 20px;width:calc(100% - 24px)}.confirm-modal h4{margin-bottom:10px}.confirm-modal p{margin-bottom:20px}.confirm-actions{display:flex;gap:12px;justify-content:flex-end}.confirm-cancel,.confirm-delete{border-radius:25px;font-size:.95em;padding:10px 20px}.edit-playlist-modal .cover-drop-area{border:1px dashed #c9b16e66;border-radius:10px;height:140px;margin:0 auto;width:140px}.edit-playlist-modal .cover-drop-content{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:10px;text-align:center;width:100%}.edit-playlist-modal .cover-placeholder{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center}.edit-playlist-modal .cover-placeholder svg{height:30px;width:30px}.edit-playlist-modal .cover-placeholder p{color:#a0a0a0;font-size:12px;margin:0}.edit-playlist-modal .cover-hint{color:#888!important;font-size:10px!important}.edit-playlist-modal .cover-preview{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.edit-playlist-modal .cover-image{border-radius:8px;height:100%;object-fit:cover;width:100%}.edit-playlist-modal .cover-drop-area{aspect-ratio:1/1}.edit-playlist-modal .cover-buttons{display:flex;gap:8px;margin-top:8px;width:100%}.edit-playlist-modal .cover-change-btn,.edit-playlist-modal .cover-select-btn{background:#0000;border:none;border-radius:20px;color:#c9b16e;cursor:pointer;flex:1 1;font-size:12px;padding:6px 8px;text-align:center;transition:all .2s ease}.edit-playlist-modal .cover-change-btn{border-color:#a0a0a04d;color:#a0a0a0}.edit-playlist-modal .cover-file-input{display:none}.edit-playlist-modal .title-artist-fields{width:100%}.edit-form{padding:0}.form-group{margin-bottom:20px}.form-group label{font-size:.9em;margin-bottom:6px}.form-group input,.form-group textarea{background:#0006;border:1px solid #c9b16e26;border-radius:8px;font-size:.8em;padding:12px 15px}.form-group input:focus,.form-group textarea:focus{border-color:#c9b16e80;outline:none}.tracks-section{padding:20px}.section-header{align-items:center;flex-direction:row;justify-content:space-between;margin-bottom:15px}.section-header h4{font-size:1.1em;margin:0}.add-tracks-btn{background:#0000;border:1px solid #c9b16e4d;border-radius:20px;font-size:.9em;padding:8px 14px}.trackItem{border-bottom:1px solid #ffffff0d;justify-content:space-between;padding:12px 0}.trackInfo,.trackItem{align-items:center;display:flex}.trackInfo{flex:1 1;gap:12px;min-width:0}.track-cover{border-radius:6px;height:45px;width:45px}.track-details{flex:1 1;min-width:0}.track-title{font-size:.95em}.playlist-track-artist,.track-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-track-artist{font-size:.8em}.track-actions{align-items:center;display:flex;flex-shrink:0;gap:10px}.track-duration{font-size:.8em;min-width:40px;text-align:right}.track-controls{display:flex;gap:5px}.delete-track-btn,.move-btn{background:#0000;border:1px solid #ffffff1a;border-radius:6px;color:#a0a0a0;font-size:18px;height:32px;width:32px}.move-btn:hover:not(:disabled){border-color:#c9b16e66;color:#c9b16e}.delete-track-btn:hover{border-color:#f5656566;color:#f56565}.modal-actions{border-top:1px solid #c9b16e26;padding:15px 20px 20px}.right-actions{display:flex;gap:12px;justify-content:flex-end;width:100%}.cancelBtn,.saveBtn{border-radius:25px;flex:1 1;font-size:1em;max-width:120px;padding:10px 20px;text-align:center}.saveBtn{background:#0000;border:1px solid #c9b16e66;color:#c9b16e}.cancelBtn{background:#0000;border:1px solid #a0a0a04d;color:#a0a0a0}.loading-tracks,.noTracks{color:#a0a0a0;font-size:.95em;padding:30px 20px;text-align:center}.add-tracks-modal .modal-content h3{font-size:1.2em;margin:15px 20px}.search-input-container{margin-top:15px;padding:0 20px}.add-tracks-modal .modal-content input[type=text]{box-sizing:border-box;margin:0 0 15px;padding:10px 12px;width:100%}.searchResults{margin:0 20px 15px;max-height:300px}.track-result{gap:10px;padding:10px}.track-result img{height:40px;width:40px}.track-result-title{font-size:.9em}.track-result-artist{font-size:.75em}.add-track-btn{padding:6px 12px}.search-placeholder{padding:20px}.no-results,.search-loading{padding:20px;text-align:center}.confirm-modal h4{font-size:1.2em}.confirm-modal p{font-size:1em}.confirm-cancel,.confirm-delete{padding:8px 16px}.playlist-card .playlist-tracks-overlay{opacity:0;pointer-events:none;transition:opacity .3s ease}.playlist-card .playlistCover{transition:opacity .3s ease}.tracksList{-ms-overflow-style:none;max-height:300px;overflow-y:auto;scrollbar-width:none}.tracksList::-webkit-scrollbar{display:none}.searchResults{-ms-overflow-style:none;scrollbar-width:none}.searchResults::-webkit-scrollbar{display:none}.edit-playlist-modal{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}}@media (max-width:400px){.my-playlists{padding:15px 10px 70px!important}.playlists-header h2{font-size:1.4em}.create-playlist-btn{font-size:.8em;padding:6px 12px}.track-cover{height:40px;width:40px}.playlist-card{min-height:350px}}.profile-page{color:#d4d4d4;flex:1 1;flex-direction:column;font-family:Bona Nova SC,serif;max-height:1150px;overflow:hidden;padding:0;position:relative;text-shadow:0 1px 2px #0000004d}.profile-container,.profile-page{display:flex;justify-content:center;margin:0}.profile-container{align-items:center;box-sizing:border-box;flex:1 1;height:100vh}.profile-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:none;border-radius:15px;box-shadow:0 10px 30px #00000080;padding:40px;width:600px}.profile-header{align-items:center;display:flex;flex-direction:column;gap:15px;margin-bottom:40px}.profile-avatar{align-items:center;background:#c9b16e1a;border-radius:50%;display:flex;height:150px;justify-content:center;margin:0 auto 20px;width:150px}.avatar-icon{height:50px;width:50px}.profile-username{color:#c9b16e;font-family:Great Vibes,cursive;font-size:2.5em;font-weight:200;margin-bottom:10px;text-shadow:0 2px 4px #0000004d}.profile-email{color:#a0a0a0;font-family:Bodoni Moda,serif;font-size:1.1em;margin-bottom:5px}.profile-joined{color:#888;font-family:Bodoni Moda,serif;font-size:.9em;font-style:italic}.profile-stats{border-bottom:1px solid #4a4a4a;border-top:1px solid #4a4a4a;display:flex;justify-content:space-between;margin-bottom:40px;padding:20px 0}.stat-item{align-items:center;display:flex;flex:1 1;flex-direction:column}.stat-number{font-size:1em;font-weight:600}.stat-label{font-family:Bodoni Moda,serif;font-size:.7em;margin-top:5px}.profile-actions{margin-top:20px;text-align:center}.profile-button{background:#0000;border:1px solid #c9b16e;border-radius:25px;color:#c9b16e;cursor:pointer;font-family:Bodoni Moda,serif;font-size:1.1em;padding:12px 30px;transition:all .3s ease}.profile-button:hover{background:#c9b16e1a}body.profile-page-active .footer .footer-link{color:#d4d4d4!important}body.profile-page-active .footer .footer-link:hover{color:#c9b16e!important}.profile-actions{display:flex;flex-direction:column;gap:12px;margin-top:30px}.stats-button{background:linear-gradient(135deg,#c9b16e,#764ba2);border:1px solid #c9b16e}.stats-button:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);box-shadow:0 0 20px #667eea66}.logout-button{background:#0000;border:1px solid #ff6b6b;color:#ff6b6b}.logout-button:hover{box-shadow:0 0 15px #ff6b6b4d!important}.stat-item .stat-number{color:#c9b16e;font-size:1.4em;font-weight:700;margin-bottom:5px}.stat-item .stat-label{color:#a0a0a0;font-size:.9em;letter-spacing:1px;text-align:center;text-transform:uppercase}.avatar-upload-button{position:absolute;right:20px;top:20px;z-index:10}.upload-btn{align-items:center;background:#0000;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:10px;transition:all .3s}.upload-icon{filter:brightness(0) invert(.7);height:24px;width:24px}.avatar-container{height:150px;position:relative;width:150px}.avatar-upload-overlay{align-items:center;background:#000000b3;border-radius:50%;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.spinner{animation:spin 1s linear infinite;border:3px solid #c9b16e4d;height:30px;width:30px}.settingsButton{position:absolute;right:20px;top:70px;z-index:10}.settings-btn{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:center;padding:10px;transition:all .3s}.settings-btn:hover .settings-icon{filter:brightness(0) invert(.9)}body.lang-ru .profile-button{font-family:Cormorant Garamond;font-size:1.3em}body.lang-ru .profile-joined{font-family:Cormorant Garamond,serif;font-size:1em;font-style:normal}body.lang-ru .stat-item{font-weight:200}@media (max-width:768px){.profile-page{margin-bottom:-50px;max-height:none;overflow:visible;padding:20px 16px!important;transform:translateY(-50px)}.profile-container{height:auto;min-height:auto}.profile-content{max-width:400px;padding:30px 20px;width:100%}.profile-header{gap:10px;margin-bottom:50px}.profile-avatar{margin-bottom:15px}.avatar-container,.profile-avatar{height:120px;width:120px}.profile-username{font-size:2em}.profile-email{font-size:1em}.profile-joined{font-size:.85em}.artist-info-badge{margin-top:5px}.artist-badge-text{font-size:.9em}.profile-stats{margin-bottom:40px;padding:25px 0}.stat-item .stat-number{font-size:1.2em}.stat-item .stat-label{font-size:.75em}.profile-actions{gap:10px;margin-top:20px}.profile-button{font-size:1em;padding:10px 25px}.avatar-upload-button{right:15px;top:15px}.settingsButton{right:15px;top:60px}.settings-icon,.upload-icon{height:22px;width:22px}}@media (max-width:480px){.profile-content{min-height:500px;padding:60px 30px}.avatar-container,.profile-avatar{height:100px;width:100px}.profile-username{font-size:1.8em}.stat-item .stat-number{font-size:1.1em}.stat-item .stat-label{font-size:.7em}}.feedback-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.feedback-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141414f2;border:1px solid #c9b16e4d;border-radius:12px;box-shadow:0 10px 30px #00000080;color:#d4d4d4;max-width:500px;padding:30px;position:relative;width:90%}.feedback-modal h2{color:#c9b16e;font-family:Bona Nova SC,serif;margin-bottom:20px;text-align:center}.form-group{margin-bottom:20px}.form-group label{color:#a0a0a0;display:block;font-family:Cormorant Garamond,serif;font-size:1.1em;margin-bottom:5px}.form-group textarea{-ms-overflow-style:none;background:#0000004d;border:1px solid #c9b16e4d;border-radius:4px;color:#d4d4d4;font-family:Cormorant Garamond,serif;font-size:1em;min-height:120px;padding:10px;resize:vertical;scrollbar-width:none;transition:border-color .3s;width:100%}.form-group textarea::-webkit-scrollbar{display:none}.form-group textarea:focus{border-color:#c9b16e;outline:none}.feedback-error{background:#f565651a;border:1px solid #f565654d;border-radius:4px;color:#f56565}.feedback-error,.feedback-success{margin-bottom:15px;padding:10px;text-align:center}.feedback-success{background:#48bb781a;border:1px solid #48bb784d;border-radius:4px;color:#48bb78}.feedback-submit{background:#0000;border:1px solid #c9b16e;border-radius:25px;color:#c9b16e;cursor:pointer;font-family:Bodoni Moda,serif;font-size:1.1em;padding:12px;transition:all .3s;width:100%}.feedback-submit:disabled{cursor:not-allowed;opacity:.5}.app-wrapper{display:flex;flex-direction:column;height:100vh;overflow:hidden}.about-page{background:url(/static/media/darkforest.4cdc361b2692e9d52eda.JPG) 50%/cover!important;background:#0000!important;flex:1 1;font-weight:100;margin:0;min-height:600px;overflow:hidden;padding:0;position:relative;text-shadow:0 1px 2px #0000004d;z-index:1}.about-page,.center-text{align-items:center;color:#d4d4d4;display:flex;font-family:Bona Nova SC,serif;justify-content:center}.center-text{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border-radius:15px;box-shadow:0 0 30px #000;flex-direction:column;font-size:1.4em;left:50%;line-height:1.6;pointer-events:auto;position:absolute;text-align:center;text-shadow:0 2px 4px #00000080;top:38%;transform:translate(-50%,-50%);width:800px;z-index:2}.center-text p{margin:0;padding:32px 32px 68px}.lonebob-signature{bottom:0;color:#c9b16e;font-family:Great Vibes,cursive;font-size:1.5em;font-style:italic;pointer-events:none;position:absolute;right:40px;text-shadow:0 0 10px #c9b16e80,0 0 20px #c9b16e4d,0 0 30px #c9b16e33;z-index:3}.footer,.header{position:relative;z-index:2}.about-page:before{content:"";filter:brightness(.4);height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.feedback-button{background:#0000;border:1px solid #c9b16e;border-radius:25px;color:#c9b16e;cursor:pointer;font-family:Bodoni Moda,serif;font-size:1.1em;padding:12px 30px;position:relative;top:200px;transition:all .3s ease;white-space:nowrap;z-index:10}.messages-page{align-items:center;background:#0000;color:#d4d4d4;display:flex;flex:1 1;flex-direction:column;font-family:Bona Nova SC,serif;justify-content:center;margin:0;text-shadow:0 1px 2px #0000004d}.messages-container{display:flex;height:800px;max-width:1200px;width:80%}.chats-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border-radius:15px;box-shadow:0 10px 30px #00000080;display:flex;flex:1 1;overflow:hidden}.chats-container{display:flex;width:100%}.chats-list{background:#141414e6;border-right:1px solid #4a4a4a;display:flex;flex-direction:column;width:280px}.chats-header{border-bottom:1px solid #4a4a4a;padding:25px 20px}.chats-header h2{color:#c9b16e;font-family:Great Vibes,serif;font-size:2em;font-weight:200;margin:0 0 5px;text-align:center}.chats-items{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:10px}.chat-item{align-items:center;background:none;border:#0000;border-radius:10px;cursor:pointer;display:flex;padding:8px 12px;transition:all .3s ease}.chat-item:hover{background:#ffffff0d}.chat-item.active{border:none;border-left:1px solid #c9b16e;outline:none}.chat-avatar{border:2px solid #4a4a4a;border-radius:50%;flex-shrink:0;height:40px;margin-right:12px;overflow:hidden;position:relative;transition:border-color .3s ease,box-shadow .3s ease;width:40px}.chat-avatar img{height:100%;object-fit:cover;width:100%}.chat-avatar.online{animation:online-pulse 2s ease-in-out infinite;border-color:#c9b16e;box-shadow:0 0 10px #c9b16e80}@keyframes online-pulse{0%{box-shadow:0 0 5px #c9b16e4d}50%{box-shadow:0 0 15px #c9b16eb3}to{box-shadow:0 0 5px #c9b16e4d}}.unread-badge{align-items:center;background:#c9b16e;border-radius:50%;color:#000;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;min-width:16px;position:absolute;right:-3px;top:-3px}.chat-info{flex:1 1;min-width:0}.chatHeader{align-items:center;border-bottom:1px solid #4a4a4a;display:flex;justify-content:space-between;padding-bottom:10px}.chat-username{color:#fff;font-size:1.1em;font-weight:600;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-time,.chat-username{font-family:Cormorant Garamond,serif}.chat-time{color:#888;flex-shrink:0;font-size:1em;margin-left:8px}.chat-preview{align-items:center;display:flex;padding-top:7px}.last-message{color:#aaa;font-family:Cormorant Garamond,serif;font-size:1em;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-chats{color:#888;font-family:Bodoni Moda,serif;font-style:italic;padding:40px 20px;text-align:center}.no-chats p{margin:10px 0}.chatSection{display:flex;flex:1 1;flex-direction:column;height:100%;padding:20px;position:relative}.chatHeader-info{background:none;padding:20px}.chat-user-info{align-items:center;display:flex;padding-bottom:10px}.chat-user-avatar{border-radius:50%;height:45px;margin-right:15px;overflow:hidden;width:45px}.chat-user-avatar img{height:100%;object-fit:cover;width:100%}.chat-user-details h3{color:#c9b16e;font-family:Great Vibes,serif;font-size:1.8em;font-weight:200;margin:0}.chat-active{color:#888;font-family:Cormorant Garamond,serif;font-size:.9em;margin:5px 0 0}.chatContainer{display:flex;flex-direction:column;height:calc(100% - 100px)}.messages-list{-ms-overflow-style:none;background:#0000;display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto;overflow-y:scroll;padding:15px;scroll-behavior:smooth;scrollbar-width:none}.messages-list::-webkit-scrollbar{display:none}.userMessage{display:flex;max-width:80%;position:relative}.message-out{align-self:flex-end}.message-in{align-self:flex-start}.message-content{word-wrap:break-word;border-radius:15px;max-width:350px;overflow-wrap:break-word;padding:10px 11px;position:relative;word-break:break-word}.message-out .message-content{background:linear-gradient(135deg,#c9b16e,#b39b5e);border-bottom-right-radius:5px;color:#000}.message-in .message-content{background:#ffffff1a;border-bottom-left-radius:5px;color:#d4d4d4}.message-time{align-items:center;display:flex;font-size:.7em;gap:5px;justify-content:flex-end;margin-top:5px;opacity:.7;text-align:right}.message-in .message-time{justify-content:flex-start;text-align:left}.read-status{color:inherit;font-size:.9em;margin-left:5px;opacity:.8}.message-out .read-status{color:#000c}.message-menu-btn{background:none;border:none;border-radius:3px;color:#0009;cursor:pointer;font-size:1.2em;margin-left:10px;padding:0 5px;transition:background .2s}.message-in .message-menu-btn{color:#fff9}.message-menu-btn:hover{background:#0000001a}.message-in .message-menu-btn:hover{background:#ffffff1a}.message-menu{background:#2a2a2a;border:1px solid #4a4a4a;border-radius:5px;box-shadow:0 2px 10px #0000004d;min-width:150px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.message-out .message-menu{right:0}.message-in .message-menu{left:0;right:auto}.menu-item{background:none;border:none;color:#d4d4d4;cursor:pointer;display:block;font-family:Bodoni Moda,serif;font-size:.85em;padding:10px 15px;text-align:left;transition:background .2s;width:100%}.menu-item:hover{background:#c9b16e33}.menu-item:not(:last-child){border-bottom:1px solid #4a4a4a}.message-form{background:none;display:flex;gap:10px;padding:15px}.message-input{background:#0000;border:1px solid #4a4a4a;border-radius:20px;color:#d4d4d4;flex:1 1;font-family:Cormorant Garamond,serif;font-size:1.2em;line-height:1.4;max-height:120px;min-height:44px;outline:none;overflow-y:auto;padding:12px 15px;resize:none;transition:border-color .3s ease}.message-input:focus{border-color:#c9b16e}.message-input::placeholder{color:#888;font-style:italic}.message-input::-webkit-scrollbar{display:none}.send-button{background:#0000;border:none;border-radius:20px;color:#c9b16e;cursor:pointer;font-family:Cormorant Garamond,serif;font-size:1.2em;font-weight:200;letter-spacing:1px;padding:12px 25px;text-transform:uppercase;transition:all .3s ease}.new-chat-btn{align-items:center;background:none;border:1px solid #c9b16e4d;border-radius:20px;cursor:pointer;display:flex;height:40px;justify-content:flex-end;margin-left:auto;overflow:hidden;padding:8px;position:absolute;right:20px;top:20px;transition:all .4s ease;width:40px;z-index:10}.new-chat-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.new-chat-modal-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#191919f2;border:1px solid #c9b16e4d;border-radius:15px;box-shadow:0 10px 40px #00000080;display:flex;flex-direction:column;max-height:80vh;max-width:90%;width:400px}.new-chat-modal-header{align-items:center;border-bottom:1px solid #c9b16e33;display:flex;justify-content:space-between;padding:20px}.new-chat-modal-header h3{color:#c9b16e;font-family:Great Vibes,serif;font-size:1.8em;font-weight:200;margin:0}.new-chat-search-input{padding:15px 20px}.new-chat-search-input input{background:#0000004d;border:1px solid #c9b16e4d;border-radius:8px;color:#d4d4d4;font-family:Cormorant Garamond,serif;font-size:1.1em;outline:none;padding:12px 15px;transition:border-color .3s;width:100%}.new-chat-search-input input:focus{border-color:#c9b16e}.new-chat-results{-ms-overflow-style:none;flex:1 1;max-height:400px;overflow-y:auto;padding:0 20px 20px;scrollbar-width:none}.new-chat-results::-webkit-scrollbar{display:none}.user-result{align-items:center;display:flex;padding:12px;transition:background .2s}.user-result-avatar{border-radius:50%;height:40px;margin-right:15px;overflow:hidden;width:40px}.user-result-avatar img{height:100%;object-fit:cover;width:100%}.user-result-name{color:#d4d4d4;flex:1 1;font-size:1.1em}.start-chat-btn,.user-result-name{font-family:Cormorant Garamond,serif}.start-chat-btn{background:none;border:1px solid #c9b16e4d;border-radius:20px;color:#c9b16e;cursor:pointer;font-size:.9em;padding:6px 15px;transition:all .3s ease}.start-chat-btn:hover{border-color:#c9b16e;transform:scale(1.05)}.no-results,.search-loading,.search-placeholder{color:#888;font-family:Bodoni Moda,serif;font-style:italic;padding:30px;text-align:center}.new-chat-btn:hover{border-color:#c9b16e;justify-content:space-between;width:160px}.new-chat-icon{filter:invert(78%) sepia(27%) saturate(559%) hue-rotate(2deg) brightness(94%) contrast(87%);height:20px;order:2;transition:transform .4s ease;width:20px}.new-chat-btn:hover .new-chat-icon{transform:rotate(180deg)}.new-chat-text{color:#c9b16e;font-family:Cormorant Garamond,serif;font-size:1.4em;margin-left:6px;opacity:0;order:1;transform:translateX(20px);transition:opacity .3s ease .1s,transform .3s ease .1s;white-space:nowrap}.new-chat-btn:hover .new-chat-text{opacity:1;transform:translateX(0)}.send-button:hover{background:#c9b16e1a}.send-button:active{transform:translateY(0)}.chat-loading,.no-chat-selected{color:#888;font-family:Bodoni Moda,serif;font-style:italic;padding:40px}.no-messages{box-sizing:border-box;color:#888;font-family:Cormorant Garamond,serif;font-size:1.5em;font-style:italic;left:50%;padding:0 20px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:100%}.no-chat-selected{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.select-chat-prompt{max-width:300px;text-align:center}.select-chat-prompt h3{color:#c9b16e;font-family:Cormorant Garamond,serif;font-size:2em;font-weight:200;margin-bottom:10px}.select-chat-prompt p{font-size:1.2em}.no-messages-chat,.select-chat-prompt p{color:#888;font-family:Cormorant Garamond,serif;font-style:italic}.no-messages-chat{padding:60px 20px;text-align:center}.no-messages-chat p{margin:10px 0}.login-prompt{color:#888;font-family:Bodoni Moda,serif;padding:40px}.login-prompt h2{color:#c9b16e;font-family:Great Vibes,serif;font-size:2em;font-weight:200;margin-bottom:15px}.login-prompt button{background:#0000;border:1px solid #c9b16e;border-radius:20px;color:#c9b16e;cursor:pointer;font-family:Cormorant Garamond,serif;font-size:1.1em;margin-top:20px;padding:10px 30px;transition:all .3s ease}.login-prompt button:hover{background:#c9b16e1a}.messages-page .loading-container{align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:0}.messages-page .loading-container p{color:#888;font-family:Cormorant Garamond,serif;font-size:1.2em;font-style:italic}.chat-item{animation:fadeIn .3s ease}.chat-item.has-unread{animation:chat-pulse-inset 2s infinite;box-shadow:inset 0 0 0 1px #c9b16e99,inset 0 0 6px #c9b16e4d}@keyframes chat-pulse-inset{0%{box-shadow:inset 0 0 0 1px #c9b16e80,inset 0 0 6px #c9b16e33}50%{box-shadow:inset 0 0 0 1px #c9b16ee6,inset 0 0 12px #c9b16e80}to{box-shadow:inset 0 0 0 1px #c9b16e80,inset 0 0 6px #c9b16e33}}.unread-badge{display:none}.attach-button{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background .2s}.attach-button img{filter:brightness(0) invert(.7);height:20px;opacity:.7;transition:all .2s ease;width:20px}.attach-button img:hover{filter:brightness(0) invert(.9);transform:scale(1.05)}.selected-attachments{background:none;display:flex;flex-wrap:wrap;gap:8px;padding:6px 25px}.attachment-preview{align-items:center;background:#ffffff12;border-radius:8px;display:flex;font-size:.9em;gap:6px;padding:4px 8px 4px 4px}.attachment-preview img{border-radius:4px;height:24px;object-fit:cover;width:24px}.attachment-preview button{background:none;border:none;color:#d4d4d4;cursor:pointer;font-size:16px;padding:0 4px;transition:all .3s ease}.attachment-preview button:hover{color:#f44}.attachment-picker-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.attachment-picker{background:#1a1a1a;border:1px solid #4a4a4a;border-radius:12px;display:flex;flex-direction:column;max-height:80vh;max-width:90%;width:500px}.picker-header{align-items:center;display:flex;justify-content:space-between;padding:15px 20px}.picker-header h3{color:#c9b16e;margin:0}.picker-search{padding:15px 20px}.picker-search input{background:#333;border:1px solid #4a4a4a;border-radius:6px;color:#d4d4d4;padding:10px;width:100%}.searchResults{max-height:200px;overflow-y:auto;padding:0 20px}.search-item{align-items:center;display:flex;gap:10px;padding:8px 0}.search-item img{border-radius:4px;height:34px;object-fit:cover;width:34px}.item-info{flex:1 1}.item-title{font-size:14px;font-weight:300}.item-sub{color:#aaa;font-size:.85em}.playlists-section{padding:15px 20px}.playlists-section h4{color:#c9b16e;margin:0 0 10px}.playlists-horizontal{display:flex;gap:10px;overflow-x:auto;padding-bottom:10px}.playlist-card-mini{cursor:pointer;flex:0 0 80px;position:relative;text-align:center}.playlist-card-mini img{border:2px solid #0000;border-radius:8px;height:80px;object-fit:cover;width:80px}.playlist-card-mini.selected img{border-color:#c9b16e}.playlist-card-mini span{display:block;font-size:.8em;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.check-mark{align-items:center;background:#c9b16e;border-radius:50%;color:#000;display:flex;font-size:14px;height:20px;justify-content:center;position:absolute;right:2px;top:2px;width:20px}.attachment-picker .picker-search input{background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;color:#d4d4d4;font-family:Cormorant Garamond,serif;font-size:1.1em;outline:none;padding:12px 15px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.attachment-picker .picker-search input:focus{border-color:#c9b16e;box-shadow:0 0 5px #c9b16e4d}.attachment-picker .picker-search input::placeholder{color:#888;font-style:italic}.selected-items{padding:15px 20px}.selected-items h4{color:#c9b16e;margin:0 0 10px}.selected-list{display:flex;flex-wrap:wrap;gap:8px}.selected-item{align-items:center;background:#3336;border-radius:8px;display:flex;gap:6px;padding:4px 8px 4px 4px}.selected-item img{border-radius:4px;height:24px;object-fit:cover;width:24px}.attachment-picker .add-btn{align-items:center;background:none;border:none;color:#d4d4d4;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;padding:0 10px;text-transform:lowercase;transition:all .2s ease;width:auto}.attachment-picker .add-btn:hover{color:#c9b16e;transform:scale(1.05)}.attachment-picker .add-btn.selected{color:#0000;opacity:.5;pointer-events:none}.attachment-picker .add-btn.selected:hover{color:#c9b16e;transform:scale(1.1)}.attachment-picker .add-btn:disabled{cursor:default;opacity:.5;transform:none}.attachment-picker .searchResults{-ms-overflow-style:none;max-height:200px;overflow-y:auto;padding:0 20px;scrollbar-width:none}.attachment-picker .searchResults::-webkit-scrollbar{display:none}.attachment-picker .selected-list{-ms-overflow-style:none;display:flex;flex-wrap:wrap;gap:8px;max-height:100px;overflow-y:auto;scrollbar-width:none}.attachment-picker .selected-list::-webkit-scrollbar{display:none}.selected-item button{background:none;border:none;color:#d4d4d4;cursor:pointer;font-size:16px}.message-attachments{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;padding-top:4px}.playlist-card-mini span{color:#888;text-shadow:0 0 4px #c9b16e00;transition:color .3s ease,text-shadow .3s ease}.playlist-card-mini.selected span{color:#c9b16e;text-shadow:0 0 4px #c9b16e80}.message-out .attachment-item{background:#ddc56e80}.message-in .attachment-item,.message-out .attachment-item{align-items:center;border-radius:8px;display:flex;font-size:.9em;gap:10px;max-width:250px;min-width:180px;padding:4px 6px;transition:background .2s}.message-in .attachment-item{background:#55534f80}.attachment-item.clickable{cursor:pointer}.attachment-item.clickable:hover{background:#0000001a}.attachment-item img{border-radius:4px;height:32px;object-fit:cover;width:32px}.attachment-info{flex:1 1;min-width:0}.attachment-title{color:#d4d4d4;font-weight:500}.attachment-sub,.attachment-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-sub{color:#aaa;font-size:.8em}.message-out .attachment-title{color:#000}.message-out .attachment-sub{color:#3b3a3a}.round-avatar{border-radius:50%;object-fit:cover}.last-message{white-space:pre-line}.attachment-count{color:#aaa;display:block;font-size:.9em}.last-message-container{display:flex;flex-direction:column;width:100%}.last-message-text{color:#aaa;font-family:Cormorant Garamond,serif;font-size:1em;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.last-message-attachments{color:#888;font-family:Cormorant Garamond,serif;font-size:.9em;overflow:visible;white-space:normal}.chat-preview-content{display:flex;flex-direction:column;width:100%}.chat-preview-text{color:#aaa;font-family:Cormorant Garamond,serif;font-size:1.2em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-preview-attachments{color:#888;font-family:Cormorant Garamond,serif;font-size:1em;margin-top:2px;white-space:normal}.chat-user-details{display:flex;flex-direction:column;justify-content:center;min-height:60px}.chat-now-playing{background:none;border-radius:8px;cursor:pointer;justify-content:center;left:50%;margin-top:5px;padding:5px;position:absolute;text-align:center;transform:translateX(-50%);transition:background .2s}.now-playing-label{color:#c9b16e;font-size:.7em;letter-spacing:1px;margin-bottom:3px;text-transform:uppercase}.now-playing-info{align-items:center;display:flex;gap:8px}.now-playing-cover{border-radius:4px;height:30px;object-fit:cover;width:30px}.now-playing-text{flex:1 1;min-width:0}.now-playing-title{color:#d4d4d4;font-size:.9em;font-weight:500}.now-playing-artist,.now-playing-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now-playing-artist{color:#aaa;font-size:.8em}.chat-item{position:relative}.delete-chat-btn{background:none;border:none;bottom:1px;cursor:pointer;opacity:0;padding:4px;position:absolute;right:10px;transition:opacity .2s ease;z-index:2}.chat-item:hover .delete-chat-btn{opacity:1}.delete-chat-btn img{filter:brightness(0) invert(.6);height:18px;transition:filter .2s ease;width:18px}.delete-chat-btn:hover img{filter:brightness(0) saturate(100%) invert(10%) sepia(100%) saturate(5000%) hue-rotate(340deg) brightness(80%)}.delete-chat-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.delete-chat-modal{background:#1e1e1e;border:1px solid #c9b16e4d;border-radius:12px;max-width:400px;padding:24px;width:90%}.delete-chat-modal h3{color:#c9b16e;font-family:Bona Nova SC,serif;margin-bottom:16px;margin-top:0}.delete-chat-modal p{color:#d4d4d4;font-family:Cormorant Garamond,serif;font-size:1.1em;margin-bottom:24px}.delete-chat-modal-buttons{display:flex;gap:12px;justify-content:flex-end}.delete-chat-modal-buttons button{background:#0000;border:1px solid #4a4a4a;border-radius:6px;color:#d4d4d4;cursor:pointer;font-family:Bodoni Moda,serif;font-size:.9em;padding:8px 20px;transition:all .3s ease}.delete-chat-btn-for-me:hover{border-color:#c9b16e;color:#c9b16e}.delete-chat-btn-for-both:hover{border-color:#ff6464;color:#ff6464}.delete-chat-btn-cancel:hover{border-color:#888;color:#888}.restricted-message{color:#888;font-family:Cormorant Garamond,serif;font-size:.9em;margin-left:auto}@media (max-width:768px){.messages-page{align-items:flex-start;height:calc(100vh - 120px)!important;padding:10px!important;transform:translateY(-30px)}.messages-container{height:97%!important;max-width:430px;padding:0;width:100%!important}.chats-wrapper{border-radius:12px;height:100%;position:relative}.chats-container{height:100%}.chats-list{border-right:none;width:100%!important}.chats-header{padding:15px 20px;position:relative}.chats-header h2{text-align:center}.chats-list .new-chat-btn{border-radius:50%;height:40px;justify-content:center;padding:8px;position:absolute;right:15px;top:15px;width:40px;z-index:10}.chatSection .new-chat-btn{display:none!important}.new-chat-btn:hover{width:40px}.new-chat-text{display:none}.chats-items{padding:5px}.chat-item{padding:10px 12px}.chat-avatar{height:45px;width:45px}.chat-username{font-size:1em;max-width:150px}.chat-time{font-size:.8em}.last-message{max-width:180px}.chat-preview-text{font-size:1em}.chat-preview-attachments{font-size:.85em}.delete-chat-btn{opacity:1;right:8px}.chatSection{display:none;padding:10px 0 0;width:100%!important}.chats-container:has(.chatSection .chat-header-info) .chats-list{display:none}.chats-container:has(.chatSection .chat-header-info) .chatSection{display:flex;flex-direction:column}.chat-header-info:before{display:none}.chat-header-info{padding:10px 15px}.chat-user-info{padding-left:0}.chat-user-avatar{height:40px;margin-right:12px;width:40px}.chat-user-details h3{font-size:1.5em}.chat-active{font-size:1em}.chat-now-playing{margin-top:8px;position:static;text-align:left;transform:none}.now-playing-info{gap:10px}.now-playing-cover{height:35px;width:35px}.now-playing-title{font-size:.85em}.now-playing-artist{font-size:.75em}.chatContainer{height:calc(100% - 80px)}.messages-list{gap:8px;padding:10px}.userMessage{max-width:90%}.message-content{max-width:280px;padding:8px 10px}.message-text{font-size:1.1em}.message-time{font-size:.65em}.message-in .attachment-item,.message-out .attachment-item{max-width:220px;min-width:160px;padding:6px 8px}.attachment-item img{height:28px;width:28px}.attachment-title{font-size:.85em}.attachment-sub{font-size:.7em}.message-menu{min-width:130px}.menu-item{font-size:.8em;padding:8px 12px}.message-form{gap:8px;margin-bottom:40px;padding:10px}.message-input{font-size:1em;min-height:40px;padding:10px 12px}.send-button{font-size:1em;padding:8px 16px}.selected-attachments{padding:6px 15px}.attachment-preview{font-size:.8em;padding:3px 6px 3px 3px}.attachment-preview img{height:20px;width:20px}.attach-button{padding:6px}.attach-button img{height:18px;width:18px}.attachment-picker,.delete-chat-modal,.new-chat-modal-content{width:95%}.no-chat-selected{padding:20px}.select-chat-prompt h3{font-size:1.5em}.select-chat-prompt p{font-size:1em}.no-chats{padding:30px 15px}.no-chats p{font-size:1em}.no-messages{font-size:1.2em}.login-prompt{padding:30px 20px}.login-prompt h2{font-size:1.5em}.login-prompt button{font-size:1em;padding:10px 25px}}.floating-nav-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:none;border-radius:16px;box-shadow:0 4px 14px #000000b3;left:35px;padding:10px;position:fixed;top:150px;transition:all .3s ease;width:150px;z-index:999;z-index:90}.floating-nav-panel.collapsed{height:40px;min-width:auto;padding:8px;width:40px}.nav-panel-toggle{align-items:center;background:none;border:none;color:#c9b16e;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:8px;top:4px;transition:all .2s ease;width:24px}.nav-panel-toggle:hover{transform:scale(1.1)}.nav-panel-content{padding-top:20px}.nav-buttons{display:flex;flex-direction:column;gap:10px}.nav-button{align-items:center;background:#323232cc;border:none;border-radius:8px;color:#d4d4d4;cursor:pointer;display:flex;font-family:Grand Vibes,serif;font-size:18px;gap:6px;padding:4px 8px;text-decoration:none;transition:all .3s ease}.nav-button.has-unread:hover,.nav-button:hover{color:#fff}.nav-button.active{background:#c9b16e26;border-color:#c9b16e80;color:#c9b16e}.nav-button-icon{font-size:16px;text-align:center;width:20px}.nav-button-text{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-button.placeholder{cursor:default;opacity:.6}.nav-button.placeholder:hover{background:#0000;border-color:#ffffff1a;transform:none}.nav-panel-footer{border-top:1px solid #ffffff0d;color:#ffffff4d;font-size:10px;margin-top:15px;padding-top:10px;text-align:center}@media (max-width:768px){.floating-nav-panel{left:10px;min-width:180px;padding:12px;top:10px}.floating-nav-panel.collapsed{height:36px;width:36px}.nav-panel-toggle{right:6px;top:6px}.nav-button-text{font-size:13px}.floating-nav-panel.collapsed .nav-button-text{display:none}.floating-nav-panel.collapsed .nav-button{justify-content:center;padding:10px}.floating-nav-panel.collapsed .nav-button-icon{font-size:18px;width:auto}}@media (max-width:480px){.floating-nav-panel{left:5px;min-width:160px;padding:10px;top:5px}.floating-nav-panel.collapsed{height:32px;padding:6px;width:32px}}.nav-button-content{align-items:center;display:flex;justify-content:space-between;width:100%}.unread-badge-nav{background:#c9b16e4d;border-radius:4px;font-family:Cormorant Garamond,serif;font-size:.8em;font-weight:300;min-width:20px;padding:2px 6px;text-align:center}.unread-chats-loading{animation:pulse 1.5s infinite;color:#c9b16e;font-size:12px;margin-left:8px}.nav-button.has-unread{animation:gold-glow 2s ease-in-out infinite alternate;box-shadow:inset 0 0 0 2px #c9b16e99,inset 0 0 4px #c9b16e4d;position:relative;transition:box-shadow .3s ease;transition:all .3s ease}@keyframes gold-glow{0%{box-shadow:0 0 2px #c9b16e66,0 0 3px #c9b16e4d,0 0 4px #c9b16e33,0 0 5px #c9b16e1a,0 0 6px #c9b16e0d,0 0 8px #c9b16e0d,inset 0 0 0 1px #c9b16e1a}to{box-shadow:0 0 4px #c9b16e99,0 0 6px #c9b16e66,0 0 8px #c9b16e4d,0 0 10px #c9b16e33,0 0 12px #c9b16e1a,0 0 16px #c9b16e1a,inset 0 0 0 1px #c9b16e4d}}.nav-button.has-unread-alt{animation:gold-shimmer 3s infinite}@keyframes gold-shimmer{0%,to{box-shadow:0 0 10px #c9b16e4d}50%{box-shadow:0 0 20px #c9b16eb3}}.floating-nav-panel.collapsed .nav-button.has-unread{animation:collapsed-gold-glow 2s ease-in-out infinite alternate}@keyframes collapsed-gold-glow{0%{box-shadow:0 0 8px #c9b16e80,0 0 12px #c9b16e4d,inset 0 0 0 1px #c9b16e33}to{box-shadow:0 0 15px #c9b16ecc,0 0 25px #c9b16e66,inset 0 0 0 1px #c9b16e66}}@media (max-width:768px){.unread-chats-count{font-size:10px;height:18px;min-width:18px;padding:0 4px}.floating-nav-panel.collapsed .unread-chats-count{font-size:9px;height:16px;margin-left:0;min-width:16px;position:absolute;right:-5px;top:-5px}}@media (max-width:480px){.unread-chats-count{font-size:9px;height:16px;min-width:16px}}body.lang-ru .nav-button{font-family:Cormorant Garamond,serif;font-size:1.2em}.artist-page{color:#d4d4d4;display:flex;flex-direction:column;margin:0 auto;overflow:hidden;padding:40px 20px;width:1200px}.artist-not-found{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:1px solid #c9b16e33;border-radius:12px;padding:80px 20px;text-align:center}.artist-page-loading{height:calc(100vh - 160px);overflow:hidden}.artist-not-found h2{color:#c9b16e;font-family:Bona Nova SC,serif;font-size:2.5em;margin-bottom:20px}.artist-not-found p{color:#a0a0a0;font-family:Bodoni Moda,serif;font-size:1.2em}.artist-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:none;border-radius:15px;box-shadow:0 10px 30px #00000080;display:flex;gap:40px;margin-bottom:50px;padding:40px}.artist-image{align-self:center;border-radius:50%;box-shadow:0 10px 30px #0000004d;flex-shrink:0;height:250px;overflow:hidden;width:250px}.artist-image img{height:100%;object-fit:cover;width:100%}.artist-info{display:flex;flex:1 1;flex-direction:column;justify-content:center}.artist-info h1{color:#c9b16e;font-size:3.5em;margin-bottom:20px;text-shadow:0 0 10px #c9b16e4d}.artist-bio,.artist-info h1{font-family:Bona Nova SC,serif}.artist-bio{color:#a0a0a0;font-size:1.1em;line-height:1.6;margin-bottom:30px;margin-left:10px}.artist-stats{display:flex;gap:40px;justify-content:center;margin-top:20px}.artist-content{display:flex;flex-direction:column;gap:50px}.albums-section{background:#0000;border-radius:12px;padding:30px}.albums-section h2{border-bottom:1px solid #c9b16e4d;color:#c9b16e;font-family:Cormorant Garamond,serif;font-size:2.4em;margin-bottom:25px;padding-bottom:10px}.albums-scroll-container{overflow-x:auto;padding-bottom:20px}.albums-scroll{display:flex;gap:71px;min-width:-webkit-min-content;min-width:min-content;padding:10px 5px}.album-card{border:1px solid #c9b16e33;border-radius:10px;cursor:pointer;flex:0 0 auto;overflow:hidden;transition:all .3s ease;width:220px}.album-card:hover{border-color:#c9b16e99}.album-cover{background-position:50%;background-repeat:no-repeat;background-size:cover;height:180px;width:100%}.album-info{padding:15px}.album-info h3{color:#d4d4d4;font-family:Cormorant Garamond,serif;font-size:1em;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.album-info p{color:#a0a0a0;font-size:.8em;margin-bottom:3px}.album-info p,.album-plays{font-family:Bodoni Moda,serif}.album-plays{color:#c9b16e!important;font-size:.75em!important;margin-top:5px!important}.albums-scroll-container::-webkit-scrollbar{height:6px}.albums-scroll-container::-webkit-scrollbar-track{background:#c9b16e1a;border-radius:4px}.albums-scroll-container::-webkit-scrollbar-thumb{background:#c9b16e4d;border-radius:4px}.albums-scroll-container::-webkit-scrollbar-thumb:hover{background:#c9b16e80}.top-tracks-section{margin-top:50px}.top-tracks-section h2{font-family:Bodoni Moda,serif;font-size:2em}.artist-tracks-list{display:flex;flex-direction:column;font-family:Bona Nova SC,serif;gap:8px}.artist-page .loading-container{align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:0}.artist-page .loading-container p{color:#888;font-family:Cormorant Garamond,serif;font-size:1.2em;font-style:italic}.artist-track-item{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;font-family:Bona Nova SC,serif;padding:12px 20px;transition:all .3s ease}.artist-track-item.active,.artist-track-item:hover{border-color:#c9b16e80}.artist-track-number{color:#c9b16e;font-family:Bodoni Moda,serif;font-size:1.1em;margin-right:15px;text-align:center;width:30px}.artist-track-artist,.artist-track-feature{color:#c9b16e}.artist-track-cover{border-radius:4px;height:40px;margin-right:15px;overflow:hidden;width:40px}.artist-track-cover img{height:100%;object-fit:cover;width:100%}.artist-track-info{flex:1 1}.artist-track-title{color:#d4d4d4;font-family:Cormorant Garamond,serif;font-size:1.1em;margin-bottom:4px}.artist-track-album{color:#a0a0a0;font-family:Cormorant Garamond,serif;font-size:.85em;margin:0}.artist-track-duration{color:#a0a0a0;font-family:Bodoni Moda,serif;font-size:.9em;margin-right:20px;text-align:center;width:45px}.artist-track-plays{color:#c9b16e;font-family:Cormorant Garamond,serif;font-size:1em;margin-right:15px;text-align:center;width:70px}.play-button{align-items:center;background:#c9b16e1a;border:1px solid #c9b16e4d;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.play-button:hover{background:#c9b16e33;border-color:#c9b16e}.play-button.playing{background:#c9b16e4d}.similar-artists-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:1px solid #c9b16e33;border-radius:12px;padding:30px}.similar-artists-section h2{border-bottom:1px solid #c9b16e4d;color:#c9b16e;font-family:Cormorant Garamond,serif;font-size:2.4em;margin-bottom:25px;padding-bottom:10px}.similar-artists{display:flex;flex-wrap:nowrap;gap:15px;justify-content:flex-start;margin:0;padding:0}.similar-artist-card{cursor:pointer;flex-basis:calc(12.5% - 14px);flex-grow:0;flex-shrink:0;max-width:calc(12.5% - 14px);text-align:center}.similar-artist-card img{border-radius:50%;height:80px;margin-bottom:10px;object-fit:cover;width:80px}.similar-artist-card h4{color:#d4d4d4;font-family:Cormorant Garamond,serif;font-size:1.1em;margin:0}.artist-stats-and-subscription{align-items:center;border-top:1px solid #c9b16e33;display:flex;justify-content:space-between;margin-top:30px;padding:20px 0}.subscribe-button{align-items:center;background:none;border:none;border-radius:12px;color:#c9b16e;cursor:pointer;display:inline-flex;font-family:Great Vibes,cursive;font-size:2.5em;font-weight:200;gap:2px;justify-content:center;letter-spacing:.5px;margin-top:20px;min-width:140px;padding:8px 10px;text-align:center;transition:color 1s ease,text-shadow .6s ease}.subscribe-button .letter-e{animation:fadeInLetter .1s forwards;animation-delay:.1s;opacity:0}.subscribe-button .letter-d{animation:fadeInLetter .15s forwards;animation-delay:.2s;opacity:0}@keyframes fadeInLetter{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.subscribe-button:hover:not(:disabled){background:#0000}.subscribe-button:disabled{cursor:not-allowed;opacity:.5}.subscribe-button.subscribed{animation:redPulse 1.5s infinite alternate;color:#ff6b6b;text-shadow:0 0 2px #ff6b6b,0 0 10px #ff6b6b}@keyframes redPulse{0%{text-shadow:0 0 1px #ff6b6b,0 0 3px #ff6b6b}to{text-shadow:0 0 3px #ff6b6b,0 0 5px #ff6b6b,0 0 9px #ff6b6b}}.subscribe-button.subscribed:hover{text-shadow:0 0 5px #ff6b6b,0 0 9px #ff6b6b,0 0 15px #ff6b6b}.subscribe-button.subscribed:hover:not(:disabled){text-shadow:0 0 3px #ff6b6b,0 0 8px #ff6b6b,0 0 14px #ff6b6b}.avatar-edit-overlay{align-items:center;background:#000000b3;border-radius:50%;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.artist-image{position:relative}.artist-image:hover .avatar-edit-overlay{opacity:1}.avatar-edit-button{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;width:40px}.edit-name-input{transition:border-color .3s ease,box-shadow .3s ease}.edit-name-input:focus{border-color:#c9b16e;outline:none}.edit-bio-textarea{transition:border-color .3s ease,box-shadow .3s ease}.edit-bio-textarea:focus{border-color:#c9b16e;outline:none}.artist-info button img{filter:invert(78%) sepia(27%) saturate(559%) hue-rotate(2deg) brightness(94%) contrast(87%);transition:filter .3s ease}.artist-info button:hover img{filter:invert(78%) sepia(27%) saturate(559%) hue-rotate(2deg) brightness(104%) contrast(97%)}.cancel-button,.save-button{padding:8px 20px}.save-button{right:140px}.cancel-button,.save-button{bottom:255px;padding:4px;position:absolute}.cancel-button{border-radius:4px;right:65px}.artist-track-item{position:relative}.artist-track-actions{align-items:center;display:flex;gap:8px;opacity:0;position:absolute;right:180px;transition:opacity .3s ease}.artist-track-item:hover .artist-track-actions{opacity:1}.artist-track-edit-button{align-items:center;background:#0000;border:#0000;border-radius:4px;cursor:pointer;display:flex;height:28px;justify-content:center;opacity:.7;position:relative;right:18px;transition:all .2s ease;width:28px}.artist-track-edit-button:hover{background:#0000;border:1px solid #c9b16e;opacity:1;transform:scale(1.1)}.artist-track-edit-button img{filter:invert(78%) sepia(27%) saturate(559%) hue-rotate(2deg) brightness(94%) contrast(87%)}.track-edit-container{align-items:center;display:flex;gap:12px;max-width:500px;width:auto}.track-edit-inputs{display:flex;flex:1 1;flex-direction:column;gap:5px;min-width:0}.track-privacy-toggle{align-items:center;display:flex;flex-shrink:0;gap:8px;justify-content:flex-end;margin-left:auto;width:100px}.privacy-label{color:#a0a0a0;font-family:Cormorant Garamond,serif;font-size:.9em;white-space:nowrap}.edit-track-artist,.edit-track-title{background:#0000004d;border:1px solid #c9b16e4d;border-radius:4px;color:#d4d4d4;font-family:Cormorant Garamond,serif;font-size:.95em;padding:6px 10px;transition:all .3s ease}.edit-track-title{color:#c9b16e;font-size:1em;font-weight:700}.edit-track-artist{color:#a0a0a0;font-size:.85em}.edit-track-artist:focus,.edit-track-title:focus{border-color:#c9b16e;box-shadow:0 0 0 2px #c9b16e1a;outline:none}.track-edit-buttons{align-items:center;display:flex;gap:5px}.track-cancel-btn,.track-save-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#c9b16e;cursor:pointer;display:flex;font-family:Bodoni Moda,serif;font-size:16px;font-weight:serif;justify-content:center;padding:4px;transition:all .3s ease}.track-save-btn:hover:not(:disabled){background:#ffffff4d;border-color:#c9b16e}.track-save-btn:disabled{cursor:not-allowed;opacity:.5}.track-cancel-btn:hover{background:#ff46461a;border-color:#ff46464d;color:#ff6b6b}.show-more-button{border-radius:20px}body.lang-ru .artist-track-plays{font-size:1em;white-space:nowrap;width:90px}body.lang-ru .album-info p{font-size:1.1em}body.lang-ru .album-info p,body.lang-ru .album-plays{font-family:Cormorant Garamond}.avatar-edit-button img{filter:brightness(0) invert(.7);height:24px;transition:filter .3s ease;width:24px}.avatar-edit-button:hover img{filter:brightness(0) invert(.9)}@media (max-width:768px){.artist-page{margin-bottom:-30px;max-width:430px;padding:15px 12px 80px!important;transform:translateY(-30px);width:100%}.artist-header{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:none;border-radius:15px;box-shadow:0 8px 20px #00000080;display:flex;flex-direction:row;gap:15px;margin-bottom:0;padding:20px 16px;position:relative}.artist-image{align-self:center;border-radius:50%;box-shadow:0 5px 15px #0000004d;flex-shrink:0;height:100px;margin:0;overflow:hidden;width:100px}.artist-image img{height:100%;object-fit:cover;width:100%}.artist-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.artist-name-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:6px;width:100%}.artist-name-row h1{flex:1 1;font-size:1.3em;margin:0;max-width:none;overflow:visible;padding-right:5px;text-overflow:clip;white-space:nowrap;word-break:normal}.artist-name-row .subscribe-button{background:#0000;border:none;color:#c9b16e;display:flex!important;flex-shrink:0;font-size:1.2em;margin:0;min-width:80px;opacity:1!important;padding:4px 6px;visibility:visible!important;white-space:nowrap}.artist-name-row .subscribe-button.subscribed{color:#ff6b6b}.artist-stats-and-subscription{border:none;flex-shrink:0;margin:0;padding:0;position:static;width:auto}.artist-stats-and-subscription .subscribe-button{background:none;border:none;color:#c9b16e;display:flex!important;font-size:1.3em;margin:0;min-width:85px;padding:2px 6px;white-space:nowrap}.artist-stats-and-subscription .subscribe-button.subscribed{color:#ff6b6b}.artist-bio{color:#a0a0a0;font-size:.9em;line-height:1.4;margin:0 0 10px;text-align:left;word-break:break-word}.artist-stats{align-items:center;border-top:1px solid #c9b16e33;display:flex;flex-direction:row!important;gap:10px;justify-content:space-around;margin-top:0;padding:10px 0 0;width:100%}.artist-stats .stat{align-items:center;display:flex;flex-direction:column;gap:2px;padding:0}.artist-stats .stat-number{color:#c9b16e;font-size:1.1em;line-height:1.2}.artist-content{margin-top:15px}.albums-section:not(:has(.album-card)){display:none}.albums-section:has(.album-card)+.artist-content{margin-top:0}.artist-stats .stat-label{color:#a0a0a0;font-size:.7em;line-height:1.2;white-space:nowrap}.artist-info button{display:none!important}.artist-content{gap:15px}.albums-section{background:#0000;border-radius:12px;padding:15px 0}.albums-section h2{border-bottom:1px solid #c9b16e4d;color:#c9b16e;font-size:1.4em;margin-bottom:12px;padding-bottom:8px}.albums-scroll-container{overflow:visible;padding-bottom:0}.albums-scroll{display:flex;flex-direction:column;gap:8px;padding:0}.album-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:1px solid #c9b16e33;border-radius:10px;display:flex;gap:12px;padding:12px;transition:border-color .3s ease;width:100%}.album-card:active{border-color:#c9b16e80}.album-cover{aspect-ratio:1/1;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:6px;flex-shrink:0;height:50px;width:50px}.album-info{flex:1 1;padding:0;text-align:left}.album-info h3{color:#d4d4d4;font-size:1em;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.album-meta-row{align-items:center;display:flex;justify-content:space-between;width:100%}.album-info p{color:#a0a0a0;font-size:.8em;margin:0}.album-plays{color:#c9b16e!important;font-size:.8em!important;margin:0!important}.top-tracks-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:1px solid #c9b16e33;border-radius:12px;margin:0;padding:16px 14px}.top-tracks-section h2{border-bottom:1px solid #c9b16e4d;color:#c9b16e;font-size:1.4em;margin-bottom:12px;padding-bottom:8px}.all-tracks-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:1px solid #c9b16e33;border-radius:12px;margin:0;padding:16px 14px}.all-tracks-section h2{border-bottom:1px solid #c9b16e4d;color:#c9b16e;font-size:1.4em;margin-bottom:12px;padding-bottom:8px}.similar-artists-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:1px solid #c9b16e33;border-radius:12px;margin:0;padding:16px 14px}.similar-artists-section h2{border-bottom:1px solid #c9b16e4d;color:#c9b16e;font-size:1.4em;margin-bottom:12px;padding-bottom:8px}.similar-artists{display:flex;flex-wrap:wrap;gap:0;justify-content:space-between}.similar-artist-card{cursor:pointer;flex-basis:calc(25% - 6px);flex-grow:0;flex-shrink:0;max-width:calc(25% - 6px);text-align:center}.similar-artist-card img{border-radius:50%;height:55px;margin-bottom:5px;object-fit:cover;width:55px}.similar-artist-card h4{color:#d4d4d4;font-size:.75em;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artist-tracks-list{gap:5px}.artist-track-item{background:#0000;border:1px solid #0000;border-radius:8px;padding:10px}.artist-track-item.active{border-color:#c9b16e80}.artist-track-number{color:#c9b16e;font-size:.85em;margin-right:8px;width:22px}.artist-track-cover{border-radius:4px;height:36px;margin-right:10px;overflow:hidden;width:36px}.artist-track-cover img{height:100%;object-fit:cover;width:100%}.artist-track-info{flex:1 1;min-width:0}.artist-track-title{color:#d4d4d4;font-size:.95em;margin-bottom:2px}.artist-track-feature{color:#c9b16e}.artist-track-artist,.artist-track-duration{color:#a0a0a0;font-size:.8em}.artist-track-duration{margin-right:8px;text-align:center;width:38px}.artist-track-plays{color:#c9b16e;font-size:.8em;margin-right:5px;text-align:center;width:55px}.artist-track-actions,.artist-track-edit-button{display:none!important}.show-more-button{background:#0000;border:1px solid #c9b16e4d;border-radius:20px;color:#c9b16e;font-size:.85em;margin-top:12px;padding:7px 16px}.artist-not-found{padding:40px 16px;text-align:center}.artist-not-found h2{color:#c9b16e;font-size:1.5em}.artist-not-found p{color:#a0a0a0;font-size:.9em}.artist-loading{color:#c9b16e;font-size:1.2em;padding:40px;text-align:center}}@media (max-width:400px){.artist-image{height:85px;width:85px}.artist-info h1{font-size:1.3em}.artist-bio{font-size:.8em}.artist-stats{gap:15px}.artist-stats .stat-number{font-size:1em}.artist-stats .stat-label{font-size:.65em}.artist-stats-and-subscription .subscribe-button{font-size:1.2em;min-width:75px}.album-cover{height:45px;width:45px}.album-info h3{font-size:.9em}.artist-track-plays{display:none}.similar-artist-card img{height:48px;width:48px}}.favorite-page{color:#d4d4d4;margin:0 auto;min-height:85vh;padding:40px 20px;width:1200px}.favorite-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:1px solid #c9b16e33;border-radius:12px;margin-bottom:50px;padding:40px;text-align:center}.favorite-header h1{color:#c9b16e;font-family:Bona Nova SC,serif;font-size:3em;margin-bottom:10px;text-shadow:0 0 10px #c9b16e4d}.favorite-page-loading{display:flex;flex-direction:column;height:calc(100vh - 160px);overflow:hidden}.favorite-page .loading-container{align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;box-shadow:none;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:0}.favorite-page .loading-container p{color:#888;font-family:Cormorant Garamond,serif;font-size:1.2em;font-style:italic}.favorite-count{color:#a0a0a0;font-family:Bodoni Moda,serif;font-size:1.1em}.favorite-list{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border-radius:15px;box-shadow:0 10px 30px #00000080;display:flex;flex-direction:column;gap:10px;padding:20px}.favorite-track-item{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:20px;padding:15px 20px;position:relative;transition:all .3s ease}.favorite-track-item:hover{border-color:#c9b16e4d}.favorite-track-item.active{border-color:#c9b16e80}.track-number{color:#c9b16e;font-family:Bodoni Moda,serif;font-size:1em;text-align:center;width:30px}.track-cover{background-position:50%;background-size:cover}.track-information{flex:1 1}.trackTitle{color:#d4d4d4;font-family:Cormorant Garamond,serif;font-size:1.4em;margin-bottom:5px}.trackDuration,.tracksArtist{color:#a0a0a0;font-family:Bona Nova SC,serif;font-size:.9em}.trackDuration{margin-right:15px}.unlike-button{align-items:center;background:#0000;border:1px solid #ff64644d;border-radius:5px;cursor:pointer;display:flex;height:36px;justify-content:center;padding:8px;transition:all .3s ease;width:36px}.unlike-button:hover{background:#ff64641a;border-color:#ff6464;box-shadow:0 0 10px #ff64644d}.unlike-icon{filter:brightness(0) saturate(100%) invert(60%) sepia(60%) saturate(500%) hue-rotate(320deg) brightness(90%) contrast(85%);height:18px;transition:all .3s ease;width:18px}.unlike-button:hover .unlike-icon{filter:brightness(0) saturate(100%) invert(40%) sepia(80%) saturate(500%) hue-rotate(320deg) brightness(90%) contrast(90%)}.no-favorite{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:1px solid #c9b16e33;border-radius:12px;padding:80px 20px;text-align:center}.no-favorite-icon{color:#c9b16e80;font-size:4em;margin-bottom:20px}.no-favorite h2{color:#c9b16e;font-family:Bona Nova SC,serif;font-size:2em;margin-bottom:15px}.no-favorite p{color:#a0a0a0;font-family:Bodoni Moda,serif;font-size:1.1em}body.lang-ru .favorite-count,body.lang-ru .favorite-header h1{font-family:Cormorant Garamond}body.lang-ru .favorite-count{font-size:1.5em}@media (max-width:768px){.favorite-page{margin-bottom:-30px;max-width:430px;min-height:auto;padding:15px 12px 80px!important;transform:translateY(-30px);width:100%}.favorite-header{margin-bottom:20px;padding:25px 16px}.favorite-header h1{font-size:1.8em;margin-bottom:8px}.favorite-count{font-size:1.1em}.favorite-list{gap:8px;padding:15px 12px}.favorite-track-item{gap:10px;padding:10px 12px}.track-number{font-size:.9em;width:22px}.track-cover{height:42px;width:42px}.track-information{min-width:0}.trackTitle{font-size:1em}.trackArtist,.trackTitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trackArtist{font-size:.8em}.trackDuration{font-size:.8em;margin-right:8px}.unlike-button{height:32px;padding:6px;width:32px}.unlike-icon{height:16px;width:16px}.no-favorite{padding:50px 20px}.no-favorite-icon{font-size:3.5em}.no-favorite h2{font-size:1.5em}.no-favorite p{font-size:1em}.loading{font-size:1.2em;padding:40px}}@media (max-width:400px){.favorite-page{padding:12px 10px 70px!important}.favorite-header h1{font-size:1.6em}.track-cover{height:36px;width:36px}.trackTitle{font-size:.9em}.trackDuration{display:none}}@media (max-width:768px){body.lang-ru .favorite-count{font-size:1.1em}}.statistics-page{color:#d4d4d4;margin:0 auto;min-height:80vh;padding:40px 20px;width:1200px}.stats-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:1px solid #c9b16e33;border-radius:12px;margin-bottom:50px;padding:40px;text-align:center}.stats-header h1{color:#c9b16e;font-family:Bodoni Moda,serif;font-size:3em;margin-bottom:10px;text-shadow:0 0 10px #c9b16e4d}.stats-subtitle{color:#a0a0a0;font-family:Bodoni Moda,serif;font-size:1.2em}.stats-overview{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:50px}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:1px solid #c9b16e33;border-radius:12px;gap:20px;padding:25px;transition:all .3s ease}.stat-card,.stat-icon{align-items:center;display:flex}.stat-icon{background:#c9b16e1a;border:1px solid #c9b16e4d;border-radius:50%;font-size:2.5em;height:60px;justify-content:center;width:60px}.stat-info h3{color:#c9b16e;font-size:2em;margin:0 0 5px}.stat-info h3,.stat-info p{font-family:Bodoni Moda,serif}.stat-info p{color:#a0a0a0;font-size:.9em;letter-spacing:1px;margin:0;text-transform:uppercase}.stats-sections{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:50px}.stats-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:1px solid #c9b16e33;border-radius:12px;padding:25px}.stats-section h2{border-bottom:1px solid #c9b16e4d;color:#c9b16e;font-family:Bodoni Moda,serif;font-size:1.8em;margin-bottom:20px;padding-bottom:10px;text-align:center}.tracks-List{display:flex;flex-direction:column;gap:12px}.track-stat-item{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;display:flex;gap:15px;padding:15px;transition:all .3s ease}.track-rank{color:#c9b16e;font-family:Bodoni Moda,serif;font-size:1.2em;font-weight:700;text-align:center;width:30px}.track-cover{border-radius:6px;flex-shrink:0;height:50px;width:50px}.track-info h4{font-size:1.1em;margin:0 0 5px}.track-info h4,.track-info p{font-family:Bodoni Moda,serif}.track-info p{font-size:.9em}.track-stats{align-items:flex-end;display:flex;flex-direction:column;gap:5px}.track-stats span{color:#a0a0a0;font-family:Bodoni Moda,serif;font-size:1.1em}.genres-list{display:flex;flex-direction:column;gap:12px}.genre-stat-item{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;display:flex;gap:15px;padding:15px;transition:all .3s ease}.genre-rank{color:#c9b16e;font-size:1.2em;font-weight:700;text-align:center;width:30px}.genre-name,.genre-rank{font-family:Bodoni Moda,serif}.genre-name{color:#d4d4d4;flex:1 1;font-size:1.1em;text-transform:capitalize}.genre-stats{align-items:flex-end;display:flex;flex-direction:column;gap:5px}.genre-stats span{color:#a0a0a0;font-family:Bodoni Moda,serif;font-size:1.1em}.daily-stats{display:flex;flex-direction:column;gap:12px}.daily-stat-item{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;display:flex;justify-content:space-between;padding:15px;transition:all .3s ease}.date{color:#d4d4d4;font-family:Bodoni Moda,serif;font-size:1em}.daily-info{display:flex;gap:15px}.daily-info span{background:#0000;color:#a0a0a0;font-family:Bodoni Moda,serif;font-size:1.1em;padding:5px 10px}@media (max-width:768px){.statistics-page{max-width:430px;padding:20px 16px!important;width:100%}.stats-header{margin-bottom:30px;padding:30px 20px}.stats-header h1{font-size:1.8em}.stats-overview{gap:12px;grid-template-columns:1fr;margin-bottom:30px}.stat-card{gap:15px;padding:18px}.stat-icon{font-size:2em;height:50px;width:50px}.stat-info h3{font-size:1.5em}.stat-info p{font-size:.8em}.stats-sections{gap:20px;grid-template-columns:1fr}.stats-section{padding:18px}.stats-section h2{font-size:1.5em;margin-bottom:15px}.genre-stat-item,.track-stat-item{gap:10px;padding:10px}.genre-rank,.track-rank{font-size:1em;width:25px}.track-cover{height:40px;width:40px}.track-info h4{font-size:1em}.track-info p{font-size:.8em}.genre-stats span,.track-stats span{font-size:.9em}.genre-name{font-size:1em}.daily-stat-item{padding:12px 10px}.date{font-size:.9em}.daily-info{gap:10px}.daily-info span{font-size:.9em;padding:3px 8px}.show-more-button{font-size:.9em;margin-top:15px;padding:8px 16px}.empty-stats{padding:40px 16px}.empty-stats-icon{font-size:3em}.empty-stats h3{font-size:1.3em}.empty-stats p{font-size:1em}.loading-stats{padding:40px 16px}}@media (max-width:480px){.statistics-page{padding:15px 12px!important}.stats-header h1{font-size:1.6em}.track-stats{align-items:center;display:flex;flex-direction:row;gap:12px;white-space:nowrap}.track-stats span{font-size:.85em}.track-stat-item{flex-wrap:wrap}.daily-info{align-items:flex-end;flex-direction:column;gap:5px}}.empty-stats{color:#a0a0a0;padding:60px 20px;text-align:center}.empty-stats-icon{font-size:4em;margin-bottom:20px;opacity:.5}.empty-stats h3{color:#c9b16e;font-family:Bodoni Moda,serif;font-size:1.5em;margin-bottom:10px}.empty-stats p{font-family:Bodoni Moda,serif;font-size:1.1em}.show-more-button{border-radius:15px;padding:10px 20px}.loading-stats{padding:60px 20px;text-align:center}.loading-spinner{border:4px solid #c9b16e33;margin:0 auto 20px}body.lang-ru .stats-header h1,body.lang-ru .stats-section h2{font-family:Cormorant Garamond}body.lang-ru .daily-info span,body.lang-ru .date,body.lang-ru .genre-stats span,body.lang-ru .track-stats span{font-family:Cormorant Garamond;font-size:1.2em}body.lang-ru .show-more-button{font-family:Cormorant Garamond;font-size:1em}.add-track-modal-overlay{align-items:center;animation:fadeIn .3s ease;background-color:#0009;bottom:0;display:flex;font-family:Bona Nova SC,serif!important;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.add-track-modal-content{-ms-overflow-style:none;animation:slideUp .3s ease;background:#1a1a1a;border:none;border-radius:12px;box-shadow:0 10px 40px #00000080;max-height:90vh;max-width:800px;overflow-y:auto;padding:30px;position:relative;scrollbar-width:none;width:90%}.add-track-modal-content::-webkit-scrollbar{display:none}.add-track-modal-header{border-bottom:1px solid #333;margin-bottom:30px;padding-bottom:20px;text-align:center}.add-track-modal-header h2{color:#c9b16e;font-size:28px;font-weight:600;letter-spacing:.5px;margin-bottom:8px}.add-track-modal-header p{color:#aaa;font-size:15px}.add-track-modal-message{animation:slideDown .3s ease;background:#0000;border:1px solid;border-radius:8px;font-size:"Cormorant Garamond";font-weight:500;margin-bottom:25px;padding:15px;text-align:center}.add-track-modal-message.success{border-color:#48bb784d;color:#48bb78}.add-track-modal-message.error{border-color:#f565654d;color:#f56565}.add-track-form{display:flex;flex-direction:column;gap:25px}.form-top-row{align-items:flex-start;display:flex;gap:25px}.cover-drop-area{aspect-ratio:1/1;border:1px dashed #444;border-radius:8px;flex-shrink:0;height:180px;overflow:hidden;position:relative;transition:all .3s ease;width:180px}.cover-drop-area:hover{border-color:#c9b16e}.cover-drop-content{padding:15px;position:relative;text-align:center}.cover-drop-content,.cover-placeholder{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.cover-placeholder{gap:10px}.cover-placeholder p{color:#888;font-size:14px;margin:0}.cover-hint{color:#666!important;font-size:12px!important}.cover-preview{border-radius:4px;height:100%;overflow:hidden;position:relative;width:100%}.cover-image{height:100%;left:0;object-fit:contain;object-position:center;position:absolute;top:0;width:100%}.cover-file-input{display:none}.cover-change-btn,.cover-select-btn{background:none;border:none;cursor:pointer;flex:1 1;font-family:Bodoni Moda,serif;font-size:16px;font-weight:600;margin-top:10px;transition:all .2s ease}.cover-change-btn:hover{color:#f44}.cover-select-btn:hover{color:#c9b16e}.title-artist-fields{display:flex;flex:1 1;flex-direction:column}.title-artist-fields .form-group{width:100%}.title-artist-fields label{color:#c9b16e;display:block;font-size:14px;font-weight:500;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.artist-input,.title-input{background:#222;border:none;border-radius:6px;color:#fff;font-family:Cormorant Garamond,serif;font-size:20px;padding:12px 15px;transition:all .3s ease;width:100%}.artist-input:focus,.title-input:focus{border-color:#c9b16e;box-shadow:0 0 0 1px #c9b16e33;outline:none}.artist-input::placeholder,.title-input::placeholder{color:#666}.audio-drop-area{border:1px dashed #444;border-radius:8px;padding:25px;transition:all .3s ease}.audio-drop-area:hover{border-color:#c9b16e}.audio-drop-content{gap:15px}.audio-drop-content,.audio-placeholder{align-items:center;display:flex;flex-direction:column}.audio-placeholder{gap:10px}.audio-placeholder p{color:#888;font-size:16px;margin:0}.audio-hint{color:#666!important;font-size:14px!important}.audio-info{align-items:center;background:none;border-radius:6px;display:flex;gap:15px;padding:15px;width:100%}.audio-details{flex:1 1}.audio-filename{color:#c9b16e;font-size:16px;margin-bottom:5px}.audio-duration{color:#888;font-size:14px}.audio-file-input{display:none}.audio-change-btn,.audio-select-btn{background:none;border:none;border-radius:16px;cursor:pointer;flex:1 1;font-family:Bodoni Moda,serif;font-size:16px;font-weight:600;padding:14px;transition:all .2s ease}.audio-change-btn{position:absolute;right:80px}.audio-change-btn:hover,.audio-select-btn:hover{color:#f44}.form-bottom-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.form-bottom-row .form-group{display:flex;flex-direction:column}.form-bottom-row label{color:#c9b16e;display:block;font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.form-bottom-row input,.form-bottom-row select{background:#222;border:none;border-radius:6px;color:#fff;font-family:Bona Nova SC,serif;font-size:14px;height:40px;padding:10px 12px;transition:all .3s ease;width:100%}.form-bottom-row input:focus,.form-bottom-row select:focus{border-color:#c9b16e;outline:none}.form-bottom-row select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23c9b16e'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:35px}.form-bottom-row input::placeholder{color:#666}.form-actions{border-top:1px solid #333;display:flex;gap:15px;margin-top:10px;padding-top:20px}.btn-cancel,.btn-submit{border:none;border-radius:16px;cursor:pointer;flex:1 1;font-family:Cormorant Garamond,serif;font-size:20px;font-weight:600;padding:14px;transition:all .3s ease}.btn-cancel{background:#0000;border:none}.btn-cancel:hover:not(:disabled){color:#f44}.btn-submit{background:#0000;border:none;color:#c9b16e}.btn-submit:hover:not(:disabled){border-color:#c9b16e;box-shadow:0 0 3px #c9b16e}.btn-cancel:disabled,.btn-submit:disabled{cursor:not-allowed;opacity:.5}.btn-submit:disabled:hover{transform:none}.spinner{animation:spin 1s ease-in-out infinite;border:2px solid #c9b16e4d;border-radius:50%;border-top-color:#c9b16e;display:inline-block;height:16px;margin-right:10px;width:16px}.tracks-list-container{border:1px solid #c9b16e;border-radius:8px;margin-top:20px;overflow:hidden}.tracks-list-header{color:#c9b16e;font-weight:600}.track-item,.tracks-list-header{border-bottom:1px solid #c9b16e;display:flex;padding:12px 16px}.track-item{align-items:center;justify-content:space-between;transition:background-color .2s}.track-item:last-child{border-bottom:none}.track-item-fields{display:flex;flex:1 1;font-family:Bona Nova SC;gap:10px}.track-feature-input,.track-title-input{background:#222;border:none;border-radius:6px;color:#fff;font-family:Cormorant Garamond,serif;font-size:20px;padding:6px 14px;transition:all .3s ease;width:100%}.track-feature-input{position:relative;right:-20px}.track-header-feature{position:relative;right:40px}.track-feature-input:focus,.track-title-input:focus{border-color:#c9b16e;outline:none}.track-item-info{align-items:center;display:flex;gap:15px;margin-left:15px}.track-duration{color:#666;font-size:14px;min-width:60px;text-align:right}.track-remove-btn{align-items:center;background:none;border:none;border-radius:50%;color:#f44;cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;transition:background-color .2s;width:24px}.multiple-audio-info{align-items:center;display:flex;justify-content:space-between;width:100%}.audio-info-header{align-items:center;display:flex;gap:12px}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.cover-change-btn,body.lang-ru .cover-select-btn{font-family:Cormorant Garamond;font-size:1em}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;appearance:textfield}@media (max-width:768px){.add-track-modal-overlay{align-items:center}.add-track-modal-content{border-radius:20px;max-height:calc(100vh - 140px);max-width:100%;padding:20px 16px;width:100%}.cover-placeholder svg{display:none}.add-track-modal-header{margin-bottom:20px;padding-bottom:15px}.add-track-modal-header h2{font-size:1.5em}.add-track-modal-header p{font-size:.85em}.form-top-row{align-items:flex-start;flex-direction:row;gap:15px}.cover-drop-area{flex-shrink:0;height:100px;margin-top:20px;width:100px}.cover-drop-content{padding:10px}.cover-placeholder svg{height:30px;width:30px}.cover-placeholder p{font-size:11px}.cover-change-btn,.cover-select-btn{font-size:13px;margin-top:5px}.title-artist-fields{flex:1 1;min-width:0}.title-artist-fields .form-group{margin-bottom:8px}.title-artist-fields label{font-size:11px;margin-bottom:4px}.artist-input,.title-input{font-size:14px;padding:8px 10px}.audio-drop-area{padding:15px}.audio-placeholder svg{height:30px;width:30px}.audio-placeholder p{font-size:13px}.audio-hint{font-size:11px!important}.audio-info{padding:10px}.audio-filename{font-size:13px}.audio-duration{font-size:12px}.audio-change-btn,.audio-select-btn{font-size:14px;padding:10px}.audio-change-btn{position:static}.multiple-audio-info{flex-direction:column;gap:8px}.tracks-list-container{margin-top:10px}.tracks-list-header{font-size:.8em;padding:8px 10px}.track-header-title{width:60%!important}.track-header-feature{right:0;width:40%!important}.track-item{padding:8px 10px}.track-item-fields{gap:5px}.track-feature-input,.track-title-input{font-size:13px;padding:6px 8px}.track-feature-input{right:0}.track-duration{font-size:11px;min-width:45px}.track-remove-btn{font-size:18px;height:20px;width:20px}.form-bottom-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)!important}.form-bottom-row .form-group{margin-bottom:0}.form-bottom-row label{font-size:11px;margin-bottom:4px}.form-bottom-row input,.form-bottom-row select{font-size:13px;height:36px;padding:6px 10px}.form-actions{display:flex;flex-direction:row;gap:12px;margin-top:15px;padding-top:15px}.btn-cancel,.btn-submit{border-radius:12px;font-size:16px;padding:12px;width:100%}.btn-submit{order:0}.add-track-modal-message{font-size:.9em;padding:12px}input[type=number]{-webkit-appearance:textfield;appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}}@media (max-width:400px){.add-track-modal-content{padding:15px 12px}.cover-drop-area{height:85px;width:85px}.artist-input,.title-input{font-size:13px;padding:6px 8px}.form-bottom-row{gap:8px}.btn-cancel,.btn-submit{font-size:15px;padding:10px}}.artist-profile-container{background:#0000;color:#d4d4d4;margin:1px auto;max-width:1200px;min-height:calc(100vh - 120px);padding:40px 30px;width:1200px}.artist-profile-container h2{border-bottom:1px solid #c9b16e4d;color:#c9b16e;font-family:Bona Nova SC,serif;font-size:2.5em;margin-bottom:40px;padding-bottom:15px;text-align:center;text-shadow:0 0 10px #c9b16e4d}.no-artist-profile{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 10px 40px #00000080;padding:50px 40px;text-align:center}.no-artist-profile p{color:#a0a0a0;font-family:Bona Nova SC,serif;font-size:1.2em;margin:50px 0}.stats-numbers-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:30px}.stats-number-card{background:#0003;border-radius:12px;padding:20px;text-align:center}.stats-number-label{color:#a0a0a0;display:block;font-family:Bodoni Moda,serif;font-size:.9em;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.stats-number-value{color:#c9b16e;font-family:Bodoni Moda,serif;font-size:2em;font-weight:700}.growth{color:#338d39;font-size:.7em;margin-left:5px}.stats-charts-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.stats-chart-card{background:#0000;padding:10px}.stat-chart,.track-chart{align-items:flex-end;display:flex;gap:2px;height:140px;justify-content:space-between;width:100%}.track-chart{height:60px;max-width:250px}.chart-bar-container,.track-chart-bar-container{align-items:center;display:flex;flex:1 1;flex-direction:column}.chart-bar,.track-chart-bar{background-color:#c9b16e;border-radius:3px;min-height:4px;transition:height .2s;width:4px}.track-chart-bar{border-radius:2px;min-height:3px}.chart-value,.track-chart-value{color:#c9b16e;font-family:Cormorant Garamond;font-size:1em;margin-bottom:4px}.track-chart-value{font-size:.9em;margin-bottom:2px}.chart-month,.track-chart-month{color:#a0a0a0;font-family:Cormorant Garamond;font-size:1em;margin-top:4px;text-transform:uppercase}.track-chart-month{color:#888;font-size:.6em;margin-top:2px}.chart-bar-wrapper,.track-chart-bar-wrapper{align-items:flex-end;display:flex;height:100px;justify-content:center;width:100%}.track-chart-bar-wrapper{height:40px}.profileContent{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border-radius:15px;box-shadow:0 10px 30px #00000080;padding:40px 40px 100px;width:1145px}.artist-profile-head{align-items:flex-start;border-bottom:1px solid #c9b16e33;display:flex;gap:40px;margin-bottom:30px;padding-bottom:20px}.artist-profile-avatar-section{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:15px;width:140px}.artist-profile-avatar-container{border-radius:50%;box-shadow:0 5px 15px #0000004d;height:140px;overflow:hidden;width:140px}.artist-profile-avatar-img{background-position:50%;background-size:cover;height:100%;width:100%}.artist-profile-avatar-upload-btn{align-items:center;background-color:#c9b16e;border:1px solid #ffffff4d;border-radius:50%;bottom:5px;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:5px;transition:transform .2s;width:32px;z-index:2}.artist-profile-avatar-upload-btn:hover{background-color:#d4b87a;transform:scale(1.05)}.artist-profile-upload-icon{filter:invert(1);height:16px;width:16px}.artist-profile-right{display:flex;flex:1 1;flex-direction:column;gap:15px}.artist-profile-name{color:#c9b16e;font-family:Bona Nova SC,serif;font-size:1.8em;margin:0}.artist-profile-bio-section{border-radius:10px;display:flex;flex-direction:column;min-height:auto;padding:0;position:relative;top:-40px}.artist-profile-bio-header{display:flex;justify-content:flex-end;margin-bottom:15px;padding-bottom:10px}.artist-profile-edit-bio-btn{background:none;border:none;cursor:pointer;height:32px;padding:8px;width:32px}.artist-profile-edit-bio-btn:hover{transform:scale(1.05)}.artist-profile-edit-icon{filter:invert(76%) sepia(11%) saturate(1086%) hue-rotate(5deg) brightness(92%) contrast(85%);height:16px;width:16px}.artist-profile-bio-text{color:#d4d4d4;font-size:.95em;line-height:1.5;max-height:80px;overflow:auto}.artist-profile-bio-text,.artist-profile-no-bio{flex:1 1;font-family:Bona Nova SC,serif;margin:0}.artist-profile-no-bio{align-items:center;color:#888;display:flex;font-style:italic;justify-content:center}.artist-profile-tabs{display:flex;gap:10px;margin-bottom:30px;padding-bottom:5px}.artist-profile-tab-btn{background:#0000;border:1px solid #0000;border-radius:12px;color:#a0a0a0;cursor:pointer;font-family:Bona Nova SC,serif;font-size:1em;padding:12px 30px;transition:all .3s}.artist-profile-tab-btn.artist-profile-active{border:1px solid #c9b16e4d;color:#c9b16e}.artist-profile-tab-btn:hover:not(.artist-profile-active){color:#d4d4d4}.artist-profile-tracks-list{display:flex;flex-direction:column;gap:15px}.artist-profile-track-item{align-items:center;border-radius:10px;cursor:pointer;display:flex;gap:15px;padding:10px}.artist-profile-track-cover{background-position:50%;background-size:cover;border-radius:8px;flex-shrink:0;height:70px;width:70px}.artist-profile-track-info{flex:1 1;min-width:150px}.artist-profile-track-title{color:#d4d4d4;font-family:Cormorant Garamond,serif;font-size:1.2em;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-chart-container{display:flex;flex:2 1;justify-content:flex-end;min-width:200px}.track-total-plays{color:#c9b16e;font-family:Bodoni Moda,serif;font-size:.9em;min-width:100px;padding-left:10px;text-align:right;white-space:nowrap}.artist-profile-loading-tracks,.artist-profile-no-tracks{background:#0000001a;border:1px dashed #c9b16e33;border-radius:10px;color:#a0a0a0;font-family:Bona Nova SC,serif;font-size:1.1em;padding:60px 20px;text-align:center}.create-profile-layout,.edit-profile-layout{align-items:flex-start;display:flex;gap:30px;margin-top:20px}.create-profile-layout .artist-profile-avatar-container,.edit-profile-layout .artist-profile-avatar-container{height:150px;width:150px}.create-profile-layout .artist-profile-avatar-upload-btn,.edit-profile-layout .edit-profile-avatar-upload-btn{align-items:center;background:#000000b3;border-radius:0;bottom:0;cursor:pointer;display:flex;height:auto;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s;width:auto}.create-profile-layout .artist-profile-avatar-container:hover .artist-profile-avatar-upload-btn,.edit-profile-layout .artist-profile-avatar-container:hover .edit-profile-avatar-upload-btn{opacity:1}.create-profile-layout .artist-profile-upload-icon,.edit-profile-layout .edit-profile-upload-icon{filter:brightness(0) invert(.7);height:30px;width:30px}.create-profile-fields,.edit-profile-fields{flex:1 1}.create-profile-fields .artist-profile-form-group,.edit-profile-fields .artist-profile-form-group{margin-bottom:20px}.create-profile-fields label,.edit-profile-fields label{color:#a0a0a0;display:block;font-family:Cormorant Garamond,serif;font-size:1.1em;margin-bottom:8px}.create-profile-fields input,.create-profile-fields textarea,.edit-profile-fields input,.edit-profile-fields textarea{background:#0000004d;border:1px solid #c9b16e4d;border-radius:4px;color:#d4d4d4;font-family:Cormorant Garamond,serif;font-size:1em;padding:10px;width:100%}.create-profile-fields input:focus,.create-profile-fields textarea:focus,.edit-profile-fields input:focus,.edit-profile-fields textarea:focus{border-color:#c9b16e;outline:none}.create-profile-fields .artist-profile-form-actions,.edit-profile-fields .artist-profile-form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:20px}.create-profile-fields .artist-profile-btn-cancel,.create-profile-fields .artist-profile-btn-save,.edit-profile-fields .artist-profile-btn-cancel,.edit-profile-fields .artist-profile-btn-save{background:#0000;border:1px solid #c9b16e4d;border-radius:8px;color:#c9b16e;cursor:pointer;font-family:Cormorant Garamond,serif;font-size:1.2em;padding:10px 25px;transition:all .3s}.create-profile-fields .artist-profile-btn-save,.edit-profile-fields .artist-profile-btn-save{border-color:#c9b16e}.create-profile-fields .artist-profile-btn-save:hover:not(:disabled),.edit-profile-fields .artist-profile-btn-save:hover:not(:disabled){box-shadow:0 0 10px #c9b16e4d}.create-profile-fields .artist-profile-btn-cancel:hover,.edit-profile-fields .artist-profile-btn-cancel:hover{border-color:#a0a0a0;color:#d4d4d4}.create-profile-fields .artist-profile-btn-save:disabled,.edit-profile-fields .artist-profile-btn-save:disabled{cursor:not-allowed;opacity:.5}.create-artist-profile-btn{background:#0000;border:1px solid #a0a0a033;border-radius:8px;color:#c9b16e;cursor:pointer;font-family:Bona Nova SC,serif;font-size:1em;padding:12px 28px;transition:all .3s}.create-artist-profile-btn:hover:not(:disabled){border-color:#c9b16eb3;box-shadow:0 3px 5px #c9b16e66}.artist-profile-avatar-container{position:relative}.edit-profile-avatar-upload-btn{align-items:center;background:#000000b3;border-radius:50%;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.artist-profile-avatar-container:hover .edit-profile-avatar-upload-btn{opacity:1}.edit-profile-upload-icon{filter:brightness(0) invert(.7);height:30px;width:30px}.mobile-stats-layout{display:none}.desktop-stats-layout{display:block}@media (max-width:768px){.artist-profile-container{margin-bottom:-30px;max-width:430px;padding:20px 12px 80px!important;transform:translateY(-30px);width:100%}.artist-profile-container h2{font-size:1.8em;margin-bottom:20px}.profileContent{padding:20px 16px;width:100%}.artist-profile-head{align-items:flex-start;display:flex;flex-direction:row;gap:15px;margin-bottom:20px;padding-bottom:15px;position:relative}.artist-profile-avatar-section{flex-shrink:0;width:80px}.artist-profile-avatar-container{height:80px;width:80px}.artist-profile-right{flex:1 1;min-width:0}.artist-profile-name{font-size:1.4em;margin-bottom:5px;padding-right:40px}.artist-profile-edit-bio-btn{bottom:45px;padding:6px;position:absolute;right:0}.artist-profile-bio-section{top:0}.artist-profile-bio-text{font-size:.85em;max-height:60px}.artist-profile-bio-header{margin-bottom:5px;padding-bottom:5px}.artist-profile-tabs{margin-bottom:20px}.artist-profile-tab-btn{flex:1 1;font-size:.9em;padding:10px 15px}.stats-charts-row,.stats-numbers-row{display:flex;flex-direction:column;gap:0}.stat-chart{height:100px}.chart-bar-wrapper{height:70px}.chart-value{font-size:.8em}.stats-number-value{font-size:1.6em}.chart-bar-container{max-width:25px}.chart-bar{width:3px}.chart-month{font-size:.7em}.artist-profile-track-item{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000;border:1px solid #c9b16e33;border-radius:10px;display:flex;flex-direction:column;gap:8px;margin-bottom:15px;padding:12px}.artist-profile-track-header{align-items:center;display:flex;gap:10px}.artist-profile-track-cover{border-radius:6px;flex-shrink:0;height:50px;width:50px}.artist-profile-track-info{flex:1 1;min-width:0}.artist-profile-track-title{font-size:.95em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-total-plays{color:#c9b16e;flex-shrink:0;font-size:.8em;white-space:nowrap}.track-chart-container{padding-left:5px;width:100%}.track-chart{height:45px;max-width:100%}.track-chart-bar-container{max-width:20px}.track-chart-bar{width:3px}.track-chart-value{font-size:.7em}.track-chart-month{font-size:.55em}.track-chart-bar-wrapper{height:30px}.create-profile-layout,.edit-profile-layout{flex-direction:column;gap:20px}.create-profile-layout .artist-profile-avatar-section,.edit-profile-layout .artist-profile-avatar-section{align-items:center;width:100%}.create-profile-layout .artist-profile-avatar-container,.edit-profile-layout .artist-profile-avatar-container{height:120px;margin:0 auto;width:120px}.create-profile-fields,.edit-profile-fields{width:100%}.create-profile-fields .artist-profile-form-actions,.edit-profile-fields .artist-profile-form-actions{flex-direction:column;gap:10px}.create-profile-fields .artist-profile-btn-cancel,.create-profile-fields .artist-profile-btn-save,.edit-profile-fields .artist-profile-btn-cancel,.edit-profile-fields .artist-profile-btn-save{width:100%}.no-artist-profile{padding:30px 20px}.no-artist-profile p{font-size:1em;margin:30px 0}.create-artist-profile-btn{padding:12px;width:100%}}.artist-profile-track-header{align-items:center;display:flex;gap:10px}.track-total-plays{margin-left:auto}@media (max-width:400px){.artist-profile-container{padding:15px 10px 70px!important}.artist-profile-name{font-size:1.2em}.artist-profile-bio-text{font-size:.8em}.artist-profile-track-cover{height:45px;width:45px}.stats-number-value{font-size:1.4em}.artist-profile-track-title{font-size:.85em}.track-total-plays{font-size:.75em}}.mobile-track-layout{display:none}.desktop-track-layout{align-items:center;display:flex;gap:15px;width:100%}@media (max-width:768px){.mobile-track-layout{display:block;width:100%}.desktop-track-layout{display:none}.artist-profile-track-header{align-items:center;display:flex;gap:10px;margin-bottom:20px}.artist-profile-track-header .artist-profile-track-cover{flex-shrink:0;height:50px;width:50px}.artist-profile-track-header .artist-profile-track-info{flex:1 1;min-width:0}.artist-profile-track-header .track-total-plays{color:#c9b16e;flex-shrink:0;font-size:.8em;white-space:nowrap}.track-chart-container{padding-left:5px;width:100%}.mobile-stats-layout{display:block}.desktop-stats-layout{display:none}.mobile-stats-layout .stats-number-card{border-radius:10px 10px 0 0;margin-bottom:0;padding:15px 15px 5px}.mobile-stats-layout .stats-chart-card{background:#0000001a;border-radius:0 0 10px 10px;margin-bottom:15px;padding:10px 15px 15px}.artist-profile-no-bio{position:relative;top:-15px}}.producer-page{color:#d4d4d4;margin:0 auto;min-height:80vh;padding:40px 20px;width:1200px}.producer-not-found{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:1px solid #c9b16e33;border-radius:12px;padding:80px 20px;text-align:center}.producer-not-found h2{color:#c9b16e;font-family:Bona Nova SC,serif;font-size:2.5em;margin-bottom:20px}.producer-not-found p{color:#a0a0a0;font-family:Bodoni Moda,serif;font-size:1.2em}.producer-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:none;border-radius:15px;box-shadow:0 10px 30px #00000080;display:flex;gap:40px;margin-bottom:50px;padding:40px}.producer-image{align-self:center;border:1px solid #c9b16e4d;border-radius:50%;box-shadow:0 10px 30px #0000004d;flex-shrink:0;height:250px;overflow:hidden;width:250px}.producer-image img{height:100%;object-fit:cover;width:100%}.producer-info{display:flex;flex:1 1;flex-direction:column;justify-content:center}.producer-info h1{color:#c9b16e;font-family:Bona Nova SC,serif;font-size:3.5em;margin-bottom:20px;text-shadow:0 0 10px #c9b16e4d}.producer-bio{color:#a0a0a0;font-family:Bona Nova SC,serif;font-size:1.1em;line-height:1.6;margin-bottom:30px;margin-left:10px}.producer-stats{display:flex;gap:40px;justify-content:center;margin-top:20px}.stat{border-radius:8px;padding:15px 25px;text-align:center}.stat-number{color:#c9b16e;display:block;font-family:Bodoni Moda,serif;font-size:1.5em;font-weight:700;margin-bottom:5px}.stat-label{color:#a0a0a0;font-family:Bona Nova SC,serif;font-size:.9em;letter-spacing:1px;text-transform:uppercase}.producer-content{display:flex;flex-direction:column;gap:50px}.top-tracks-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:1px solid #c9b16e33;border-radius:12px;padding:30px}.top-tracks-section h2{border-bottom:1px solid #c9b16e4d;color:#c9b16e;font-family:Cormorant Garamond,serif;font-size:2.4em;margin-bottom:25px;padding-bottom:10px}.producer-tracks-list{flex-direction:column;gap:8px}.producer-track-item,.producer-tracks-list{display:flex;font-family:Bona Nova SC,serif}.producer-track-item{align-items:center;background:#0000;border-radius:8px;cursor:pointer;padding:12px 20px;transition:all .3s ease}.producer-track-item:hover{background:#c9b16e1a}.producer-track-item.active{border-color:#c9b16e80;border-radius:8px}.producer-track-number{color:#c9b16e;font-family:Bodoni Moda,serif;font-size:1.1em;margin-right:15px;text-align:center;width:30px}.producer-track-cover{border:1px solid #c9b16e4d;border-radius:4px;height:40px;margin-right:15px;overflow:hidden;width:40px}.producer-track-cover img{height:100%;object-fit:cover;width:100%}.producer-track-info{flex:1 1}.producer-track-title{color:#d4d4d4;font-family:Cormorant Garamond,serif;font-size:1.1em;margin-bottom:4px}.producer-track-artist{color:#a0a0a0;font-family:Bona Nova SC,serif;font-size:1asem;margin:0}.producer-track-duration{color:#a0a0a0;font-size:.9em;margin-right:20px;width:45px}.producer-track-duration,.producer-track-plays{font-family:Bodoni Moda,serif;text-align:center}.producer-track-plays{color:#c9b16e;font-size:.85em;margin-right:15px;width:70px}.similar-producers-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:1px solid #c9b16e33;border-radius:12px;padding:30px}.similar-producers-section h2{border-bottom:1px solid #c9b16e4d;color:#c9b16e;font-family:Bodoni Moda,serif;font-size:2em;margin-bottom:25px;padding-bottom:10px}.similar-producers{display:flex;gap:20px;overflow-x:auto;padding-bottom:10px}.similar-producer-card{cursor:pointer;flex:0 0 auto;text-align:center;width:120px}.similar-producer-card h4{color:#d4d4d4;font-family:Cormorant Garamond,serif;font-size:1.3em;margin:0}.similar-producers::-webkit-scrollbar{height:6px}.similar-producers::-webkit-scrollbar-track{background:#c9b16e1a;border-radius:3px}.similar-producers::-webkit-scrollbar-thumb{background:#c9b16e4d;border-radius:3px}.all-tracks-section h2{border-bottom:1px solid #c9b16e4d;color:#c9b16e;font-family:Cormorant Garamond,serif;font-size:2.4em;margin-bottom:25px;padding-bottom:10px}.show-more-button{background:#0000;border:1px solid #c9b16e4d;border-radius:12px;color:#c9b16e;cursor:pointer;display:block;font-family:Bona Nova SC,serif;font-size:.9em;margin-left:auto;margin-right:auto;margin-top:20px;padding:6px 12px;transition:all .3s ease}.show-more-button:hover{border-color:#c9b16e80;box-shadow:0 0 10px #c9b16e33;text-shadow:0 0 10px #c9b16e33}.edit-name-input{color:#c9b16e;font-size:3em;padding:2px 10px;text-shadow:0 0 10px #c9b16e4d}.edit-bio-textarea,.edit-name-input{background:#0000;border:1px solid #c9b16e4d;border-radius:5px;font-family:Bona Nova SC,serif;margin-bottom:20px;width:100%}.edit-bio-textarea{color:#a0a0a0;font-size:1.1em;line-height:1.6;max-height:200px;min-height:100px;padding:10px;resize:vertical}.producer-info button img{filter:invert(78%) sepia(27%) saturate(559%) hue-rotate(2deg) brightness(94%) contrast(87%);transition:filter .3s ease}.producer-info button:hover img{filter:invert(78%) sepia(27%) saturate(559%) hue-rotate(2deg) brightness(104%) contrast(97%)}.cancel-button,.save-button{border:none;border-radius:6px;cursor:pointer;font-family:Bodoni Moda,serif;font-size:14px;font-weight:600;padding:4px 12px;transition:all .2s}.save-button{background:none;color:#d4d4d4;margin-right:10px}.save-button:hover:not(:disabled){background:#c9b16e80}.save-button:disabled{cursor:not-allowed;opacity:.5}.cancel-button{background:none;color:#d4d4d4}.cancel-button:hover{background:#a0a0a01a}@media (max-width:768px){.producer-page{margin-bottom:-30px;max-width:430px;padding:15px 12px 80px!important;transform:translateY(-30px);width:100%}.producer-header{align-items:flex-start;flex-direction:row;gap:12px;margin-bottom:0;padding:16px 12px}.producer-image{flex-shrink:0;height:80px;margin:0;width:80px}.producer-info{flex:1 1;min-width:0}.producer-info h1{font-size:1.3em;margin-bottom:3px;text-align:left}.producer-bio{font-size:.8em;line-height:1.3;margin-bottom:0;margin-left:0;text-align:left}.producer-info button{display:none!important}.producer-stats-and-subscription{gap:8px;justify-content:space-between;margin-top:8px;padding:6px 0;width:100%}.producer-stats,.producer-stats-and-subscription{align-items:center;display:flex;flex-direction:row!important}.producer-stats{flex-shrink:0;gap:12px;margin-top:0;width:auto}.producer-stats .stat{align-items:center;display:flex;flex-direction:column;gap:2px;padding:0}.producer-stats .stat-number{font-size:1em;line-height:1.2}.producer-stats .stat-label{font-size:.65em;line-height:1.2;white-space:nowrap}.producer-content{gap:10px}.top-tracks-section{margin:0;padding:12px 10px}.top-tracks-section h2{font-size:1.3em;margin-bottom:10px}.all-tracks-section{margin:0;padding:12px 10px}.all-tracks-section h2{font-size:1.3em;margin-bottom:10px}.similar-producers-section{margin:0;padding:12px 10px}.similar-producers-section h2{font-size:1.3em;margin-bottom:10px}.producer-tracks-list{gap:3px}.producer-track-item{padding:6px}.producer-track-number{font-size:.8em;margin-right:5px;width:18px}.producer-track-cover{height:28px;margin-right:6px;width:28px}.producer-track-title{font-size:.85em}.producer-track-artist{font-size:.7em}.producer-track-duration{font-size:.7em;margin-right:4px;width:32px}.producer-track-plays{font-size:.7em;margin-right:2px;width:45px}.similar-producers{gap:6px}.similar-producer-card{width:75px}.similar-producer-card h4{font-size:.8em}.show-more-button{font-size:.75em;margin-top:8px;padding:5px 12px}.producer-not-found{padding:30px 16px}.producer-not-found h2{font-size:1.4em}.producer-not-found p{font-size:.85em}.edit-name-input{font-size:1.3em;padding:2px 6px}.edit-bio-textarea{font-size:.8em;min-height:60px;padding:6px}.cancel-button,.save-button{font-size:.8em;padding:4px 8px}}@media (max-width:400px){.producer-stats{gap:8px}.producer-stats .stat-number{font-size:.9em}.producer-stats .stat-label{font-size:.6em}.producer-track-plays{display:none}.similar-producer-card{width:65px}}.expanded-player{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:none;border-bottom:2px solid #c9b16e33;border-radius:0 0 15px 15px;box-shadow:0 10px 30px #00000080;height:400px;left:50%;max-height:70vh;max-width:500px;opacity:0;overflow-y:auto;padding:20px 40px 15px;position:fixed;top:0;transform:translateX(-50%) translateY(-100%);transition:transform .8s cubic-bezier(.4,0,.2,1),opacity .8s cubic-bezier(.4,0,.2,1);width:500px;will-change:transform,opacity;z-index:999}.expanded-player.visible{opacity:1;transform:translateX(-50%) translateY(0)}.expanded-player:not(.visible){opacity:0;transform:translateX(-50%) translateY(-100%)}.expanded-player-actions button,.expanded-player-controls button,.expanded-player-cover-image{transition:transform .3s ease,opacity .3s ease}.expanded-player.visible .expanded-player-cover-image{animation:fadeInUp .3s ease .1s both}.expanded-player.visible .expanded-player-info{animation:fadeInUp .3s ease .15s both}.expanded-player.visible .expanded-player-controls{animation:fadeInUp .3s ease .2s both}.expanded-player.visible .expanded-player-progress{animation:fadeInUp .3s ease .25s both}.expanded-player.visible .expanded-player-volume{animation:fadeInUp .3s ease .3s both}.expanded-player.visible .player-equalizer{animation:fadeInLeft .5s ease .1s both}.expanded-player.visible .expanded-player-actions{animation:fadeInRight .3s ease .2s both}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes icon-glow-yellow{0%{filter:brightness(0) saturate(100%) invert(78%) sepia(31%) saturate(481%) hue-rotate(3deg) brightness(94%) contrast(88%) drop-shadow(0 0 2px rgba(201,177,110,.6))}50%{filter:brightness(0) saturate(100%) invert(78%) sepia(31%) saturate(481%) hue-rotate(3deg) brightness(94%) contrast(88%) drop-shadow(0 0 4px rgba(201,177,110,.7))}to{filter:brightness(0) saturate(100%) invert(78%) sepia(31%) saturate(481%) hue-rotate(3deg) brightness(94%) contrast(88%) drop-shadow(0 0 2px rgba(201,177,110,.6))}}@keyframes icon-glow-red{0%{filter:brightness(0) saturate(100%) invert(10%) sepia(90%) saturate(6000%) hue-rotate(340deg) brightness(50%) contrast(120%) drop-shadow(0 0 2px rgba(220,53,69,.4))}50%{filter:brightness(0) saturate(100%) invert(10%) sepia(90%) saturate(7000%) hue-rotate(340deg) brightness(60%) contrast(130%) drop-shadow(0 0 4px rgba(220,53,69,.7))}to{filter:brightness(0) saturate(100%) invert(10%) sepia(90%) saturate(6000%) hue-rotate(340deg) brightness(50%) contrast(120%) drop-shadow(0 0 2px rgba(220,53,69,.4))}}.expanded-player-main{display:flex;flex-direction:column;gap:15px;margin:0 auto;max-width:1200px}.like-btn{background:none;border:none;cursor:pointer;padding:16px;transition:all .2s}.action-btn:hover,.like-btn:hover{transform:scale(1.1)}.action-btn,.like-btn{background:none;border:none;cursor:pointer;padding:16px;transition:all .2s}.like-btn img{filter:brightness(0) invert(1);height:24px;transition:filter .4s;width:24px}.action-btn.active:hover img,.like-btn.liked:hover img{filter:brightness(0) saturate(100%) invert(10%) sepia(90%) saturate(6000%) hue-rotate(340deg) brightness(50%) contrast(120%);transition:filter .5s cubic-bezier(.4,0,.2,1)}.expanded-player-content{background:#1a1a1af2;border-radius:15px;padding:20px}.expanded-player-cover{text-align:center}.expanded-player-cover-image{background-position:50%;background-size:cover;border-radius:10px;box-shadow:0 10px 30px #0006;height:140px;margin:0 auto;transition:transform .3s ease;width:140px}.cover-spectrum-container{height:180px;margin:0 auto 20px;position:relative;width:180px}.cover-spectrum-container:hover>div:last-child{opacity:0!important}.expanded-player-cover-image:hover{transform:scale(1.05)}.expanded-player-cover-image.playing{animation:rotateCover 20s linear infinite}.expanded-player-info{color:#a0a0a0;text-align:center}.expanded-player-title{color:#a0a0a0;font-size:14px;font-weight:700;line-height:1.2;margin-bottom:2px}.expanded-player-artist{color:#c9b16e;font-size:18px;font-weight:500;margin-bottom:4px}.expanded-player-album{color:#888;font-size:14px;margin-bottom:0}.expanded-player-progress{margin-left:auto;margin-right:auto;margin-top:75px;max-width:600px;position:relative;width:100%}.progress-container{background:#ffffff1a;border-radius:3px;cursor:pointer;height:3px;margin-bottom:10px;position:relative}.progress-background{background:#ffffff1a;bottom:0;right:0}.progress-background,.progress-filled{border-radius:3px;left:0;position:absolute;top:0}.progress-filled{background:#c9b16e;height:100%;transition:width .1s linear}.progress-slider{cursor:pointer;height:20px;left:0;opacity:0;position:absolute;top:-8px;width:100%;z-index:2}.progress-time{color:#888;display:flex;font-family:Bodoni Moda;font-size:14px;justify-content:space-between;margin-top:4px}.current-time,.duration{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.expanded-player-controls{margin-top:-30px;position:relative;width:100%}.expanded-player-extra-controls{align-items:center;display:flex;gap:15px;position:absolute;right:0;top:-86px;z-index:1}.extra-control-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;opacity:.6;padding:8px;transition:all .2s}.extra-control-btn:hover{opacity:.9;transform:scale(1.1)}.extra-control-btn.active{opacity:1}.extra-control-btn img{filter:brightness(0) invert(1);height:22px;opacity:.6;transition:all .3s ease;width:22px}.extra-control-btn.active img{animation:icon-glow-yellow 2s ease-in-out infinite;opacity:1}.repeat-btn.active img,.shuffle-btn.active img{opacity:1}.expanded-player-main-controls{align-items:center;display:flex;gap:25px;left:50%;position:absolute;top:-95px;transform:translateX(-50%);z-index:2}.control-btn{align-items:center;background:none!important;border:none!important;cursor:pointer;display:flex;justify-content:center;transition:opacity .2s}.next-btn,.prev-btn{height:40px;width:40px}.next-btn:hover,.prev-btn:hover{background:#fff3}.next-btn img,.prev-btn img{filter:brightness(0) invert(1);height:20px;width:20px}.play-pause-btn{background:#c9b16e;height:55px;width:55px}.play-pause-btn:hover{background:#d8c07a}.play-pause-btn img{filter:brightness(0) invert(1);height:25px;width:25px}.expanded-player-volume{align-items:center;display:flex;gap:15px;margin-left:auto;margin-right:auto;margin-top:-5px;max-width:300px;width:100%}.volume-icon{opacity:.7}.volume-icon img{filter:brightness(0) invert(1);height:22px;width:22px}.volume-slider-container{background:#ffffff1a;border-radius:2px;flex:1 1;height:3px;position:relative}.volume-slider{cursor:pointer;height:16px;left:0;opacity:0;position:absolute;top:-6px;width:100%}.volume-slider-container:after{background:#c9b16e;border-radius:2px;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:50%;width:calc(var(--volume, .5)*100%)}.expanded-player-actions{align-items:center;display:flex;flex-direction:column;gap:12px;position:absolute;right:30px;top:20px;z-index:100}.action-btn{background:none;border:none;cursor:pointer;padding:16px;transition:all .2s}.action-btn:hover{transform:scale(1.1)}.action-btn img{filter:brightness(0) invert(1);height:24px;transition:all .3s ease;width:24px}.action-btn:hover img,.extra-control-btn:hover img{filter:brightness(0) saturate(100%) invert(78%) sepia(31%) saturate(381%) hue-rotate(3deg) brightness(84%) contrast(88%) drop-shadow(0 0 2px rgba(201,177,110,.4));opacity:1;transition:all .2s ease}.like-btn:hover img{filter:brightness(0) saturate(100%) invert(10%) sepia(90%) saturate(5000%) hue-rotate(340deg) brightness(40%) contrast(120%) drop-shadow(0 0 2px rgba(220,53,69,.4));opacity:1;transition:all .2s ease}.action-btn.active img{animation:icon-glow-yellow 2s ease-in-out infinite}.like-btn.liked img{animation:icon-glow-red 2s ease-in-out infinite;filter:brightness(0) saturate(100%) invert(10%) sepia(90%) saturate(6000%) hue-rotate(340deg) brightness(50%) contrast(120%)}.action-btn.active:hover img{animation:icon-glow-yellow 1.5s ease-in-out infinite}.like-btn.liked:hover img{animation:icon-glow-red 1.5s ease-in-out infinite}.player-equalizer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:none;border-radius:10px;left:20px;padding:12px;position:absolute;width:120px;z-index:10}.equalizer-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:4px;padding-bottom:8px}.eq-title{color:#c9b16e;font-size:14px;font-weight:600}.eq-controls{align-items:center;display:flex;gap:8px}.extra-control-btn.playlist-btn{position:relative;right:270px}.eq-reset{background:none;border:none;border-radius:4px;color:#d4d4d4;cursor:pointer;margin-left:30px;padding:4px;transition:all .2s}.eq-reset:hover{background-color:#d4d4d41a}.equalizer-bands{display:flex;gap:12px;justify-content:space-between}.eq-band{flex:0 0 auto;flex-direction:column;gap:8px;width:12px}.eq-band,.eq-band-label{align-items:center;display:flex}.eq-band-label{color:#aaa;font-size:10px;justify-content:center;min-height:24px;text-align:center;width:100%}.eq-band-slider-container{align-items:center;display:flex;flex-direction:column;height:113px;justify-content:flex-end;position:relative}.eq-band-slider{-webkit-appearance:none;appearance:none;background:#0000;cursor:pointer;height:6px;margin:40px 0;position:relative;transform:rotate(-90deg);transform-origin:center;width:100px;z-index:10}.eq-band-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#333;border-bottom:2px solid #000;border-radius:1px;box-shadow:0 1px 2px #0000004d;cursor:pointer;height:16px;margin-top:-6px;position:relative;width:8px;z-index:20}.eq-band-slider::-moz-range-thumb{background:#333;border:none;border-radius:1px;box-shadow:0 1px 2px #0000004d;cursor:pointer;height:16px;width:8px}.eq-band-slider:hover{opacity:1}.eq-band-slider:disabled::-webkit-slider-thumb{background:#555;cursor:not-allowed}.eq-band-slider:disabled::-moz-range-thumb{background:#555;cursor:not-allowed}.eq-band-slider,.eq-band-slider:disabled{transition:opacity .5s ease}.eq-band-slider:disabled{cursor:not-allowed;opacity:0}.eq-band-slider:not(:disabled){opacity:1}.eq-band.disabled .eq-band-slider{opacity:0}.eq-band.disabled .eq-band-label{opacity:0;transition:opacity .5s ease}.eq-band:not(.disabled) .eq-band-label{opacity:1;transition:opacity .5s ease}.eq-band-value{font-feature-settings:"tnum";bottom:107px;color:#c9b16e;font-size:12px;font-variant-numeric:tabular-nums;font-weight:500;min-width:40px;pointer-events:none;position:absolute;text-align:center;top:1px;transition:opacity .3s ease;z-index:5}.eq-band-value.hidden{opacity:0;pointer-events:none}.eq-band-slider::-webkit-slider-runnable-track{background:linear-gradient(90deg,#c9b16e 50%,#fff3 0);background:linear-gradient(to right,#c9b16e var(--value,50%),#fff3 var(--value,50%));border-radius:2px;height:4px;width:100%}.eq-band-slider::-moz-range-track{background:linear-gradient(90deg,#c9b16e 50%,#fff3 0);background:linear-gradient(to right,#c9b16e var(--value,50%),#fff3 var(--value,50%));border-radius:2px;box-shadow:0 0 3px #c9b16e80,0 0 3px #c9b16e80,0 1px 4px #c9b16eb3;height:4px;width:100%}.expanded-player-artist.clickable,.expanded-player-title.clickable{cursor:pointer!important;transition:opacity .2s ease!important}.playlist-btn.active img{animation:icon-glow-yellow 2s ease-in-out infinite}.playlist-btn:hover img{filter:brightness(0) saturate(100%) invert(78%) sepia(31%) saturate(381%) hue-rotate(3deg) brightness(84%) contrast(88%) drop-shadow(0 0 2px rgba(201,177,110,.4));opacity:1;transition:all .2s ease}.expanded-player-main>:not(.playlist-gallery-embedded){transition:opacity .4s ease}.expanded-player.showing-playlist .expanded-player-main>:not(.playlist-gallery-embedded){opacity:0;pointer-events:none}.playlist-gallery-embedded{animation:fadeInGallery .4s ease forwards!important;transition:opacity .4s ease!important}.expanded-player-main{transition:opacity .3s ease}.expanded-player-main.fading-out{opacity:0;pointer-events:none}@media (max-width:768px){.expanded-player{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:0 0 12px 12px;height:390px;max-height:95vh;max-width:430px;min-height:360px;overflow:hidden;padding:10px 12px;width:100%}.expanded-player.showing-playlist{height:390px;max-height:390px}.expanded-player-main{height:100%}.expanded-player.showing-playlist .expanded-player-main{height:390px!important;max-height:none;overflow:visible}.playlist-gallery-embedded{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000;border-radius:12px;bottom:0;display:flex;flex-direction:column;height:100%;left:0;padding:15px 10px;position:absolute;right:0;top:0;width:100%}.playlist-gallery-container{flex:1 1;min-height:250px}.playlist-gallery-items{height:200px}.playlist-item .playlist-cover{height:80px;width:80px}.playlist-item.large .playlist-cover{height:100px;width:100px}.playlist-gallery-back-btn{left:10px;opacity:1;top:10px;z-index:10}.player-equalizer{display:block;left:22px;padding:8px;position:absolute;top:40px;width:100px}.equalizer-bands{gap:6px}.eq-band{width:10px}.eq-band-slider-container{height:100px}.eq-band-slider{margin:30px 0}.eq-band-label,.eq-band-value{display:none}.eq-reset{font-size:10px;margin-left:10px}.expanded-player-actions{flex-direction:column;gap:20px;right:22px;top:40px}.action-btn,.like-btn{padding:6px}.action-btn img,.like-btn img{height:22px;width:22px}.expanded-player-cover{margin-top:40px}.expanded-player-cover-image{height:110px;width:110px}.expanded-player-info{margin-top:8px}.expanded-player-title{font-size:14px}.expanded-player-artist{font-size:16px}.expanded-player-album{font-size:12px}.expanded-player-controls{align-items:center;display:flex;justify-content:space-between;margin-top:35px;order:1;padding:0 22px;position:relative;width:100%}.expanded-player-main-controls{display:flex;gap:20px;left:50%;position:relative;top:0}.expanded-player-extra-controls{align-items:center;display:flex;gap:12px;justify-content:space-between;position:relative;top:0;width:100%}.expanded-player-extra-controls .shuffle-btn{margin-left:auto;margin-right:12px;order:2}.expanded-player-extra-controls .repeat-btn{order:3}.next-btn,.prev-btn{height:36px;width:36px}.play-pause-btn{height:48px;width:48px}.play-pause-btn img{height:22px;width:22px}.extra-control-btn{padding:6px}.extra-control-btn img{animation:none!important;filter:brightness(0) invert(1)!important;height:18px;opacity:.6!important;width:18px}.extra-control-btn.active img{animation:icon-glow-yellow 2s ease-in-out infinite!important;filter:brightness(0) saturate(100%) invert(78%) sepia(31%) saturate(481%) hue-rotate(3deg) brightness(94%) contrast(88%)!important;opacity:1!important}.expanded-player-progress{margin-left:auto;margin-right:auto;margin-top:20px;order:2;position:relative;width:85%}.progress-time{font-size:12px}.expanded-player-volume{display:none!important}.expanded-player-main{bottom:10px;display:flex;flex-direction:column;gap:5px;position:relative}.extra-control-btn.playlist-btn{position:relative;right:157px}.action-btn img,.like-btn img{animation:none!important;filter:brightness(0) invert(1)!important;opacity:.6!important}.action-btn.active img{animation:icon-glow-yellow 2s ease-in-out infinite!important;filter:brightness(0) saturate(100%) invert(78%) sepia(31%) saturate(481%) hue-rotate(3deg) brightness(94%) contrast(88%)!important;opacity:1!important}.like-btn.liked img{animation:icon-glow-red 2s ease-in-out infinite!important;filter:brightness(0) saturate(100%) invert(10%) sepia(90%) saturate(6000%) hue-rotate(340deg) brightness(50%) contrast(120%)!important;opacity:1!important}}.playlist-gallery-embedded.closing{animation:fadeOutGallery .4s ease forwards}.expanded-player-main-content{transition:opacity .2s ease}.expanded-player-main-content.hidden{opacity:0;pointer-events:none}.playlist-gallery-container-wrapper{bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .2s ease;z-index:100}.playlist-gallery-container-wrapper.visible{opacity:1;pointer-events:all}.playlist-gallery-embedded{height:100%;width:100%}.expanded-player .playlist-gallery-embedded{animation:none!important;opacity:1!important}.expanded-player-feat{color:#c9b16e}.cover-modal{align-items:center;animation:fadeIn .2s ease-out;background-color:#000000d9;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.cover-modal-container{animation:zoomIn .3s ease-out;max-height:90vh;max-width:90vw;position:relative}.cover-modal-image{border-radius:16px;box-shadow:0 20px 60px #00000080;cursor:default;max-height:60vh;max-width:700%;object-fit:contain;transition:transform .3s ease}.cover-modal-image:hover{transform:scale(1.01)}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.cover-modal-container{max-width:95vw}}@media (hover:none) and (pointer:coarse){.cover-modal{cursor:default}}.cover-modal:after{animation:fadeInOut 3s ease-in-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border-radius:20px;bottom:20px;color:#ffffffb3;content:"Tap anywhere to close";font-family:Bodoni Moda,serif;font-size:14px;left:50%;opacity:0;padding:8px 16px;position:absolute;text-align:center;transform:translateX(-50%)}@keyframes fadeInOut{0%,to{opacity:0}10%,90%{opacity:1}}.modal-lyrics{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:none;border-radius:12px;box-shadow:0 10px 30px #00000080;display:flex;flex-direction:column;left:50%;max-height:80vh;min-height:305px;opacity:0;overflow:hidden;position:fixed;top:95px;transform:translateX(-50%) scale(.8);transition:opacity .8s ease,visibility .8s ease;visibility:hidden;width:600px;z-index:998}.modal-lyrics.visible{left:auto;opacity:1;right:60px;transform:translateX(0) scale(1);transition:transform .6s cubic-bezier(.34,1.3,.64,1),opacity .6s cubic-bezier(.34,1.3,.64,1),right .6s cubic-bezier(.34,1.3,.64,1),left .6s cubic-bezier(.34,1.3,.64,1),visibility .6s;visibility:visible}.modal-lyrics.visible .modal-header{animation:fadeInUp .5s ease .1s both}.modal-lyrics.visible .lyrics-container{animation:fadeInUp .5s ease .2s both}.lyrics-header-actions{align-items:center;display:flex;gap:10px}.edit-lyrics-btn{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;margin-right:12px;margin-top:-40px;padding:5px;transition:all .2s;z-index:1000}.edit-lyrics-btn:hover{transform:scale(1.05)}.edit-lyrics-btn img{filter:invert(.8)}.modal-title{color:#fff;margin:-45px 0 0}.modal-lyrics.visible.closing{left:auto!important;opacity:0!important;right:60px!important;transform:translateX(0) scale(1)!important;transition:opacity .8s ease,visibility .8s ease!important;visibility:hidden}.lyrics-container{border-bottom-left-radius:12px;border-bottom-right-radius:12px;flex:1 1;margin-top:-35px;overflow:hidden;padding:20px;position:relative}.lyrics-content{flex:1 1;margin-top:0;mask-image:linear-gradient(180deg,#0000 0,#000 10px,#000 calc(100% - 10px),#0000);-webkit-mask-image:linear-gradient(180deg,#0000 0,#000 10px,#000 calc(100% - 10px),#0000);max-height:500px;min-height:200px;overflow-y:auto;padding:5px;position:relative}.scroll-glow{&:after,&:before{bottom:0;content:"";height:15px;pointer-events:none;position:absolute;width:10px;z-index:2}&:before{background:radial-gradient(circle at bottom left,#c9b16e66 0,#c9b16e33 30%,#0000 70%);left:0}&:after{background:radial-gradient(circle at bottom right,#c9b16e66 0,#c9b16e33 30%,#0000 70%);right:0}}@keyframes gentlePulse{0%,to{opacity:.7;transform:scaleX(1)}50%{opacity:.9;transform:scaleX(1.02)}}.lyrics-text{color:#ddd;font-family:Cormorant Garamond,monospace;font-size:20px;line-height:1.6;margin:20px 12px;white-space:pre-wrap}.lyrics-line{min-height:1.6em}.lyrics-textarea{-ms-overflow-style:none;background:#2a2a2a;border:none;border-radius:8px;box-sizing:border-box;color:#fff;font-family:Cormorant Garamond;font-size:20px;line-height:1.6;max-height:400px;min-height:300px;overflow-y:auto;padding:15px;resize:vertical;scrollbar-width:none;width:100%}.lyrics-textarea::-webkit-scrollbar{display:none}.lyrics-textarea:focus{outline:none}.edit-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:15px}.cancel-btn,.save-btn{border:none;border-radius:6px;cursor:pointer;font-family:Bodoni Moda,serif;font-size:14px;font-weight:600;padding:8px 20px;transition:all .2s}.save-btn{background:none;bottom:55px;color:#d4d4d4;padding:4px;position:absolute;right:110px}.save-btn:hover:not(:disabled){background-color:#d4c18a4d}.cancel-btn{background:none;border-radius:4px;bottom:55px;color:#d4d4d4;padding:4px;position:absolute;right:55px}.cancel-btn:hover:not(:disabled){background-color:#d618181a}.add-lyrics-btn{background:#c9b16e;border:none;border-radius:6px;color:#1a1a1a;cursor:pointer;font-family:Cormorant Garamond;font-size:1em;font-weight:800;margin-top:15px;padding:8px 20px;transition:all .2s}.lyrics-content{-ms-overflow-style:none;scrollbar-width:none}.add-lyrics-btn:hover{background:#d4c18a}button:disabled{cursor:not-allowed;opacity:.6}.loading,.no-lyrics{color:#888;font-size:16px;padding:40px 20px;text-align:center}.no-lyrics-message{color:#888;padding:30px;text-align:center}.no-lyrics-message p{margin-bottom:15px}@media (max-width:768px){.modal-lyrics{border-radius:12px 12px 0 0;border-top:1px solid #c9b16e33;bottom:0;box-shadow:0 -5px 20px #0000004d;height:calc(100vh - 390px);left:50%;max-height:calc(100vh - 390px);max-width:430px;min-height:calc(100vh - 390px);opacity:0;right:auto;top:auto;transform:translateX(-50%) translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease;visibility:hidden;width:100%;z-index:1002}.modal-lyrics.visible{left:50%;opacity:1;right:auto;transform:translateX(-50%) translateY(0);visibility:visible}.modal-lyrics.visible.closing{opacity:0;transform:translateX(-50%) translateY(100%)}.modal-lyrics .modal-header{flex-shrink:0;height:auto;padding:12px 16px 0}.modal-lyrics .modal-title{font-size:16px;margin-top:0;padding:0}.edit-lyrics-btn{margin-right:0;margin-top:0;padding:8px}.edit-lyrics-btn img{height:20px;width:20px}.lyrics-container{flex:1 1;margin-top:0;overflow:hidden;padding:12px 16px}.lyrics-content{font-size:16px;height:100%;max-height:100%;min-height:auto;overflow-y:auto}.lyrics-text{font-size:16px;margin:10px 0}.lyrics-textarea{font-size:16px;height:100%;min-height:200px;padding:12px;resize:none}.cancel-btn,.save-btn{margin:0;padding:8px 16px;position:static}.edit-actions{justify-content:flex-end;margin-top:12px;position:static}.add-lyrics-btn{margin-top:20px;width:100%}.modal-lyrics.visible.closing,.modal-lyrics.visible:not(.closing){left:50%;right:auto}.modal-close{display:none}}.modal-comments{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:none;border-radius:12px;box-shadow:0 10px 30px #00000080;display:flex;flex-direction:column;left:50%;max-height:80vh;min-height:305px;opacity:0;overflow:hidden;position:fixed;top:95px;transform:translateX(-50%) scale(.8);transition:none;transition:opacity .8s ease,visibility .8s ease;visibility:hidden;width:600px;z-index:998}.modal-comments.visible:not(.closing){left:60px;opacity:1;transform:translateX(0) scale(1);transition:transform .6s cubic-bezier(.34,1.3,.64,1),opacity .6s cubic-bezier(.34,1.3,.64,1),left .6s cubic-bezier(.34,1.3,.64,1),visibility .6s;visibility:visible}.modal-comments.visible.closing{left:60px!important;opacity:0!important;transform:translateX(0) scale(1)!important;transition:opacity .8s ease,visibility .8s ease!important;visibility:hidden}.modal-comments.visible .modal-header{animation:fadeInUp .5s ease .1s both}.modal-comments.visible .comment-form{animation:fadeInUp .5s ease .2s both}.modal-comments.visible .comments-container{animation:fadeInUp .5s ease .3s both}.modal-close{display:none}.modal-header{align-items:center;background:none;border-bottom:none;display:flex;flex-shrink:0;height:60px;justify-content:space-between;margin-bottom:10;margin-top:20px}.modal-title{color:#d4d4d4;font-size:18px;font-weight:600;margin-top:-45px;padding:30px}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#888;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:all .2s;width:30px}.modal-close:hover{background:#333;color:#fff}.comment-form{border-bottom:none;display:flex;flex-direction:column;flex-shrink:0;margin-top:-55px;max-height:165px;min-height:165px;overflow:hidden}.comment-form-user{align-items:flex-start;display:flex;gap:12px;margin-top:10px;padding:20px}.comment-form-avatar{border:none;border-radius:50%;flex-shrink:0;height:40px;object-fit:cover;width:40px}.comment-form-input-container{display:flex;flex:1 1;flex-direction:column;gap:8px}.textarea-wrapper{position:relative;width:100%}.comment-input{-ms-overflow-style:none;background:#2a2a2a;border:none;border-radius:8px;box-sizing:border-box;color:#fff;font-family:inherit;font-size:14px;line-height:1.4;max-height:120px;min-height:60px;overflow-y:hidden;padding:12px 80px 12px 12px;resize:vertical;scrollbar-width:none;transition:border-color .2s;width:100%}.comment-input::-webkit-scrollbar{display:none}.comment-input:focus{border-color:#c9b16e;outline:none}.comment-input:disabled{cursor:not-allowed;opacity:.6}.comment-submit-btn{background:none;border:none;border-radius:4px;bottom:12px;color:#d4d4d4;cursor:pointer;font-family:none;font-size:14px;font-weight:400;padding:4px;position:absolute;right:12px;transition:all .2s;z-index:2}.comment-submit-btn:hover:not(:disabled){background-color:#d4d4d41a;transform:translateY(-1px)}.comment-submit-btn:disabled{color:#0d0d0e;cursor:not-allowed}.comment-hint{color:#888;font-size:12px;padding-right:5px;text-align:right}.comments-container{flex:1 1;overflow:hidden;position:relative}.comments-list{-ms-overflow-style:none;flex:1 1;max-height:400px;overflow-y:auto;padding:0;position:relative;scrollbar-width:none}.scroll-glow{background:linear-gradient(90deg,#0000,#c9b16e4d 5%,#c9b16ecc 20%,#c9b16ef2 50%,#c9b16ecc 80%,#c9b16e4d 95%,#0000);bottom:0;box-shadow:0 0 4px #c9b16e80,0 0 8px #c9b16e4d;height:2px;left:0;opacity:0;pointer-events:none;position:absolute;right:0;transition:opacity .2s ease;z-index:1;&:after,&:before{bottom:0;content:"";height:15px;pointer-events:none;position:absolute;width:10px;z-index:2}&:before{background:radial-gradient(circle at bottom left,#c9b16e66 0,#c9b16e33 30%,#0000 70%);left:0}&:after{background:radial-gradient(circle at bottom right,#c9b16e66 0,#c9b16e33 30%,#0000 70%);right:0}}.scroll-glow.show{opacity:1}.comments-list::-webkit-scrollbar{width:6px}.comments-list::-webkit-scrollbar-track{background:#222}.comments-list::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.comments-list::-webkit-scrollbar-thumb:hover{background:#555}.comment-item{display:flex;max-height:250px;min-height:80px;overflow:hidden;padding:16px 20px;position:relative}.comments-container.multiple-comments .comment-item{border-bottom:1px solid #0d0d0eb3;border-bottom-left-radius:8px;border-bottom-right-radius:8px;box-shadow:0 1px 0 #0d0d0e99}.comment-avatar{border:none;border-radius:50%;flex-shrink:0;height:36px;margin-right:12px;object-fit:cover;width:36px}.comment-content{flex:1 1;min-width:0;padding-right:70px;position:relative}.comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.comment-username{color:#fff;font-size:14px;font-weight:600}.comment-meta{color:#888;font-size:12px;margin-right:-13%;white-space:nowrap}.comment-text{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#ddd;display:-webkit-box;font-size:14px;line-height:1.4;max-height:60px;overflow:hidden;text-overflow:ellipsis;white-space:pre-wrap;word-break:break-word}.loading,.no-comments{color:#888;font-size:14px;padding:40px 20px;text-align:center}.login-prompt{background:#222;border-bottom:1px solid #333;flex-shrink:0;padding:20px;text-align:center}.login-prompt p{color:#ccc;font-size:14px;margin:0}.login-prompt a{color:#c9b16e;font-weight:600;text-decoration:underline}.login-prompt a:hover{color:#d4c18a}.clickable{transition:opacity .2s ease}@media (max-width:768px){.modal-comments{border-radius:12px 12px 0 0!important;border-top:1px solid #c9b16e33!important;bottom:0!important;box-shadow:0 -5px 20px #0000004d!important;height:calc(100vh - 390px)!important;left:50%!important;max-height:calc(100vh - 390px)!important;max-width:430px!important;min-height:calc(100vh - 390px)!important;opacity:0!important;right:auto!important;top:auto!important;transform:translateX(-50%) translateY(100%)!important;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease!important;visibility:hidden;width:100%!important;z-index:1002!important}.modal-comments.visible{left:50%!important;opacity:1!important;transform:translateX(-50%) translateY(0)!important;visibility:visible!important}.modal-comments.visible.closing{opacity:0!important;transform:translateX(-50%) translateY(100%)!important}.modal-comments .modal-header{flex-shrink:0;height:auto;padding:12px 16px 0}.modal-comments .modal-title{font-size:16px;margin-top:0;padding:0}.comment-form{flex-shrink:0;margin-top:0;min-height:auto}.comment-form-user{padding:12px 16px}.comment-input{font-size:14px;padding:10px 70px 10px 12px;resize:none}.comment-submit-btn{bottom:8px;right:8px}.comments-container{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.comments-list{flex:1 1;max-height:none!important;overflow-y:auto}.comment-item{padding:12px 16px}.comment-avatar{height:32px;width:32px}.comment-content{padding-right:50px}.comment-text{font-size:13px}.scroll-glow{height:2px}.modal-close{display:none}.modal-comments.visible.closing,.modal-comments.visible:not(.closing){left:50%!important;right:auto!important}.comment-item .cancel-comment-btn,.comment-item .delete-comment-btn,.comment-item .edit-comment-btn,.comment-item .save-comment-btn{opacity:1}}body.lang-ru .comment-meta{margin-left:auto;padding-right:10px}.comment-actions{bottom:0;display:flex;gap:8px;position:absolute;right:0}.cancel-comment-btn,.delete-comment-btn,.edit-comment-btn,.save-comment-btn{background:#0000;border:none;color:#ddd;cursor:pointer;font-family:Bona Nova SC,serif;font-size:12px;opacity:0;padding:4px 10px;transition:none}.comment-item:hover .cancel-comment-btn,.comment-item:hover .delete-comment-btn,.comment-item:hover .edit-comment-btn,.comment-item:hover .save-comment-btn{opacity:1}.edit-comment-textarea{background:#2a2a2a;border:1px solid #444;border-radius:8px;color:#fff;font-family:inherit;font-size:14px;margin-top:5px;max-height:120px;min-height:60px;padding:8px;resize:vertical;width:100%}.edit-comment-textarea:focus{border-color:#c9b16e;outline:none}.comment-edited{color:#888;font-size:.9em;font-style:italic;margin-left:5px}.playlist-gallery-embedded{animation:fadeInGallery .2s ease forwards;background:#0000;border-radius:0 0 15px 15px;bottom:0;display:flex;flex-direction:column;left:0;opacity:0;overflow:hidden;padding:20px;position:absolute;right:0;top:0;z-index:10}@keyframes fadeInGallery{0%{opacity:0}to{opacity:1}}.playlist-gallery-embedded.closing{animation:fadeOutGallery .2s ease forwards}@keyframes fadeOutGallery{0%{opacity:1}to{opacity:0}}.playlist-gallery-back-btn{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;height:35px;justify-content:center;left:15px;opacity:.3;position:absolute;top:15px;transition:all .2s;width:35px;z-index:11}.playlist-gallery-back-btn:hover{opacity:1;transform:scale(1.05)}.playlist-gallery-back-btn img{filter:brightness(0) invert(1);height:18px;width:18px}.playlist-gallery-header{animation:slideDown .3s ease .1s both;color:#fff;margin-top:10px;padding:10px 0 20px;text-align:center}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.playlist-gallery-header h3{color:#c9b16e;font-size:18px;margin:0 0 8px}.current-track-info{display:flex;flex-direction:column;gap:3px;margin-top:5px}.track-title{font-size:14px;font-weight:500}.trackArtist{color:#888;font-size:14px}.playlist-gallery-container{align-items:center;cursor:grab;display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:10px 0;position:relative}.playlist-gallery-container:active{cursor:grabbing}.gallery-nav-btn{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;height:35px;justify-content:center;margin:0 10px;opacity:.3;position:relative;top:-10px;transition:all .4s;width:35px;z-index:100}.gallery-nav-btn:hover{opacity:1;transform:scale(1.05)}.gallery-nav-btn img{filter:brightness(0) invert(1);height:20px;width:20px}.playlist-gallery-items{align-items:center;display:flex;height:200px;justify-content:center;position:relative;width:80%}.playlist-item{align-items:center;cursor:pointer;display:flex;flex-direction:column;position:absolute;transition:all .2s cubic-bezier(.34,1.56,.64,1);will-change:transform,opacity,left}.playlist-item[data-position=far-left]{left:5%;opacity:.4;transform:translateX(-50%) scale(.7);z-index:1}.playlist-item[data-position=left]{left:23%;opacity:.7;transform:translateX(-50%) scale(.85);z-index:2}.playlist-item[data-position=center]{animation:centerPop .3s cubic-bezier(.175,.885,.32,1.275);left:50%;opacity:1;transform:translateX(-50%) scale(1);z-index:3}@keyframes centerPop{0%{opacity:.8;transform:translateX(-50%) scale(.9)}to{opacity:1;transform:translateX(-50%) scale(1)}}.playlist-item[data-position=right]{left:77%;opacity:.7;transform:translateX(-50%) scale(.85);z-index:2}.playlist-item[data-position=far-right]{left:95%;opacity:.4;transform:translateX(-50%) scale(.7);z-index:1}.playlist-item.small .playlist-cover{height:75px;width:75px}.playlist-item.medium .playlist-cover{height:90px;width:90px}.playlist-item.large .playlist-cover{height:110px;width:110px}.playlist-item.small{width:75px}.playlist-item.medium{width:90px}.playlist-item.large{width:110px}.playlist-cover{border-radius:8px;box-shadow:0 4px 10px #0000004d;height:100%;margin-bottom:8px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:100%}.playlist-cover-image{height:100%;object-fit:cover;width:100%}.playlist-track-indicator{align-items:center;animation:indicatorPulse 1.5s ease-in-out infinite;background:#c9b16e;border-radius:50%;box-shadow:0 2px 4px #0000004d;color:#000;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;position:absolute;right:4px;top:4px;width:18px}@keyframes indicatorPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.playlist-item.has-track .playlist-cover{box-shadow:0 0 12px #c9b16eb3,0 4px 10px #0000004d}.playlist-info{background:#0000;margin-top:0;padding:0;text-align:center}.playlist-info,.playlist-name{max-width:100%;overflow:hidden}.playlist-name{color:#fff;font-size:12px;font-weight:500;line-height:1.2;margin:0;text-overflow:ellipsis;white-space:nowrap}.playlist-item.small .playlist-name{font-size:11px}.playlist-track-count{color:#888;font-size:10px;line-height:1.2;margin:2px 0 0}.playlist-item.small .playlist-track-count{font-size:9px}.playlist-item.create-new .playlist-cover{align-items:center;background:#fff3;border:none;display:flex;justify-content:center}.create-new-icon{filter:brightness(0) invert(1);height:70%;object-fit:contain;opacity:.5;transition:all .3s;width:70%}.playlist-item.interactive:hover .playlist-cover{box-shadow:0 6px 15px #0006;transform:scale(1.05)}.playlist-item.has-track.interactive:hover .playlist-cover{box-shadow:0 0 18px #c9b16ecc,0 6px 15px #0006;transform:scale(1.05)}.playlist-item.create-new.interactive:hover .playlist-cover{transform:scale(1.05)}.playlist-item.create-new.interactive:hover .create-new-icon{opacity:1;transform:scale(1.05)}.playlist-item.empty{opacity:0;pointer-events:none}.playlist-gallery-container.draggable.dragging{cursor:grabbing}.playlist-gallery-container.dragging .playlist-item{transition:none}.playlist-gallery-container:not(.draggable) .gallery-nav-btn{display:none}.adding-spinner,.loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff1a;border-radius:50%;border-top-color:#c9b16e;height:30px;width:30px}@media (max-width:768px){.playlist-gallery-embedded{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border-radius:12px 12px 0 0;padding:15px 10px}.playlist-gallery-back-btn{height:32px;left:12px;opacity:.8;top:12px;width:32px}.playlist-gallery-header{margin-top:25px;padding:5px 0 15px}.playlist-gallery-header h3{font-size:16px}.current-track-info .track-title{font-size:13px}.current-track-info .trackArtist{font-size:11px}.playlist-gallery-container{padding:5px 0}.playlist-gallery-items{height:180px;width:90%}.playlist-item.small .playlist-cover{height:60px;width:60px}.playlist-item.medium .playlist-cover{height:75px;width:75px}.playlist-item.large .playlist-cover{height:90px;width:90px}.playlist-item.small{width:60px}.playlist-item.medium{width:75px}.playlist-item.large{width:90px}.playlist-name{font-size:10px}.playlist-item.small .playlist-name,.playlist-track-count{font-size:9px}.playlist-item.small .playlist-track-count{font-size:8px}.gallery-nav-btn{height:30px;margin:0 5px;opacity:.8;width:30px}.gallery-nav-btn img{height:16px;width:16px}.playlist-item[data-position=far-left]{left:0;transform:translateX(-30%) scale(.65)}.playlist-item[data-position=left]{left:20%;transform:translateX(-50%) scale(.8)}.playlist-item[data-position=center]{left:50%;transform:translateX(-50%) scale(1)}.playlist-item[data-position=right]{left:80%;transform:translateX(-50%) scale(.8)}.playlist-item[data-position=far-right]{left:100%;transform:translateX(-70%) scale(.65)}.adding-status{font-size:13px;padding:10px}.adding-spinner{height:20px;width:20px}}@media (max-width:400px){.playlist-gallery-items{height:160px}.playlist-item.small .playlist-cover{height:50px;width:50px}.playlist-item.medium .playlist-cover{height:65px;width:65px}.playlist-item.large .playlist-cover{height:80px;width:80px}.playlist-name{font-size:9px}}.trends-page{color:#d4d4d4;margin:0 auto;max-width:1200px;min-height:80vh;padding:40px 20px}.trends-page:before{content:"";filter:brightness(.8);height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.trends-header{margin-bottom:50px;padding-bottom:30px;text-align:center}.trends-header h1{color:#c9b16e;font-family:Great Vibes,cursive;font-size:3.5em;font-weight:250;margin-bottom:15px;text-shadow:0 2px 4px #0000004d}.trends-subtitle{color:#a0a0a0;font-family:Cormorant Garamond,serif;font-size:1.4em;margin-top:10px}.trends-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:39px;margin-top:-40px;width:1000px}.trend-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border-radius:15px;box-shadow:0 10px 30px #00000080;padding:30px}.trend-card-full{grid-column:1/-1}.trend-card h2{color:#c9b16e;font-family:Cormorant Garamond,serif;font-size:1.8em;padding-bottom:15px}.trend-content-info{align-items:center;display:flex;gap:30px}.trend-content-cover{border-radius:10px;flex-shrink:0;height:150px;overflow:hidden;width:150px}.trend-content-cover img{height:100%;object-fit:cover;width:100%}.trend-avatar-round{border-radius:50%}.trend-content-details{flex:1 1}.trend-content-details h3{color:#fff;font-family:Bona Nova SC,serif;font-size:1.6em;margin-bottom:10px}.trend-content-meta{color:#c9b16e;font-family:Bodoni Moda,serif;font-size:1.1em;margin-bottom:5px}.trend-stats-container{display:flex;flex-wrap:wrap;gap:15px;margin-top:5px}.trend-stat-badge{background:#0000;border-radius:20px;color:#c9b16e;font-family:Cormorant Garamond,serif;font-size:1.2em}.trend-list-container{display:flex;flex-direction:column;gap:12px}.trend-list-item{align-items:center;background:#0000;border-radius:8px;display:flex;padding:15px 20px}.trend-rank{color:#c9b16e;font-weight:700;min-width:40px;text-align:center}.trend-item-name,.trend-rank{font-family:Bona Nova SC,serif;font-size:1.1em}.trend-item-name{color:#fff;flex:1 1;margin:0 25px}.trend-item-stats{color:#a0a0a0;display:flex;font-family:Cormorant Garamond,serif;font-size:1.2em;gap:15px}.trend-item-stats span{min-width:80px;text-align:left;white-space:nowrap}.trends-table{border-collapse:collapse;margin-top:20px;width:100%}.trends-table th{border-bottom:1px solid #c9b16e4d;color:#c9b16e;font-family:Cormorant Garamond,serif;font-size:1.2em;font-weight:600;padding:20px 15px;text-align:center}.trends-table th.artist-column{text-align:left}.trends-table td{border-bottom:1px solid #ffffff1a;color:#d4d4d4;font-family:Bodoni Moda,serif;font-size:.95em;padding:20px 15px;text-align:center}.trends-table tr:last-child td{border-bottom:none}.trend-rank-cell{color:#c9b16e;font-family:Bona Nova SC,serif;font-weight:700;text-align:center;width:60px}.trend-artist-row{align-items:center;display:flex;gap:20px}.trend-artist-details h4,.trend-artist-row span{font-family:Cormorant Garamond,serif;font-size:1.3em}.trend-artist-details span,.trends-table td:nth-child(3),.trends-table td:nth-child(4),.trends-table td:nth-child(5){font-family:Bodoni Moda,serif}.trend-artist-img{border-radius:50%;height:50px;object-fit:cover;width:50px}.trend-artists-list{display:flex;flex-direction:column;gap:12px}.trend-artist-item{align-items:center;background:#0000;border-radius:8px;display:flex;padding:15px}.trend-artist-avatar{border-radius:50%;height:60px;overflow:hidden;width:60px}.trend-artist-avatar img{height:100%;object-fit:cover;width:100%}.trend-artist-details{margin-left:20px}.trend-artist-details h4{color:#fff;font-family:Bona Nova SC,serif;font-size:1.1em;margin-bottom:5px}.trend-artist-details span{color:#a0a0a0;font-family:Bodoni Moda,serif;font-size:.9em}.trend-genres-container{display:flex;flex-direction:column;gap:20px;margin-top:-40px;width:1000px}.trend-genre-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border-radius:15px;box-shadow:0 5px 20px #0000004d;overflow:hidden}.trend-genre-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:25px;transition:background-color .3s ease}.trend-genre-header:hover{background-color:#ffffff0d}.trend-genre-header h2{border-bottom:none;color:#c9b16e;font-family:Bona Nova SC,serif;font-size:1.5em;margin:0;padding-bottom:0}.trend-genre-stats{align-items:center;display:flex;gap:20px}.trend-genre-stats span{color:#a0a0a0;font-family:Cormorant Garamond,serif;font-size:1.2em}.trend-toggle-icon{align-items:center;color:#c9b16e;display:flex;font-size:1.5em;font-weight:700;height:30px;justify-content:center;transition:transform .5s ease;width:30px}.trend-genre-content{max-height:0;opacity:0;overflow:hidden;padding:0 25px;transform:translateY(-10px);transition:all .5s cubic-bezier(.4,0,.2,1)}.trend-genre-content.expanded{max-height:5000px;opacity:1;padding:0 25px 25px;transform:translateY(0);transition:all 1s cubic-bezier(.4,0,.2,1)}.trend-genre-section{animation:fadeInUp .5s ease forwards;margin-top:25px;opacity:0;transform:translateY(10px)}.trend-genre-content.expanded .trend-genre-section{animation-delay:.2s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.trend-genre-section h3{border-bottom:1px solid #ffffff1a;color:#fff;font-family:Bona Nova SC,serif;font-size:1.2em;margin-bottom:15px;padding-bottom:10px}.trend-albums-list,.trend-artists-genre-list,.trend-tracks-list{display:flex;flex-direction:column;gap:10px}.trend-genre-album-item,.trend-genre-artist-item,.trend-genre-track-item{animation:fadeIn .5s ease forwards;background:#0000;border-radius:8px;opacity:0;padding:12px}.trend-genre-content.expanded .trend-genre-track-item{animation-delay:.3s}.trend-genre-content.expanded .trend-genre-album-item{animation-delay:.4s}.trend-genre-content.expanded .trend-genre-artist-item{animation-delay:.5s}.trend-genre-album-rank,.trend-genre-artist-rank,.trend-genre-track-rank{font-family:Bona Nova SC,serif;min-width:50px}.trend-genre-album-info h4,.trend-genre-track-info h4{color:#fff;font-family:Bona Nova SC,serif;margin-bottom:5px}.trend-genre-album-info p,.trend-genre-track-info p{color:#a0a0a0;font-family:Bodoni Moda,serif;font-size:.9em}.trend-genre-album-stats,.trend-genre-track-stats{min-width:80px}.trend-genre-album-stats span,.trend-genre-track-stats span{color:#c9b16e;font-family:Cormorant Garamond,serif;font-size:1.2em}.trend-genre-card.expanded .trend-toggle-icon{transform:rotate(180deg);transition:transform .5s ease}.trend-user-row{align-items:center;display:flex;gap:20px}.trend-user-avatar{border-radius:50%;height:50px;object-fit:cover;width:50px}.trend-user-info{display:flex;flex-direction:column;gap:5px}.trend-username{color:#fff;font-family:Bona Nova SC,serif}.trend-artist-badge{background:#0000;border-radius:10px;color:#c9b16e;font-family:Bodoni Moda,serif;font-size:.8em;padding:2px 8px}.trend-activity-stats,.trend-time-stats{display:flex;flex-direction:column;gap:20px;margin-top:25px}.trend-time-stat-item{align-items:center;display:flex;gap:20px}.trend-user-name{color:#fff;font-family:Bona Nova SC,serif;font-size:.95em;min-width:120px}.trend-time-bar-container{background:#0003;border-radius:6px;flex:1 1;height:6px;overflow:hidden}.trend-time-bar{background:linear-gradient(90deg,#c9b16e99,#c9b16ee6);border-radius:6px;height:100%;transition:width .5s ease}.trend-time-value{color:#c9b16e;font-family:Bodoni Moda,serif;font-size:.95em;min-width:60px;text-align:right}.trend-activity-item{align-items:center;background:#0000;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.trend-activity-user{align-items:center;display:flex;gap:15px}.trend-activity-avatar{border-radius:50%;height:40px;object-fit:cover;width:40px}.trend-activity-user span{color:#fff;font-family:Bona Nova SC,serif;font-size:.95em}.trend-activity-days span{color:#c9b16e;font-family:Bodoni Moda,serif;font-size:.9em}.trend-error-container,.trend-loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.trend-loading-spinner{animation:trend-spin 1s linear infinite;border:3px solid #c9b16e4d;border-radius:50%;border-top-color:#c9b16e;height:50px;margin-bottom:25px;width:50px}@keyframes trend-spin{to{transform:rotate(1turn)}}.trend-error-container h3{color:#ff6b6b;font-family:Bona Nova SC,serif;font-size:1.5em;margin-bottom:15px}.trend-error-container button{background:#0000;border-radius:25px;color:#c9b16e;cursor:pointer;font-family:Bodoni Moda,serif;font-size:1em;margin-top:25px;padding:12px 24px;transition:all .3s ease}.trend-error-container button:hover{background:#c9b16e1a;transform:translateY(-2px)}@media (max-width:1200px){.trends-page{padding:30px 20px}}@media (max-width:768px){.trends-page{padding:20px 15px}.trends-header h1{font-size:2.5em}.trends-grid{gap:30px;grid-template-columns:1fr}.trend-content-info{flex-direction:column;gap:20px;text-align:center}.trend-content-cover{height:200px;width:200px}.trend-stats-container{justify-content:center}.trend-list-item{flex-direction:column;gap:10px;text-align:center}.trend-item-name{margin:10px 0}.trends-table{display:block;overflow-x:auto}.trend-genre-header{align-items:flex-start;flex-direction:column;gap:15px}.trend-genre-stats{flex-wrap:wrap}.trend-artist-item{flex-direction:column;gap:15px;text-align:center}.trend-time-stat-item,.trend-user-row{align-items:flex-start;flex-direction:column;gap:10px}.trend-time-bar-container{width:100%}}@media (max-width:480px){.trends-header h1{font-size:2em}.trend-card{padding:20px}.trend-card h2{font-size:1.5em}.trend-content-cover{height:150px;width:150px}.trend-content-details h3{font-size:1.3em}.trend-genre-header{padding:20px}.trend-genre-content{padding:0 20px 20px}.trend-activity-avatar,.trend-user-avatar{height:35px;width:35px}}.trend-playable-cover{cursor:pointer;position:relative}.trend-playable-cover:hover:after{background:#00000080;border-radius:10px;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.trend-playable-cover .play-icon-overlay{height:110px;width:110px}.play-icon-overlay{filter:brightness(0) saturate(100%) invert(78%) sepia(31%) saturate(481%) hue-rotate(3deg) brightness(94%) contrast(88%) drop-shadow(0 0 8px #c9b16e);height:30px;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease;width:30px;z-index:2}.trend-playable-cover:hover .play-icon-overlay{opacity:1}.trend-content-info.album-clickable{border-radius:10px;cursor:pointer;margin:-5px;padding:5px;transition:background-color .2s ease}.trend-playable-artist,.trend-playable-title{cursor:pointer}.small-cover{border-radius:4px;height:40px;margin-right:10px;object-fit:cover;width:40px}.clickable{cursor:pointer}.artist-link{color:#c9b16e;transition:opacity .2s}.trend-genre-album-item,.trend-genre-artist-item,.trend-genre-track-item{align-items:center;display:flex;gap:12px;padding:8px 12px;transition:background-color .2s}.trend-genre-album-info,.trend-genre-track-info{display:flex;flex:1 1;flex-direction:column}.trend-genre-album-info h4,.trend-genre-track-info h4{font-size:1em;font-weight:500;margin:0}.trend-genre-album-info span,.trend-genre-track-info span{color:#aaa;font-size:.85em}.trend-artist-avatar.small-cover{border-radius:50%;height:40px;margin-right:10px;width:40px}.trend-artist-details{flex:1 1}.trend-artist-details h4{font-size:1em;font-weight:500;margin:0}.trend-artist-details span{color:#aaa;font-size:.85em}.trend-genre-album-rank,.trend-genre-artist-rank,.trend-genre-track-rank{color:#c9b16e;font-weight:700;min-width:40px;text-align:center}.trend-genre-album-stats,.trend-genre-track-stats{color:#c9b16e;font-size:.9em;min-width:70px;text-align:right}body.lang-ru .trend-artist-details span{font-family:Cormorant Garamond;font-size:1.1em}.followed-artists-page{color:#d4d4d4;display:flex;flex:1 1;flex-direction:column;margin:0 auto;padding:20px;width:1000px}.followed-artists-page h1{color:#c9b16e;font-family:Bona Nova SC,serif;font-size:2.5em;margin-bottom:40px;text-align:center;text-shadow:0 0 10px #c9b16e4d}.error-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:1px solid #c9b16e33;border-radius:12px;padding:60px 20px;text-align:center}.error-container h2{color:#ff6b6b;font-family:Bona Nova SC,serif;margin-bottom:20px}.retry-button{background:#0000;border:1px solid #c9b16e4d;border-radius:20px;color:#c9b16e;cursor:pointer;font-family:Bodoni Moda,serif;font-size:1em;margin-top:20px;padding:10px 30px;transition:all .3s ease}.retry-button:hover{border-color:#c9b16e80;box-shadow:0 0 10px #c9b16e33}.no-subscriptions-message{margin-bottom:50px;text-align:center}.no-subscriptions-message h2{color:#c9b16e;font-family:Bona Nova SC,serif;font-size:1.8em;margin-bottom:15px}.no-subscriptions-message p{color:#a0a0a0;font-family:Bona Nova SC,serif;font-size:1.1em;line-height:1.6;margin:0 auto;max-width:600px}.recommendations-section{margin-top:40px}.recommendations-section h3{border-bottom:1px solid #c9b16e4d;color:#c9b16e;font-family:Cormorant Garamond,serif;font-size:1.8em;margin-bottom:25px;padding-bottom:10px}.recommendations-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.recommendation-card{background:#0000;border:1px solid #c9b16e33;border-radius:10px;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.recommendation-card:hover{border-color:#c9b16e66}.recommendation-cover{background-position:50%;background-size:cover;height:180px;position:relative;width:100%}.recommendation-info{padding:15px}.recommendation-info h4{color:#d4d4d4;font-family:Cormorant Garamond,serif;font-size:1.2em;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recommendation-info p{color:#a0a0a0;font-family:Cormorant Garamond,serif;font-size:1em;margin-bottom:3px}.recommendation-info .album-name{color:#c9b16e;font-size:.8em}.track-meta{align-items:center;color:#888;display:flex;font-family:Bodoni Moda,serif;font-size:.8em;gap:8px;margin-top:8px}.track-meta span:nth-child(2){color:#c9b16e}.artist-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:none;border-radius:12px;box-shadow:0 8px 20px #000c;margin-bottom:40px;padding:30px}.artistHeader{align-items:center;background:#0000;border:1px solid #c9b16e;border-radius:15px;display:flex;gap:20px;margin-bottom:20px;padding:40px}.artist-avatar{border-radius:50%;height:80px;overflow:hidden;width:80px}.artist-avatar img{height:100%;object-fit:cover;width:100%}.artist-name{color:#c9b16e;cursor:pointer;flex:1 1;font-family:Bona Nova SC,serif;font-size:2.2em;margin:0}.favorites-section,.popular-section,.releases-section{margin-bottom:40px}.favorites-section h3,.popular-section h3,.releases-section h3{color:#c9b16e;font-family:Bodoni Moda,serif;font-size:1.5em;margin-bottom:20px}.releases-scroll{-ms-overflow-style:none;display:flex;gap:20px;overflow-x:auto;overflow-y:hidden;padding-bottom:10px;scrollbar-width:none;white-space:nowrap}.releases-scroll::-webkit-scrollbar{display:none;height:0}.releases-scroll::-webkit-scrollbar-thumb,.releases-scroll::-webkit-scrollbar-track{display:none}.release-card{background:#0000;border:1px solid #c9b16e33;border-radius:8px;cursor:pointer;flex:0 0 auto;margin-top:5px;overflow:hidden;transition:all .3s ease;width:180px}.release-card:hover{border-color:#c9b16e66}.release-cover{background-position:50%;background-size:cover;height:160px;width:100%}.release-info{padding:12px}.release-info h4{color:#d4d4d4;font-family:Cormorant Garamond,serif;font-size:1.2em;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tracks-list{-ms-overflow-style:none;display:flex;flex-direction:column;max-height:300px;overflow-y:auto;scrollbar-width:none}.tracks-list::-webkit-scrollbar{display:none}.track-row{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;margin:5px 5px 3px;padding:10px 15px;transition:all .3s ease}@keyframes pulse{0%{box-shadow:0 0 2px #c9b16e4d}50%{box-shadow:0 0 6px #c9b16eb3}to{box-shadow:0 0 2px #c9b16e4d}}.track-row.playing{animation:pulse 2s infinite;border-color:#c9b16e66}.track-row:active{transition:all .1s ease}.track-cover{border-radius:4px;height:40px;margin-right:15px;overflow:hidden;width:40px}.track-cover img{height:100%;object-fit:cover;width:100%}.track-info h4{font-size:1.25em}.track-info p{font-size:1.1em}.track-plays{color:#c9b16e;font-family:Cormorant Garamond,serif;font-size:1em;margin-right:20px;min-width:80px;text-align:right}.popular-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);margin-left:30px;margin-top:15px}.popular-card{background:#0000;border:1px solid #c9b16e33;border-radius:8px;cursor:pointer;overflow:hidden;transition:all .3s ease;width:180px}.popular-card:hover{border-color:#c9b16e99}.popular-cover{background-position:50%;background-size:cover;height:180px;width:100%}.popular-info{padding:12px}.popular-info h4{color:#d4d4d4;font-family:Cormorant Garamond,serif;font-size:1.3em;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.popular-info p{color:#a0a0a0;font-family:Cormorant Garamond;font-size:1.2em;margin-bottom:8px}@media (max-width:768px){.followed-artists-page{padding:20px 15px}.followed-artists-page h1{font-size:2em}.artistHeader{flex-direction:column;gap:15px;text-align:center}.artist-name{font-size:1.8em}.popular-grid{grid-template-columns:1fr}.recommendations-grid{gap:15px;grid-template-columns:repeat(2,1fr)}.track-plays{display:none}}@media (max-width:480px){.recommendations-grid{grid-template-columns:1fr}.popular-card,.release-card{width:150px}.popular-cover,.release-cover{height:120px}.artist-avatar{height:60px;width:60px}.artist-name{font-size:1.5em}.favorites-section h3,.popular-section h3,.releases-section h3{font-size:1.3em}}body.lang-ru .favorites-section h3,body.lang-ru .popular-section h3,body.lang-ru .releases-section h3{font-family:Cormorant Garamond;font-size:1.8em}.artist-cover{align-items:center;background:#0000!important;display:flex;justify-content:center}.artist-avatar-circle{box-shadow:0 5px 15px #0000004d}.recommendations-container{margin-top:30px}.no-subscriptions-container,.recommendations-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border-radius:12px;box-shadow:0 10px 30px #00000080;padding:40px}.no-subscriptions-container{margin-bottom:30px;text-align:center}.no-subscriptions-container h2{color:#c9b16e;font-family:Bona Nova SC,serif;font-size:1.8em;margin-bottom:15px}.no-subscriptions-container p{color:#a0a0a0;font-family:Bona Nova SC,serif;font-size:1.1em;line-height:1.6;margin:0 auto;max-width:600px}.popular-tracks-list{-ms-overflow-style:none;display:flex;flex-direction:column;margin-top:10px;max-height:300px;overflow-y:auto;scrollbar-width:none}.popular-tracks-list::-webkit-scrollbar{display:none}.popular-section .popular-grid{display:none}@media (max-width:768px){.followed-artists-page{max-width:430px;padding:20px 16px!important;transform:translateY(-30px);width:100%}.followed-artists-page h1{font-size:1.8em;margin-bottom:20px}.loading-container{min-height:300px;padding:20px}.loading-spinner{height:40px;width:40px}.error-container{padding:40px 16px}.error-container h2{font-size:1.5em}.retry-button{font-size:.9em;padding:8px 25px}.no-subscriptions-container{padding:25px 16px}.no-subscriptions-container h2{font-size:1.5em}.no-subscriptions-container p{font-size:1em}.recommendations-container{padding:25px 16px}.recommendations-section{margin-top:30px}.recommendations-section h3{font-size:1.4em;margin-bottom:15px}.recommendations-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.recommendation-card{border-radius:8px}.recommendation-cover{height:130px}.recommendation-info{padding:10px}.recommendation-info h4{font-size:1em}.recommendation-info p{font-size:.85em}.artist-avatar-circle{height:100px;width:100px}.artist-section{margin-bottom:25px;padding:20px 16px}.artistHeader{flex-direction:row;gap:15px;margin-bottom:15px;padding:20px;text-align:left}.artist-avatar{height:60px;width:60px}.artist-name{font-size:1.5em}.favorites-section,.popular-section,.releases-section{margin-bottom:25px}.favorites-section h3,.popular-section h3,.releases-section h3{font-size:1.3em;margin-bottom:15px}.release-card{width:140px}.release-cover{height:130px}.release-info{padding:8px}.release-info h4{font-size:1em}.popular-tracks-list,.tracks-list{max-height:350px}.track-row{margin-left:0;margin-right:0;padding:8px 10px}.track-cover{height:40px;margin-right:10px;width:40px}.track-info h4{font-size:1em}.track-info p,.track-plays{font-size:.85em}.track-plays{margin-right:10px;min-width:70px}.track-duration{font-size:.8em;width:45px}.popular-section .popular-grid{display:none}}@media (max-width:480px){.followed-artists-page{padding:15px 12px!important}.followed-artists-page h1{font-size:1.6em}.recommendations-grid{gap:10px;grid-template-columns:1fr}.recommendation-cover{height:160px}.artistHeader{padding:15px}.artist-avatar{height:50px;width:50px}.artist-name{font-size:1.3em}.release-card{width:120px}.release-cover{height:110px}.track-plays{display:none}.track-info h4{font-size:.95em}}body.lang-ru .favorites-section h3,body.lang-ru .popular-section h3,body.lang-ru .releases-section h3{font-size:1.5em}@media (max-width:768px){body.lang-ru .favorites-section h3,body.lang-ru .popular-section h3,body.lang-ru .releases-section h3{font-size:1.3em}}.settings-page{align-items:center;background:#0000;display:flex;flex:1 1;justify-content:center;padding:20px}.settings-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border-radius:15px;box-shadow:0 10px 30px #00000080;display:flex;flex-direction:column;height:600px;min-height:500px;padding:40px;position:relative;width:600px;z-index:1}.settings-container:before{-webkit-backdrop-filter:inherit;backdrop-filter:inherit;background:inherit;border-radius:15px 0 0 15px;content:"";height:180px;left:-30px;pointer-events:none;position:absolute;top:40px;width:54px;z-index:0}.settings-tabs{display:flex;flex-direction:column;gap:4px;left:-24px;position:absolute;top:40px;z-index:2}.tab-button{align-items:center;background:#1e1e1ee6;border:none;border-radius:8px 0 0 8px;box-shadow:-1px 2px 4px #00000080;color:#888;cursor:pointer;display:flex;font-family:Bona Nova SC,serif;font-size:11px;height:80px;justify-content:center;line-height:1;padding:8px 2px;position:relative;transition:all .2s ease;width:24px}.tab-button span{display:inline-block;transform:rotate(180deg);white-space:nowrap;writing-mode:vertical-rl}.tab-button.active{background:#0000;color:#c9b16e}.tab-button:hover:not(.active){color:#c9b16e}.settings-content{display:flex;flex:1 1;flex-direction:column;padding:20px 0 -20px}.privacy-settings,.profile-settings{flex:1 1}.settings-save-button{background:#0000;border:1px solid #c9b16e;border-radius:12px;color:#c9b16e;cursor:pointer;font-family:Cormorant Garamond,serif;font-size:1.2em;margin-top:0;opacity:.7;padding:6px 15px;transition:all .3s ease}.account-settings .profile-button.logout-button{display:block;margin-left:auto}.settings-save-button:not(:disabled){opacity:1}.settings-content h2{color:#c9b16e;font-family:Great Vibes,cursive;font-size:2em;font-weight:200;margin-bottom:30px}.settings-field{margin-bottom:25px}.settings-save-button:not(:disabled):hover{transform:scale(1.05)}.settings-save-button:disabled{border-color:#666;color:#666;cursor:not-allowed;opacity:.3}.settings-field label{color:#a0a0a0;display:block;font-family:Cormorant Garamond,serif;font-size:1.2em;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.settings-field input{background:#0000004d;border:none;border-radius:8px;color:#d4d4d4;font-family:Cormorant Garamond,serif;font-size:1.1em;outline:none;padding:12px 15px;transition:border-color .3s;width:100%}.settings-field input:focus{border-color:#c9b16e}.toggle-item{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:20px;padding:10px 0}.toggle-item span{color:#d4d4d4;font-family:Cormorant Garamond,serif;font-size:1.1em}.eq-toggle{background:none;background:#ffffff1a;border:none;border-radius:12px;cursor:pointer;height:20px;padding:4px;position:relative;transition:all .3s ease;width:36px}.eq-toggle:hover{background:#ffffff26}.eq-toggle.active{background:#c9b16e4d}.eq-toggle-dot{background:#888;border-radius:50%;height:16px;left:2px;position:absolute;top:2px;transition:all .3s ease;width:16px}.eq-toggle-dot.active{background:#c9b16e;box-shadow:0 0 8px #c9b16e80;left:18px}.settings-actions{margin-top:auto;text-align:center}.settings-page .loading-container{align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:0}.settings-page .loading-container p{color:#888;font-family:Cormorant Garamond,serif;font-size:1.2em;font-style:italic}.settings-button{background:#0000;border:none;border-radius:8px;cursor:pointer;padding:8px;position:absolute;right:20px;top:70px;transition:all .2s;z-index:10}.settings-icon{filter:brightness(0) invert(.7);height:24px;transition:filter .2s;width:24px}.settings-button:hover .settings-icon{filter:brightness(0) invert(.9)}.language-selector{font-family:Cormorant Garamond,serif;position:relative;width:100%}.language-selector-header{align-items:center;background:#0000004d;border:none;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px 15px;transition:border-color .3s}.language-selector-header:hover{border-color:#c9b16e}.language-name{color:#d4d4d4;flex:1 1;font-size:1.1em}.dropdown-arrow{color:#888;font-size:.8em;transition:transform .3s}.dropdown-arrow.open{transform:rotate(180deg)}.language-dropdown{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e1ef2;border:1px solid #4a4a4a;border-radius:8px;left:0;margin-top:5px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.language-option{align-items:center;cursor:pointer;display:flex;gap:12px;padding:12px 15px;transition:background .2s}.language-option:hover{background:#c9b16e1a}.language-settings .settings-description{color:#888;font-family:Cormorant Garamond,serif;font-size:1.2em;margin-bottom:25px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.delete-confirm-modal{background:#00000080;border:1px solid #ff6b6b;border-radius:8px;padding:10px;position:relative;top:-10px}.delete-confirm-modal p{margin-bottom:20px;padding:0 10px}.authButton{border:1px solid #c9b16e;border-radius:25px;color:#c9b16e;cursor:pointer;font-size:1.1em;padding:4px 8px;transition:all .3s ease}.authButton,.delete-confirm-modal input{background:#0000;font-family:Bodoni Moda,serif}.delete-confirm-modal input{border:1px solid #4a4a4a;border-radius:25px;color:#d4d4d4;padding:6px 12px;width:100%}.change-password-form{margin-bottom:30px}.language-option span{font-family:Cormorant Garamond;font-size:1.2em}.delete-confirm-modal .delete-row{align-items:center;display:flex;gap:10px;padding:0 10px}.delete-confirm-modal .delete-password-input{border:1px solid #4a4a4a;border-radius:25px;color:#d4d4d4;width:65%}.delete-confirm-modal .delete-button,.delete-confirm-modal .delete-password-input{background:#0000;font-family:Bodoni Moda,serif;margin-bottom:15px;padding:6px 12px}.delete-confirm-modal .delete-button{border:1px solid #ff6b6b;border-radius:25px;color:#ff6b6b;cursor:pointer;font-size:.8em;transition:all .3s ease;width:35%}.delete-confirm-modal .delete-button:hover{background:#ff6b6b1a}.delete-confirm-modal .delete-button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.settings-page{margin-bottom:-30px;padding:20px 16px!important;transform:translateY(-30px)}.settings-container{height:auto;margin:0 auto;max-width:380px;min-height:580px;padding:60px 16px 25px;width:100%}.settings-container:before{display:none}.settings-tabs{flex-direction:row;gap:0;height:auto;justify-content:space-around;left:16px;position:absolute;right:16px;top:15px}.tab-button{background:#0000;border-radius:0;box-shadow:none;color:#a0a0a0;flex:0 1 auto;font-size:10px;height:auto;padding:8px 6px;width:auto}.tab-button span{transform:none;white-space:nowrap;writing-mode:horizontal-tb}.tab-button.active{background:#0000;color:#c9b16e}.tab-button:hover:not(.active){color:#c9b16e}.settings-content{padding:15px 10px 0}.settings-content h2{font-size:1.6em;margin-bottom:20px}.settings-field{margin-bottom:18px}.settings-field label{font-size:1em}.settings-field input{font-size:1em;padding:10px 12px}.toggle-item{padding:8px 0}.toggle-item span{font-size:.9em;max-width:70%}.settings-save-button{font-size:1.1em;padding:10px;width:100%}.language-selector-header{padding:10px 12px}.language-name,.language-settings .settings-description{font-size:1em}.change-password-form .settings-save-button{margin-top:20px;min-width:auto;width:100%}.account-settings .profile-button.logout-button{min-width:auto;width:100%!important}.delete-confirm-modal .delete-row{flex-direction:column;gap:8px}.delete-confirm-modal .delete-button,.delete-confirm-modal .delete-password-input{width:100%}}.notifications-page{color:#d4d4d4;display:flex;flex:1 1;flex-direction:column;height:calc(100vh - 160px);margin:0 auto;padding:20px;width:1000px}.notifications-page h1{color:#c9b16e;font-family:Bona Nova SC,serif;font-size:2.5em;margin-bottom:40px;text-align:center;text-shadow:0 0 10px #c9b16e4d}.notifications-container{-ms-overflow-style:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:none;border-radius:12px;box-shadow:0 10px 30px #00000080;max-height:550px;overflow-y:auto;padding:20px;scrollbar-width:none}.notifications-container::-webkit-scrollbar{display:none}.notification-item{align-items:center;animation:gentleGlow 3s ease-in-out infinite;background:#0000;border:1px solid;border-radius:8px;display:flex;font-family:Cormorant Garamond,serif;justify-content:space-between;margin-bottom:10px;padding:15px 20px;transition:border-color .2s}@keyframes gentleGlow{0%{box-shadow:0 0 2px #0000;box-shadow:0 0 2px var(--glow-color,#0000)}50%{box-shadow:0 0 6px #0000;box-shadow:0 0 6px var(--glow-color,#0000)}to{box-shadow:0 0 2px #0000;box-shadow:0 0 2px var(--glow-color,#0000)}}.notification-item:hover{border-color:#ffffffb3}.notification-content{align-items:center;display:flex;flex:1 1;gap:15px}.notification-avatar,.notification-cover{border:1px solid #c9b16e4d;border-radius:50%;height:40px;object-fit:cover;width:40px}.notification-cover{border-radius:4px}.notification-date{color:#888;font-size:.8em;margin-left:15px;white-space:nowrap}.no-notifications{font-size:1.4em;padding:40px}.loading-indicator,.no-notifications{color:#888;font-family:Cormorant Garamond,serif;text-align:center}.loading-indicator{align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;box-shadow:none;display:flex;flex:1 1;flex-direction:column;font-size:1.5em;font-style:italic;justify-content:center;min-height:0}.loading-indicator p{color:#888;font-family:Cormorant Garamond,serif;font-size:.8em;font-style:italic}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #c9b16e4d;border-radius:50%;border-top-color:#c9b16e;height:50px;margin-bottom:20px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.notification-avatar-placeholder{border:1px solid #c9b16e4d;border-radius:50%;text-transform:uppercase}.notification-avatar-placeholder,.notification-cover-placeholder{align-items:center;background:#c9b16e33;color:#c9b16e;display:flex;font-size:1.2em;height:40px;justify-content:center;width:40px}.notification-cover-placeholder{border:1px solid #c9b16e4d;border-radius:4px}.notification-item{font-size:1.2rem;padding:18px 24px}.notification-content span{font-size:1.2rem}.notification-date{color:#aaa;font-size:1rem}@media (max-width:768px){.notifications-page{max-width:430px;min-height:auto;padding:20px 12px;width:100%}.notifications-page h1{font-size:1.8em;margin-bottom:20px}.notifications-container{border-radius:12px;max-height:calc(100vh - 120px);padding:12px}.notification-item{flex-wrap:wrap;margin-bottom:8px;padding:12px 14px}.notification-content{flex:1 1;gap:10px;min-width:0}.notification-content span{font-size:1rem;word-break:break-word}.notification-avatar,.notification-cover{flex-shrink:0;height:36px;width:36px}.notification-date{font-size:.8rem;margin-left:0;margin-top:6px;text-align:right;width:100%}.no-notifications{font-size:1.2em;padding:30px}.loading-indicator{font-size:.9rem;padding:15px}}@media (max-width:480px){.notifications-page{margin-bottom:-50px;padding:20px 16px!important;transform:translateY(-50px)}.notifications-page h1{font-size:1.6em}.notification-item{padding:10px 12px}.notification-content span{font-size:.9rem}.notification-avatar,.notification-cover{height:32px;width:32px}}.recent-page{color:#d4d4d4;display:flex;flex:1 1;flex-direction:column;margin:0 auto;padding:20px;width:1000px}.recent-page h1{color:#c9b16e;font-family:Bona Nova SC,serif;font-size:2.5em;margin-bottom:40px;text-align:center;text-shadow:0 0 10px #c9b16e4d}.recent-artists-section,.recent-tracks-section{margin-bottom:50px}.recent-artists-section h2,.recent-tracks-section h2{border-bottom:1px solid #c9b16e4d;color:#c9b16e;font-family:Cormorant Garamond,serif;font-size:1.8em;margin-bottom:20px;padding-bottom:10px}.artists-scroll{-ms-overflow-style:none;display:flex;gap:20px;overflow-x:auto;padding-bottom:10px;scrollbar-width:none}.artists-scroll::-webkit-scrollbar{display:none}.artistCard{cursor:pointer;flex:0 0 auto;text-align:center;width:140px}.artist-avatar-circle{border-radius:50%;height:120px;margin:0 auto 10px;overflow:hidden;transition:border-color .2s;width:120px}.artist-card:hover .artist-avatar-circle{border-color:#c9b16e99}.artist-avatar-img{height:100%;object-fit:cover;width:100%}.artist-info h4{color:#d4d4d4;font-family:Cormorant Garamond,serif;font-size:1.2em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trackslist{margin:0;padding:0}.track-item,.trackRow{height:60px}.trackRow{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;margin-bottom:10px;padding:10px 15px;transition:all .3s ease}.track-row:hover{border-color:#c9b16e4d}.trackCover{border-radius:6px;flex-shrink:0;height:50px;margin-right:15px;overflow:hidden;width:50px}.trackCover img{height:100%;object-fit:cover;width:100%}.track-info{flex:1 1}.track-info h4{color:#d4d4d4;font-size:1.2em;margin-bottom:3px}.track-info h4,.track-info p{font-family:Cormorant Garamond,serif}.track-info p{color:#a0a0a0;font-size:1em;margin:0}.track-duration{color:#a0a0a0;font-family:Bodoni Moda,serif;font-size:.9em;text-align:center;width:50px}.no-tracks{color:#888;font-family:Cormorant Garamond,serif;font-size:1.4em;padding:40px;text-align:center}.loading-container{align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:0}.loading-container p{color:#888;font-family:Cormorant Garamond,serif;font-size:1.2em;font-style:italic}.recent-tracks-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border-radius:12px;box-shadow:0 10px 30px #00000080;display:flex;flex-direction:column;margin-top:30px;padding:20px}.track-row.active{border-color:#c9b16e80}@media (max-width:768px){.recent-page{max-width:430px;min-height:auto;padding:20px 12px;width:100%}.recent-page h1{font-size:1.8em;margin-bottom:20px}.recent-artists-section h2,.recent-tracks-section h2{font-size:1.5em;margin-bottom:15px}.artists-scroll{display:flex;flex-direction:column;gap:8px;overflow-x:visible;padding-bottom:0}.artistCard{align-items:center;background:#0000;border-radius:8px;display:flex;padding:8px 12px;text-align:left;transition:background .2s ease;width:100%}.artistCard:hover{background:#c9b16e1a}.artist-avatar-circle{flex-shrink:0;height:48px;margin:0 12px 0 0;width:48px}.artist-info{flex:1 1}.artist-info h4{font-size:1.1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-artists-section{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border-radius:0;box-shadow:none;margin-bottom:30px;padding:0}.recent-tracks-section{margin-top:0;padding:16px}.track-row{height:auto;margin-bottom:6px;min-height:60px;padding:8px 10px}.track-cover{height:40px;margin-right:10px;width:40px}.track-info h4{font-size:1em}.track-info p{font-size:.85em}.track-duration{font-size:.8em;width:40px}.no-tracks{font-size:1.2em;padding:30px}.loading-container{min-height:300px}}@media (max-width:480px){.recent-page{margin-bottom:-50px;padding:20px 16px!important;transform:translateY(-50px)}.recent-page h1{font-size:1.6em}.recent-artists-section h2,.recent-tracks-section h2{font-size:1.3em}.artist-avatar-circle{height:40px;width:40px}.artist-info h4{font-size:1em}.track-cover{height:36px;width:36px}.artists-scroll .artistCard:nth-child(n+7){display:none}}
/*# sourceMappingURL=main.df2d2c2c.css.map*/