@keyframes neon-glow{to{text-shadow:0 0 5px #ff7cf580,0 0 10px #ff7cf54d,0 0 20px #ff7cf533}}*{border:none;margin:0;padding:0}*,:before,:after{box-sizing:border-box}a,a:link,a:visited,a:hover{text-decoration:none}aside,nav,footer,header,section,main{display:block}h1,h2,h3,h4,h5,h6,p{font-size:inherit;font-weight:inherit}ul,ul li{list-style:none}img{vertical-align:top}img,svg{max-width:100%;height:auto}address{font-style:normal}input,textarea,button,select{font-family:inherit;font-size:inherit;color:inherit;background-color:#0000}input::-ms-clear{display:none}textarea{resize:vertical}button,input[type=submit]{box-shadow:none;cursor:pointer;background:0 0;display:inline-block}button::-moz-focus-inner{border:0;padding:0}label{cursor:pointer}legend{display:block}input[type=file]{max-width:100%}#root{flex-direction:column;flex:1;display:flex}html{scroll-behavior:smooth;-webkit-user-select:none;user-select:none}body{flex-direction:column;min-height:100vh;margin:0;font-family:SUSE,Kanit,Saira,Space Grotesk,system-ui,-apple-system,sans-serif;display:flex}.telegram-fullscreen main{padding-top:200px}.telegram-fullscreen .player-page__picture{padding-top:130px}.telegram-fullscreen .player-page__controls{padding-top:50px}main{flex:1;padding-top:100px}input:focus{color:#fff;border-color:#ff7cf5;outline:none;box-shadow:0 0 15px #ff7cf566}input::placeholder{color:#adaaaa99}button{-webkit-tap-highlight-color:transparent;opacity:.99}.btn-violet{background:linear-gradient(90deg,#c084fc,#e879f9);border-radius:9999px;justify-content:center;align-items:center;width:50%;height:30px;display:flex}.btn-violet:active{background:linear-gradient(90deg,#c084fc4d,#e879f9)}h3{color:#adaaaa66;font-size:12px}.container{flex-direction:column;flex:1;width:100%;margin:0 auto;padding:0 14px;display:flex}.page{background-color:#0e0e0e;flex-direction:column;flex:1;min-height:100vh;display:flex}.loading-screen{color:#fff;padding-left:40px;font-size:30px}.app{flex-direction:column;min-height:100vh;display:flex}.keyboard-open{width:100%;height:100%;position:fixed;overflow:hidden}.telegram-fullscreen .header{padding-top:80px}.header{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0e0e0e;margin-bottom:24px;transition:all .3s;position:fixed;top:0;left:0;right:0;box-shadow:0 15px 32px #ff51fa14}.header--hidden{opacity:0;pointer-events:none;transition:all 1s;transform:translateY(-100%)}.header-wrapper{justify-content:space-between;padding:24px 0;display:flex;position:relative}.header-label{align-items:center;gap:12px;display:flex}.header-logo{filter:drop-shadow(0 0 8px #ff7cf5b3)drop-shadow(0 0 15px #ff7cf566);transition:filter .3s}@media (hover:hover){.header-logo:hover{filter:drop-shadow(0 0 14.4px #ff7cf5e6)drop-shadow(0 0 22.5px #ff7cf599)}}.header-logo:active{filter:drop-shadow(0 0 8px #ff7cf5b3)drop-shadow(0 0 15px #ff7cf566);transform:scale(.98)}.header-profile{z-index:2;border-radius:50%;width:34px;height:34px;position:relative;overflow:hidden}.header-profile__img{object-fit:cover;width:100%;height:100%}.header-profile__placeholder{color:#fff;background:linear-gradient(135deg,#ff7cf5,#c47fff);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-family:system-ui,-apple-system,sans-serif;font-size:16px;font-weight:700;display:flex}.header-profile--circle{z-index:1;background:linear-gradient(135deg,#ff7cf5 0%,#c47fff 100%);border-radius:50%;width:34px;height:34px;transition:all .3s;position:absolute;top:23px;right:-1px}.header-profile--circle:hover{transform:scale(1.05);box-shadow:0 0 15px #ff7cf599,0 0 30px #ff7cf54d}.title{background:linear-gradient(135deg,#ff7cf5 0%,#c47fff 100%);color:#0000;text-shadow:none;-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700;transition:text-shadow 10ms}.title:hover{animation:.8s forwards neon-glow}.title{filter:drop-shadow(0 0 8px #ff7cf5b3)drop-shadow(0 0 15px #ff7cf566);transition:filter .3s}@media (hover:hover){.title:hover{filter:drop-shadow(0 0 14.4px #ff7cf5e6)drop-shadow(0 0 22.5px #ff7cf599)}}.title:active{filter:drop-shadow(0 0 8px #ff7cf5b3)drop-shadow(0 0 15px #ff7cf566);transform:scale(.98)}.header-profile:hover~.header-profile--circle,.header-profile:hover+.header-profile--circle{transform:scale(1.06);box-shadow:0 0 12px #ff7cf599,0 0 24px #ff7cf566,0 0 36px #ff7cf533}.footer{color:#adaaaa99;z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transform-origin:bottom;will-change:transform;background:#262626cc;border:1px solid #ffffff1a;border-radius:50px;justify-content:center;max-width:350px;height:60px;margin:0 auto 20px;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000001a}.footer--hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(100%)scale(.75)}.footer-box{justify-content:space-between;align-items:center;gap:55px;font-size:10px;display:flex}.block{flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}.block-text{color:#e879f9;filter:drop-shadow(0 0 4px #ff7cf580);transition:filter .3s}.btn-search--active svg,.btn-loaded--active svg,.btn-library--active svg,.btn-player--active svg{filter:drop-shadow(0 0 4px #ff7cf580);overflow:visible}.btn-search--active path,.btn-loaded--active path,.btn-library--active path,.btn-player--active path{fill:#e879f9}.loaded-hero{background-color:#0e0e0e;justify-content:space-between;padding-bottom:24px;display:flex}.loaded-hero--active{display:block}.hero-section--left-none{display:none}.left-box{align-items:baseline;gap:10px;padding-bottom:10px;display:flex}.left-box--title{color:#fff}.left-box-count,.tracks{color:#adaaaa66}.hero-section-right{align-items:center;display:flex}.track-list{background-color:#1a1919;border-radius:8px;justify-content:center;width:34px;height:28px;display:flex}.track-menu{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#262626a9;border:1px solid #ffffff1a;border-radius:50px;width:300px;height:260px;padding:20px;animation:.4s cubic-bezier(.34,1.2,.64,1) forwards flyIn;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 -2px 10px #0000001a}.track-menu.closing{animation:.3s forwards flyOut}.track-menu__box{flex-direction:column;align-items:center;gap:20px;display:flex}.track-menu__top{align-items:flex-end;gap:70px;display:flex}.track-menu__button{-webkit-tap-highlight-color:#ff7cf54d;border-radius:50px}.track-menu__top-content{flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}.track-menu__top-content--label{color:#fff;font-size:12px}.track-menu__bottom{flex-direction:column;gap:20px;display:flex}.track-menu__bottom .track-menu__button:last-child .track-menu__bottom-content--label{color:#ff6e84}.track-menu__bottom-content{align-items:center;gap:20px;display:flex}.track-menu__bottom-content--label{color:#fff;font-size:18px}@keyframes flyIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.1)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes flyOut{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.1)}}.music-list__waveform{z-index:1000;position:absolute;top:17.5px;left:15px}.music-list__pause{z-index:1000;position:absolute;top:18px;left:19px}.music-list__cart{background-color:#1a191966;border-radius:12px;width:100%;margin-bottom:12px}.music-list__info{white-space:nowrap;flex:1;min-width:0;max-width:250px;overflow:hidden}.music-list__name{color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.music-list__album{color:#adaaaa99;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.music-list__box{justify-content:space-between;align-items:center;gap:16px;padding:10px 0 10px 20px;display:flex;position:relative}.music-list__box-left{align-items:center;gap:10px;display:flex;position:relative}.music-list__box-left:before{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 -5 25 35' fill='none'%3E%3Cpath d='M18 26.35L16.55 25.05C14.8667 23.5333 13.475 22.225 12.375 21.125C11.275 20.025 10.4 19.0375 9.75 18.1625C9.1 17.2875 8.64583 16.4833 8.3875 15.75C8.12917 15.0167 8 14.2667 8 13.5C8 11.9333 8.525 10.625 9.575 9.575C10.625 8.525 11.9333 8 13.5 8C14.3667 8 15.1917 8.18333 15.975 8.55C16.7583 8.91667 17.4333 9.43333 18 10.1C18.5667 9.43333 19.2417 8.91667 20.025 8.55C20.8083 8.18333 21.6333 8 22.5 8C24.0667 8 25.375 8.525 26.425 9.575C27.475 10.625 28 11.9333 28 13.5C28 14.2667 27.8708 15.0167 27.6125 15.75C27.3542 16.4833 26.9 17.2875 26.25 18.1625C25.6 19.0375 24.725 20.025 23.625 21.125C22.525 22.225 21.1333 23.5333 19.45 25.05L18 26.35Z' fill='%23FF7CF5'/%3E%3C/svg%3E");display:none;position:absolute;left:-20px}.music-list__box-left--active:before{animation:1.3s forwards fadeInScale;display:block}.music-list__box-right{gap:10px;display:flex}.music-list__box-image{width:50px;height:50px;position:relative}.music-list__box-img{object-fit:cover;border-radius:8px;width:100%;height:100%;transition:all .3s}.music-list__box-img--playing{filter:brightness(.4)}.music-list__dots{width:40px;transition:all .2s}.music-list__dots.shake{animation:.4s ease-in-out shake}.music-list__dots:hover{transition:transform .3s;transform:scale(1.5)}.music-list__dots:hover path{fill:#ff7cf5;fill-opacity:1}@keyframes shake{0%{transform:translate(0)rotate(0)}25%{transform:translate(-3px)rotate(-5deg)}50%{transform:translate(3px)rotate(5deg)}75%{transform:translate(-1px)rotate(-2deg)}to{transform:translate(0)rotate(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.waveform-canvas{border-radius:4px;width:20px;height:15px;display:block}.players-control--box{gap:20px;margin-bottom:30px;display:flex}.ui-overlay{z-index:50;background:#00000025;position:fixed;inset:220px 0 0}.mini-player{z-index:1000;will-change:transform;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#262626cc;border:1px solid #ffffff1a;border-radius:80px;width:80%;transition:transform .1s ease-out,box-shadow .2s ease-out;animation:.3s slideUp;position:fixed;bottom:90px;left:40px;right:0;transform:scale(1);box-shadow:0 -2px 10px #0000001a}.mini-player:active{transform:scale(.98)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mini-player__content{align-items:center;gap:12px;padding:12px 16px;display:flex}.mini-player__image{border-radius:5px;flex-shrink:0;width:30px;height:30px;overflow:hidden;box-shadow:0 2px 8px #0003}.mini-player__image img{object-fit:cover;width:100%;height:100%}.mini-player__info{flex:1;min-width:0}.mini-player__track-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.mini-player__artist-name{color:#fff9;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.mini-player__controls{flex-shrink:0;gap:16px;display:flex}.mini-player__controls button{background:0 0;border:none;justify-content:center;align-items:center;padding:8px;transition:transform .2s;display:flex}.mini-player__controls button:active{transform:scale(.95)}.search-box{justify-content:center;display:flex;position:relative}.search-box__input{background-color:#1a191999;border-radius:50px;width:80%;height:50px;padding-left:15%;font-size:18px;box-shadow:inset 0 0 0 100vmax #ff51fa14,0 15px 32px #ff51fa14}.search-box__icon-search{position:absolute;top:16px;left:55px}.search-box__btn-close{visibility:hidden;position:absolute;top:16px;right:55px}.search-box__btn-close--active{visibility:visible}.search-results__list{padding-top:30px}.search-results__item{background-color:#1a191966;border-radius:12px;justify-content:space-between;align-items:center;margin-top:10px;padding:10px 20px;display:flex}.search-results__item-left{align-items:center;gap:20px;display:flex}.search-results__image{width:60px;height:60px}.search-results__image-img{border-radius:6px}.search-results__name{color:#fff}.search-results__artist{color:#adaaaa99}.recent-header{color:#adaaaa99;justify-content:space-between;padding-top:40px;display:flex}.recent-list{max-height:60vh;padding-top:24px;padding-right:4px;overflow-y:auto}.recent-list__track-name{color:#fff}.recent-list__track-artist{color:#adaaaa99;font-size:14px}.recent-list__cart{background-color:#131313;border-radius:10px;grid-template-columns:auto 1fr .1fr;align-items:center;gap:16px;height:56px;margin-top:10px;display:grid}.recent-list__cart-text{flex-direction:column;gap:5px;display:flex}.recent-list__cart-icon{padding-left:16px}.recent-list__cart-close{margin-right:10px}.recent-empty{color:#adaaaa99;flex-direction:column;align-items:center;padding-top:100px;display:flex}.recent-empty__text{color:#fff;font-size:20px}.library{color:#fff;font-size:50px}.player-page-overlay{z-index:2000;background:#0a0a0a;animation:.4s slideUp;position:fixed;inset:0;overflow-y:auto}.player-page__box{padding:20px;position:relative}.player-page__swipe-area{position:absolute;left:0}.player-page__picture{justify-content:center;padding-top:30px;display:flex}.player-page__picture-img{border-radius:25px;width:100%;max-width:300px;display:block}.player-page__info{justify-content:space-between;align-items:center;gap:16px;padding-top:50px;display:flex}.player-page__track{flex:1;min-width:0;max-width:calc(100% - 60px);overflow:hidden}.player-page__track-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:20px;font-weight:700;display:block;overflow:hidden}.player-page__artist-name{color:#adaaaa;white-space:nowrap;text-overflow:ellipsis;font-size:20px;overflow:hidden}.player-page__actions{flex-shrink:0;gap:20px;display:flex}.player-page__progress{padding-top:20px}.player-page__progress-bar{background:#ffffff1a;border-radius:4px;height:6px;position:relative}.player-page__progress-bar:active{height:6px}.player-page__progress-fill{pointer-events:none;background:linear-gradient(90deg,#ff7cf5,#c47fff);border-radius:4px;height:100%;position:absolute}.player-page__progress-handle{pointer-events:none;opacity:0;background:#ff7cf5;border-radius:50%;width:12px;height:12px;transition:opacity .2s;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px #ff7cf599}.player-page__time{color:#adaaaa;justify-content:space-between;margin-bottom:8px;font-size:12px;display:flex}.player-page__function{padding-top:25px}.player-page__controls{justify-content:space-evenly;padding-top:20px;display:flex}.player-page__controls--prev,.player-page__controls--pause,.player-page__controls--next{transition:transform .3s}.player-page__controls--prev:active,.player-page__controls--pause:active,.player-page__controls--next:active{transform:scale(.8)}.player-page__control{background:0 0;border:none;padding:0}.player-page__control--play{justify-content:center;align-items:center;display:flex}.player-page__play-circle{background:linear-gradient(135deg,#ff7cf5,#c47fff);border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;display:flex;position:relative;box-shadow:0 0 40px #ff7cf566}.player-page__play-circle:before{content:"";background:#000;border-radius:50%;position:absolute;inset:4px}.player-page__pause,.player-page__play-icon{z-index:2;position:relative}.player-page__pause{gap:6px;display:flex}.player-page__pause-line{background:#ff5af9;border-radius:2px;width:8px;height:36px}.player-page__play-icon{border-top:16px solid #0000;border-bottom:16px solid #0000;border-left:26px solid #ff5af9;width:0;height:0;margin-left:10px}.svg-prev:active path,.svg-next:active path{fill:#ff5af9}.player-page__progress-bar:hover .player-page__progress-handle{opacity:1}.player-page__progress-bar:active .player-page__progress-handle{opacity:1;width:16px;height:16px}