body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Geologica;font-style:normal;font-weight:400;src:url(/static/media/Geologica-SemiBold.c367c21f39a95abeddff.ttf) format("ttf")}.app-bg-layer{inset:0;opacity:1;pointer-events:none;position:fixed;transition:opacity .22s ease;z-index:-1}.app-bg-layer,body{background-repeat:no-repeat;background-size:contain}body{background-image:url(data:image/jpeg;base64,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);color:#333;font-family:Arial,sans-serif;margin:0;padding:0;transition:background-color .3s ease}.App{align-items:center;background-color:#fff;border-top-left-radius:30px;border-top-right-radius:30px;box-sizing:border-box;display:flex;flex-direction:column;height:auto;justify-content:flex-start;margin-top:clamp(60px,15vh,30%);max-width:100%;overflow-x:hidden;padding:20px 20px 0}h1,h2,h3,p,span{font-family:Geologica,sans-serif}.top-bar{display:flex;justify-content:space-between;margin-bottom:20px;width:100%}.close-button,.menu-button{background:none;border:none;color:#007bff;font-size:22px}.track-info{align-items:center;display:flex;flex-direction:column;gap:clamp(10px,2vh,20px);margin-top:clamp(10px,2vh,20px);max-width:100%}.track-image{aspect-ratio:1;border-radius:12px;box-shadow:0 4px 5px #0000004d;height:min(250px,55vw);margin-block:clamp(15px,3vh,30px);object-fit:cover;object-position:center;width:min(250px,55vw)}.track-info h2,.track-info p{margin:4px 0;text-align:center}.track-info h2{font-size:18px;font-weight:700;text-align:left}.track-info p{color:#bcc1d4;font-size:14px}.stats{display:flex;justify-content:space-around;margin-top:clamp(10px,2vh,20px);width:80vw}.stat{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.stat p{color:#bcc1d4;line-height:0px}.stat h3{font-size:18px;font-weight:700;line-height:0px}.player{flex-direction:column;gap:clamp(10px,2vh,20px);justify-content:center;margin-block:clamp(10px,2vh,15px);text-align:center}.bottom-bar,.player{display:flex;width:100%}.bottom-bar{justify-content:space-around;margin-top:20px}.bottom-btn{background:none;border:none;color:#007bff;cursor:pointer;font-size:28px}.bottom-btn:hover{color:#0056b3}.footer{align-items:center;background-color:#fff;border-top:1px solid #f1f1f1;bottom:0;display:flex;justify-content:space-around;padding-bottom:20px;padding-top:20px;position:fixed;width:100%;z-index:10}.footer-btn{background:#0000;border:none;width:30px}.iconImg{width:30px}.app-auth-overlay,.mainContent_wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center}.app-auth-overlay{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#00000080;bottom:76.5px;gap:24px;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.app-auth-message{color:#fff;font-size:18px;line-height:1.5;margin:0;max-width:320px;text-align:center}.earned-popup-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.earned-popup{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0003;max-width:90vw;padding:20px;text-align:center;width:240px}.earned-popup-title{color:#1c274c;font-size:15px;font-weight:600;line-height:1.3;margin:0 0 4px}.earned-popup-sdm{color:#1c274c;font-size:20px;font-weight:700;margin:0 0 12px}.earned-popup-subtext{color:#666;font-size:13px;line-height:1.4;margin:0 0 16px}.earned-popup-btn{background:#1c274c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px}.earned-popup-btn:hover{background:#2a3a6a}.track-captions{align-items:flex-start;display:flex;flex-direction:column}.track-captions-wrapper{align-items:center;display:flex;justify-content:space-between;width:70vw}.alboms_ref_icon{transition:all 1s;width:50px}.alboms_ref_icon:hover{filter:brightness(.9);transform:scale(1.1)}.control-btn{background-color:initial;border:none;cursor:pointer;padding:0;transition:transform .2s ease-in-out;width:10%}.control-btn:active{transform:scale(.9)}.control-icon{width:80%}.control-btn.ping:active{animation:ping .6s ease-out}@keyframes ping{0%{opacity:1;transform:scale(1)}70%{opacity:.7;transform:scale(1.5)}to{opacity:0;transform:scale(1)}}.progress{display:flex;flex-direction:column;gap:8px;margin:15px auto;width:80%}.progress input[type=range]{width:100%}.progress-time{display:flex;justify-content:space-between;width:100%}.progress-time span{color:#888;font-size:12px}input[type=range]{appearance:none;background:#ddd;border-radius:5px;height:5px;outline:none;transition:background .3s ease;width:100%}input[type=range]::-webkit-slider-thumb{appearance:none;background:#1c274c;border-radius:50%;cursor:pointer;height:15px;-webkit-transition:background .3s ease;transition:background .3s ease;width:15px}input[type=range]::-moz-range-thumb{background:#1c274c;border-radius:50%;cursor:pointer;height:20px;-moz-transition:background .3s ease;transition:background .3s ease;width:20px}input[type=range]::-ms-thumb{background:#1c274c;border-radius:50%;cursor:pointer;height:20px;-ms-transition:background .3s ease;transition:background .3s ease;width:20px}input[type=range]:hover::-webkit-slider-thumb{background:#1c274c}input[type=range]:hover::-moz-range-thumb{background:#1c274c}input[type=range]:hover::-ms-thumb{background:#1c274c}input[type=range]:active::-webkit-slider-thumb{background:#004085}input[type=range]:active::-moz-range-thumb{background:#004085}input[type=range]:active::-ms-thumb{background:#004085}.control-buttons-wrapper{align-items:center;column-gap:60px;display:flex;justify-content:center}@media (max-width:768px){.track-info h2{font-size:18px}.track-image,.youtube-player-embed{aspect-ratio:1;height:200px;width:200px}.track-image{object-fit:cover;object-position:center}.stat h3{font-size:20px}.progress span{font-size:12px}}@media (max-height:700px){.App{margin-top:clamp(40px,8vh,80px)}.track-image,.youtube-player-embed{height:min(180px,45vw);margin-block:12px;width:min(180px,45vw)}.mainContent_wrapper .stats{margin-top:12px}.mainContent_wrapper .track-info{gap:12px;margin-top:12px}.mainContent_wrapper .player{gap:12px;margin-block:10px}.mainWrapper{padding-bottom:85px}}@media (max-height:580px){.App{margin-top:30px}.track-image,.youtube-player-embed{height:min(140px,40vw);margin-block:8px;width:min(140px,40vw)}.mainContent_wrapper .stats{margin-top:8px}.mainContent_wrapper .track-info{gap:8px;margin-top:8px}.mainContent_wrapper .player{gap:8px;margin-block:8px}.stat h3,.track-info h2{font-size:16px}.mainWrapper{padding-bottom:80px}}.trophy-page{align-items:center;display:flex;flex-direction:column;padding:20px}.trophy-header{color:#1c274c;font-size:24px;font-weight:700;margin-bottom:20px;text-align:center;width:100%}.trophy-list{flex-direction:column;gap:20px;width:100%}.trophy-item,.trophy-list{align-items:center;display:flex}.trophy-item{background-color:#f3f5fb;border-radius:10px;height:64px;justify-content:space-between;padding:5px;padding-inline:16px;width:80vw}.trophy-item .user-info{align-items:center;display:flex}.trophy-item img{border-radius:50%;height:50px;margin-right:15px;width:50px}.trophy-avatar{align-items:center;background:linear-gradient(135deg,#1c274c,#2d3f7c);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:44px;justify-content:center;margin-right:14px;width:44px}.trophy-item-me{background:linear-gradient(135deg,#e8edf8,#d4dcf5);border:1.5px solid #1c274c}.trophy-username{color:#bcc1d4;font-size:11px;font-weight:400}.trophy-my-rank{color:#1c274c;font-size:13px;margin-bottom:12px;margin-top:-8px;text-align:center}.trophy-loading{color:#bcc1d4;font-size:14px;margin-top:40px;text-align:center}.trophy-item .user-name{color:#333;font-size:16px;font-weight:700}.trophy-item .user-score{color:#bcc1d4;font-size:12px;font-weight:700}.trophy-item .user-rank{color:#1c274c;font-size:14px;font-weight:600}.user-data{gap:5px}.tasks-page,.user-data{display:flex;flex-direction:column}.tasks-page{gap:20px;padding-top:20px;width:80vw}.header{color:#1c274c;font-size:24px;font-weight:700;margin-bottom:20px;text-align:center}.referral-program{background-color:#f0f1f6;border-radius:10px;padding:15px}.referral-program h3{color:#1c274c;font-size:20px;font-weight:700}.referral-program ul{margin-top:10px;padding-inline-start:0}.referral-program li{color:#666;font-size:16px}.tasks-list{display:flex;flex-direction:column;gap:15px}.task-item{align-items:center;background-color:#f3f5fb;border-radius:10px;display:flex;justify-content:space-between;padding:15px}.task-item .task-info{display:flex;flex-direction:column;gap:10px}.task-item .task-name{color:#1c274c;font-weight:700}.task-item .task-status{color:#1c274c;font-size:14px}.task-status.green{color:#06ae73}.task-status.blue{color:#2769ef}.task-item button{background-color:#1c274c;border:none;border-radius:40px;color:#fff;cursor:pointer;font-size:14px;padding:8px 15px}.task-item button:disabled{background-color:#ccc;cursor:not-allowed}.referral-title{align-items:center}.referral-program ul,.referral-title{display:flex;gap:10px;justify-content:flex-start}.referral-program ul{align-items:flex-start;flex-direction:column;list-style:none}.referral-program ul li{align-items:center;display:flex;gap:10px;height:100%}.reff-captions{align-items:flex-start;color:#1c274c;display:flex;flex-direction:column;gap:0;justify-content:center}.referral-program ul li p{font-size:12px;margin-block-end:0;margin-block-start:10px}.reffLevelTitle{font-weight:600}.diver-captions{background-color:#bcc1d4;border-radius:5px;height:40px;width:2px}.mainWrapper{min-height:0;padding-bottom:90px}.tasksIconOnPage{align-items:center;display:flex;gap:10px;justify-content:flex-start}.tasksIconOnPage img{width:30px}.tasksAmount{align-items:center;display:flex;justify-content:space-between}.playlists-page,.tasks-page,.trophy-page,.wallet-page{animation:pageFadeIn .25s ease}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}.wallet-page{background-color:#fff;border-radius:10px;padding:20px}.wallet-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.wallet-header h2{font-size:24px;font-weight:700}.connect-wallet-btn{background-color:#1c274c;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 16px}.connect-wallet-btn:hover{background-color:#357ab7}.wallet-info{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:20px;width:100%}.wallet-avatar-wrap{margin-bottom:4px}.wallet-avatar{border-radius:50%;box-shadow:0 4px 10px #0000004d;height:80px;object-fit:cover;width:80px}.wallet-avatar-initials{align-items:center;background:linear-gradient(135deg,#1c274c,#2d3f7c);color:#fff;display:flex;font-size:32px;font-weight:700;justify-content:center}.wallet-tg-name{color:#1c274c;font-size:18px;font-weight:700;margin-top:10px;text-align:center}.wallet-tg-username{margin-bottom:0;margin-top:3px;max-width:260px;word-break:break-all}.wallet-tg-username,.wallet-user-id{color:#bcc1d4;font-size:13px;text-align:center}.wallet-user-id{font-weight:600;letter-spacing:1.5px;margin-top:4px}.modal-overlay{align-items:flex-end;background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-sheet{animation:slideUp .25s ease;background:#fff;border-radius:24px 24px 0 0;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;height:calc(100vh - 76.5px);max-width:480px;overflow-y:auto;padding:20px 16px 32px;width:100%}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-title{color:#1c274c;font-size:20px;font-weight:700;text-align:center}.modal-subtitle{color:#bcc1d4;font-size:13px;line-height:1.5;text-align:center}.modal-label{color:#1c274c;font-size:12px;font-weight:600;margin-bottom:-6px}.modal-input{border:1.5px solid #e5e7f0;border-radius:12px;box-sizing:border-box;color:#1c274c;font-size:15px;outline:none;padding:12px 14px;transition:border-color .2s;width:100%}.modal-input:focus{border-color:#1c274c}.modal-balance-hint{color:#bcc1d4;font-size:12px;margin-top:-6px}.modal-error{color:#f44336;font-size:13px;text-align:center}.modal-btn{background:#1c274c;border:none;border-radius:40px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:13px;transition:opacity .2s;width:100%}.modal-btn:disabled{cursor:not-allowed;opacity:.5}.modal-btn-cancel{background:#f0f1f6;color:#1c274c}.modal-success-icon{font-size:52px;margin-bottom:4px;text-align:center}.modal-steps{display:flex;gap:8px;justify-content:center;margin-bottom:8px}.modal-step-dot{background:#e5e7f0;border-radius:50%;height:8px;transition:background .3s;width:8px}.modal-step-dot.active{background:#1c274c}.modal-confirm-row{align-items:center;border-bottom:1px solid #f0f1f6;color:#1c274c;display:flex;font-size:14px;justify-content:space-between;padding:12px 0}.modal-spinner{animation:spin .8s linear infinite;border:3px solid #e5e7f0;border-radius:50%;border-top-color:#1c274c;height:40px;margin:16px auto;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.balance{text-align:center}.balance p{color:#888;font-size:12px;margin-block-end:0}.balance h3{color:#1c274c;font-size:28px;font-weight:600;margin-block-end:20px;margin-block-start:5px}.wallet-buttons{gap:10px}.send-btn,.wallet-buttons{align-items:center;display:flex;justify-content:center}.send-btn{background-color:#1c274c;border:none;border-radius:40px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;height:40px;padding:10px 20px;transition:all 1s;width:137px}.send-btn:last-child{background-color:#06ae73}.send-btn img{margin-right:3px}.send-btn:hover{background-color:#357ab7}.transactions{margin-top:20px}.transactionsCaptionDate h3{color:#1c274c;font-size:20px}.transactionsCaptionDate p{color:#bcc1d4;font-size:12px}.transactions-list{flex-direction:column;gap:20px;list-style:none;padding:0}.transaction-item,.transactions-list{align-items:center;display:flex;width:100%}.transaction-item{background-color:#f0f1f6;border-radius:12px;justify-content:space-between;padding:15px}.transaction-info{display:flex;flex-direction:column;gap:5px}.transaction-type{color:#888;font-size:14px}.transaction-amount{color:#06ae73;font-size:16px;font-weight:600}.transaction-amount.sent{color:#f44336}.transaction-type-caption{color:#1c274c;font-size:12px;font-weight:600}.transaction-type-date{color:#bcc1d4;font-size:12px}.transaction-type.received{color:#06ae73}.transaction-type.sent{color:#f44336}.sendIconBalance{width:20px}.transactionsCaptionDate{align-items:baseline;display:flex;justify-content:space-between}.txTypeIcon{width:40px}.transaction-info-wrapper{align-items:center;display:flex;gap:10px}.tabs{background:#f0f1f6;border-radius:12px;display:flex;justify-content:space-around;margin-bottom:20px}.tab{background:#0000;border:none;border-radius:8px;color:#1c274c;cursor:pointer;flex:1 1;font-size:12px;font-weight:700;padding:10px;padding-block:10px;text-align:center}.tab.active{background:#1c274c;color:#f0f1f6}.albums-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.album-card{background:#fff;border-radius:12px;color:#1c274c;line-height:7px;padding-block:0;padding-inline:5px;text-align:start}.album-card h3,.album-card p{font-size:12px}.album-card p{color:#bcc1d4;font-weight:600}.album-cover{aspect-ratio:1;border-radius:10px;margin-bottom:8px;object-fit:cover;object-position:center;width:100%}.splash-screen{align-items:center;background:#fff;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;opacity:1;position:fixed;right:0;top:0;transition:opacity .8s ease;width:100%;z-index:9999}.splash-screen.fade-out{opacity:0;pointer-events:none}.splash-logo{display:block;height:auto;margin:0 auto 40px;width:120px}.splash-logo,.splash-title{animation:scalePulse 2s ease-in-out infinite}.splash-title{color:#1c274c;font-family:Geologica,sans-serif;font-size:28px;font-weight:700;letter-spacing:8px;margin-bottom:20px}@keyframes scalePulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.splash-screen .dots{display:flex;gap:10px;justify-content:center}.dots span{animation:blink 1.4s infinite;background:#1c274c;border-radius:50%;height:8px;width:8px}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.3}40%{opacity:1}}.services-connect-button{align-items:center;border:none;border-radius:10px;color:#1c274c;display:flex;font-family:Geologica,sans-serif;font-size:13px;font-weight:400;gap:10px;height:50px;justify-content:center;width:220px}.link-auth-back{text-decoration:none}.spotify-auth-popup{background:#1db954;border-radius:12px;box-shadow:0 4px 16px #00000040;color:#fff;left:50%;padding:12px 24px;position:fixed;transform:translateX(-50%)}.spotify-auth{align-items:center;background-color:#1c274c;border:none;border-radius:40px;color:#fff;cursor:pointer;display:none;font-size:12px;font-weight:600;gap:10px;height:40px;justify-content:space-between;padding:5px 10px;transition:all 1s}.spotify-logo{width:30px}.auth-popup{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.auth-popup-inner{background:#fff;border-radius:10px;color:#1c274c;padding:30px;text-align:center}.auth-popup-inner button{margin:10px auto;padding:10px}.track-display{align-items:center;display:flex;justify-content:center;position:relative}.track-display-clickable{cursor:pointer}.youtube-player-embed{aspect-ratio:1;border-radius:12px;box-shadow:0 4px 5px #0000004d;height:min(250px,55vw);margin-block:clamp(15px,3vh,30px);overflow:hidden;width:min(250px,55vw)}.youtube-player-embed.youtube-player-hidden{margin:0;opacity:0;pointer-events:none;position:absolute;visibility:hidden}.track-embed-hint{color:#888;font-size:12px;line-height:1.3;margin:8px 0 0;max-width:260px;text-align:center}.youtube-player-embed iframe{height:100%!important;width:100%!important}.auth-options{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-top:2rem}@media (min-width:769px){body{background-position:top;background-size:480px auto;display:flex;justify-content:center}#root{min-height:100vh;overflow:hidden;position:relative;width:480px}.app-bg-layer{left:50%;transform:translateX(-50%);width:480px}.App{max-width:480px}.footer{left:50%;transform:translateX(-50%);width:480px}.stats,.track-captions-wrapper{max-width:380px;width:100%}.progress{width:85%}.control-btn{align-items:center;display:flex;height:48px;justify-content:center;width:30px!important}.control-icon{height:auto}.control-buttons-wrapper{column-gap:36px}.track-image,.youtube-player-embed{height:260px;width:260px}.mainWrapper{width:80%}.playlist-page,.referral-program,.tasks-list,.tasks-page,.tasksAmount,.trophy-item,.wallet-page{box-sizing:border-box;width:100%}}
/*# sourceMappingURL=main.be3da09b.css.map*/