@font-face{font-family:Revolution;src:url(/assets/CfRevolutionRegular-AEKM-BF5JLeNg.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}#root{top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:absolute;color:var(--color-text);background:linear-gradient(60deg,#1c2d2d,#0d1716)}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;--color-text: rgb(199 235 234);--color-dark-blue: #0d7f7a;--color-dark: #041e1d;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fontRevolution{font-family:Revolution,sans-serif}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;width:100%;height:100%;position:absolute;left:0;top:0;overflow:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@keyframes fadeAttention{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.fadeAttention{animation:fadeAttention 1s ease-in-out}.app{position:fixed;width:100%;height:100%}.logo-text{font-family:Revolution,sans-serif;position:absolute;top:15px;left:15px;font-size:28px;color:var(--color-dark-blue)}.logo-descr{position:absolute;font-family:sans-serif;top:50px;left:75px;font-style:italic}.poster{position:fixed;right:0;bottom:0;max-width:calc(100% - 10px);display:flex}.poster a{margin:0;position:relative;border-radius:6px;overflow:hidden;display:flex}.top-menu{display:flex;position:fixed;top:0;width:100%;justify-content:center;gap:12px;padding:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(66,100,58,.1)}.menu-item{color:#0d7f7a;background:none;border:none;font-size:16px;padding:8px 16px;border-radius:10px;cursor:pointer;transition:all .2s ease}.menu-item:hover{color:#12a49e;background:#96fbf30d}.menu-item.active{color:#c0e8e4;background:#96fbf326;font-weight:600}.page-bg{position:fixed;z-index:-1;width:100%;height:100%;background-position:center;background-size:cover;filter:saturate(0);opacity:.5}.page-bg--after{display:block;position:fixed;width:100%;height:100%;background:#042f2da6}@media screen and (max-width: 575px){.poster{zoom:.8}.top-menu{top:75px;gap:8px;padding:6px;border-top:1px solid rgba(66,100,58,.1)}.menu-item{font-size:13px;padding:6px 12px;border-radius:6px}}.live-player{display:flex;flex-direction:column;align-items:center;position:absolute;left:calc(50% - 110px);top:calc(50% - 110px)}.cover,.coverBox{width:80px;height:80px}.player-content{position:absolute;bottom:calc(50% - 180px);width:100%;display:flex;align-items:center;justify-content:center}.nowBox{position:absolute;display:flex;margin:10px;min-width:320px;max-width:calc(100% - 10px);background:#5fa0a480;font-size:13px;border-radius:6px;overflow:hidden;box-shadow:0 2px 8px var(--color-dark)}.contentBox{padding:5px 10px;color:var(--color-dark);font-weight:500;min-width:220px}.nowplayTitle{font-size:18px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.nextToPlay{font-style:italic}.player-status{position:fixed;left:5px;bottom:5px;font-size:12px;font-style:italic}@keyframes shining{0%,to{box-shadow:0 0 10px #00f0ff66,inset 0 0 20px #00f0ff22}50%{box-shadow:0 0 30px #00f0ff66,inset 0 0 20px #00f0ff22}}.energy-button{-webkit-tap-highlight-color:transparent;position:relative;width:220px;height:220px;border-radius:50%;border:none;color:#88f8ff99;font-family:Orbitron,sans-serif;font-size:.9rem;letter-spacing:1px;z-index:0;cursor:pointer;overflow:hidden;box-shadow:0 0 20px #00f0ff66,inset 0 0 20px #00f0ff22;-webkit-user-select:none;user-select:none}.energy-button:hover{background:#00f0ff05}.energy-button:active{transition:.2s;transform:scale(.9)}.energy-button.load{pointer-events:none}.energy-button.playing{animation:shining 4s linear infinite}.energy-button .glow:before,.energy-button .glow:after{content:"";position:absolute;inset:-25%;border-radius:50%;z-index:-1;filter:blur(12px);opacity:.3}.energy-button .glow:before{opacity:.5;background:conic-gradient(from 0deg,rgba(0,240,255,.2) 0deg,rgba(0,240,255,.6) 90deg,rgba(0,240,255,.2) 180deg,transparent 270deg,rgba(0,240,255,.2) 360deg);animation:rotateGlow 8s linear infinite}.energy-button .glow:after{background:conic-gradient(from 180deg,transparent,rgba(0,240,255,.2666666667) 60deg,rgba(0,240,255,.6) 120deg,rgba(0,240,255,.2666666667) 180deg,transparent 240deg,rgba(0,240,255,.1333333333) 300deg,transparent 360deg);animation:rotateGlowReverse 14s linear infinite;opacity:.4;filter:blur(16px)}.energy-button .inner-glow{position:absolute;inset:10%;border-radius:50%;background:conic-gradient(from 45deg,rgba(0,240,255,.0666666667),rgba(0,240,255,.3333333333) 120deg,transparent 180deg,rgba(0,240,255,.1333333333) 270deg,rgba(0,240,255,.0666666667) 360deg);animation:rotateGlowInner 8s linear infinite;filter:blur(10px);opacity:.3;z-index:-2;pointer-events:none}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateGlowReverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes rotateGlowInner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fog-mask{position:absolute;inset:0;z-index:2;pointer-events:none;mask-image:radial-gradient(circle,transparent 15%,black 80%);-webkit-mask-image:radial-gradient(circle,transparent 15%,black 80%);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}.energy-button__title{position:absolute;width:100%;top:80px;text-align:center;font-size:42px;font-weight:600;color:var(--color-text);z-index:4}.energy-button__text{position:absolute;width:100%;text-align:center;font-size:16px;bottom:35px;padding:15px;box-sizing:border-box;z-index:4;text-transform:uppercase}.slogan-wrapper{position:fixed;width:100%;height:100px;bottom:calc(50% - 230px);overflow:hidden;display:flex;align-items:center;justify-content:center}.slogan{position:absolute;font-size:2rem;font-weight:700;color:var(--color-text);opacity:0;transform:translate(100%) scale(.9);white-space:nowrap;font-style:italic;animation:slideInOut 4s ease-in-out forwards}.slogan.final{position:relative;opacity:1;transform:translate(0) scale(1);color:var(--color-text);font-size:2.2rem;letter-spacing:1px;animation:slideFadeIn ease-out 3s forwards}@keyframes slideFadeIn{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideInOut{0%{opacity:0;transform:translate(100%) scale(.9)}10%{opacity:1;transform:translate(0) scale(1)}70%{opacity:1;transform:translate(0) scale(1.05)}to{opacity:0;transform:translate(-100%) scale(1)}}.track-list{position:absolute;top:90px;overflow:auto;width:100%;padding:0 30px 200px;max-height:calc(100vh - 60px);box-sizing:border-box;left:0}.tracks{margin:auto;max-width:960px}.search-input{position:sticky;top:0;background:#072624;border:1px solid #0d7f7a;padding:4px 8px;border-radius:4px;color:#12a49e;z-index:2;margin-left:10px}.search-input::placeholder{color:#0d7f7a}.track-item{width:100%;display:flex;align-items:center;gap:12px;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.05);transition:background .2s;cursor:pointer}.track-item:hover{background:#ffffff0d}.track-item .track-cover img{border-radius:6px;object-fit:cover}.track-item .track-info{flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0}.track-item .track-info .track-name{font-size:15px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-item .track-progress{width:240px;margin-top:4px;height:4px;background:#ffffff26;border-radius:2px;overflow:hidden;position:relative}.track-item .track-progress.playing{cursor:pointer}.track-item .track-progress__line{position:absolute;width:100%;height:4px;background:var(--color-text);border-radius:4px}.track-item .track-controls{display:flex;align-items:center;gap:8px}.track-actions{display:flex;align-items:center;gap:12px}.track-btn{background:none;border:none;color:#ccc;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;transition:color .2s}.track-btn:hover{color:#fff}.track-btn--download{margin-left:auto}.time-bar{position:relative}.time-progress{position:absolute;top:100%;font-size:12px}.forVideoBox{padding:15px;border:2px dashed;margin:15px 0;border-radius:12px;background:#ffffff38;position:relative}.forVideoBox__title{font-size:18px;font-weight:600;margin-bottom:5px}.forVideoBox__text{font-style:italic}.btn-palce{display:flex;align-items:center;justify-content:center}.download-button{display:inline-block;padding:10px 20px;border-radius:6px;font-weight:600;text-transform:uppercase;font-size:14px;letter-spacing:.5px;color:#fff!important;background:linear-gradient(135deg,#3a6b52,#2f605e);border:1px solid rgba(12,93,64,.5);cursor:pointer;text-decoration:none;transition:all .25s ease}.download-button:hover{background:linear-gradient(135deg,#273d38,#325657);box-shadow:0 0 10px #5affba66;transform:translateY(-1px)}.download-button:active{transform:translateY(1px);box-shadow:0 0 6px #5affd34d}.forVideoBox__copy{position:absolute;right:5px;top:5px;border:none!important;outline:none!important;border-radius:6px;cursor:pointer;padding:6px 8px;display:flex;align-items:center;justify-content:center;transition:background .2s;background:none}.forVideoBox__copy:hover{background:#fff3}.forVideoBox__copy svg{color:var(--color-dark)}.forVideoBox__copied{margin-left:6px;font-size:12px;color:#198019;animation:fadeOut 1.5s forwards}@keyframes fadeOut{0%{opacity:1}80%{opacity:1}to{opacity:0}}@media screen and (max-width: 575px){.track-list{top:130px;padding-left:0;padding-right:0}.track-item{flex-wrap:wrap}}.modalOverlay{position:absolute;top:0;width:100%;height:100%;background-color:#000c;padding:60px 15px 15px;z-index:101;justify-content:center;align-items:center;display:flex;box-sizing:border-box}.modal-content{min-height:240px;max-height:90vh;max-width:96%;width:640px;background:#e5ffffcc;position:relative;border-radius:8px;color:var(--color-dark);padding:15px}.cross{position:absolute;right:5px;top:5px}@media screen and (max-width: 575px){.modal-title{margin-top:-10px;padding-right:10px}.modal-content{font-size:14px}.modal-content p{margin:5px 0}.modal-content ul{margin:5px!important;padding-left:15px!important}.forVideoBox__title{font-size:16px}}
