@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,900);@import url(https://fonts.googleapis.com/css?family=Anonymous+Pro);@import url(https://fonts.googleapis.com/css?family=Exo:300,800);.music-form-container{align-items:stretch;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff05;border:1px solid #ffffff40;border-radius:10px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:20px;max-height:calc(100vh - 220px);overflow:hidden;overflow-y:auto;padding:16px 20px}.music-form-container h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ffa700,#ff5200);-webkit-background-clip:text;background-clip:text;color:#0000;display:flex;font-size:24px;font-weight:600;justify-content:center;margin-bottom:16px;margin-top:0}.music-form{gap:20px}.form-group,.music-form{display:flex;flex-direction:column;width:100%}.form-group{gap:8px}.form-group label{color:#fff;font-size:16px;font-weight:500}.form-group input[type=text],.form-group select,.form-group textarea{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff05;border:1px solid #ffffff40;border-radius:8px;box-sizing:border-box;color:#fff;font-size:16px;padding:12px;width:100%}.form-group textarea{min-height:100px;resize:vertical}.checkbox-group{flex-direction:row;gap:10px;width:100%}.checkbox-group input[type=checkbox]{accent-color:#007aff;height:20px;margin:0;width:20px}.submit-button{background:linear-gradient(179deg,#ffa700,#ff5200);font-size:16px}.cancel-button,.submit-button{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:16px;transition:background-color .2s;width:100%}.cancel-button{background:linear-gradient(179deg,#7c7c7c,#535353)}@media (max-width:768px){.music-form-container{padding:16px}.form-group{gap:6px}.form-group label{font-size:14px}.form-group input[type=text],.form-group select,.form-group textarea{font-size:14px;padding:10px}.cancel-button,.submit-button{font-size:14px;padding:14px}}@media (max-width:480px){.music-form{gap:16px}.checkbox-group label{font-size:14px}}.form-group select option{background-color:#590064;color:#fff}.button-group{display:flex;flex-direction:row-reverse;gap:10px}.checkbox-group{align-items:center;display:flex;font-family:Inter,sans-serif;gap:8px;margin:12px 0}.checkbox-group label{align-items:center;color:#eaeaea;cursor:pointer;display:flex;font-size:15px;transition:color .2s ease;-webkit-user-select:none;user-select:none}.checkbox-group label:hover{color:#fff}.checkbox-group input[type=checkbox]{appearance:none;-webkit-appearance:none;background-color:initial;border:2px solid #888;border-radius:4px;cursor:pointer;display:inline-block;height:18px;margin-right:8px;position:relative;transition:all .2s ease;width:18px}.checkbox-group input[type=checkbox]:hover{border-color:#aaa}.checkbox-group input[type=checkbox]:checked{background-color:#ff5200;border-color:#ff5200}.checkbox-group input[type=checkbox]:checked:after{color:#fff;content:"✔";font-size:14px;left:2px;position:absolute;top:-1px}.image-previews{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.preview-container{height:80px;position:relative;width:80px}.preview-image{border-radius:5px;height:100%;object-fit:cover;width:100%}.remove-button{background:red;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:14px;height:20px;line-height:20px;position:absolute;right:-5px;text-align:center;top:-5px;width:20px}button.help-button{background:linear-gradient(179deg,#ffa700,#ff5200);border:none;border-radius:7px;cursor:pointer;margin-left:5px;transition:background-color .2s}.toast-message{animation:fadeIn .3s ease-in;background-color:#000c;border-radius:8px;color:#fff;left:50%;padding:12px 24px;position:fixed;top:20px;transform:translateX(-50%);z-index:1000}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}html{background:radial-gradient(ellipse at bottom,#590064 0,#090a0f 100%);height:100%;overflow:hidden}#stars{animation:animStar 50s linear infinite;border-radius:10px;height:5px;width:5px}#stars,#stars:after{background:#0000;box-shadow:multiple-box-shadow(700)}#stars:after{content:" ";height:1px;position:absolute;top:2000px;width:1px}#stars2{animation:animStar 100s linear infinite;border-radius:10px;height:7px;width:7px}#stars2,#stars2:after{background:#0000;box-shadow:multiple-box-shadow(200)}#stars2:after{content:" ";height:2px;position:absolute;top:2000px;width:2px}#stars3{animation:animStar 150s linear infinite}#stars3,#stars3:after{background:#0000;box-shadow:multiple-box-shadow(100);height:3px;width:3px}#stars3:after{content:" ";position:absolute;top:2000px}@keyframes animStar{0%{transform:translateY(0)}to{transform:translateY(-2000px)}}:root{--star-small:random-stars(700);--star-medium:random-stars(200);--star-big:random-stars(100)}.modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1}.modal-content{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff05;border:1px solid #ffffff40;border-radius:8px;box-shadow:0 8px 32px #0000004d;color:#fff;max-width:500px;padding:5px;width:90%}.modal-header{align-items:flex-start;background:linear-gradient(179deg,#ffa700,#ff5200);-webkit-background-clip:text;display:flex;justify-content:center}.close-button,.modal-header{-webkit-text-fill-color:#0000}.close-button{background:none;background:linear-gradient(179deg,#ffa700,#ff5200);-webkit-background-clip:text;border:none;cursor:pointer;font-size:2rem;position:absolute;right:.5rem;top:.5rem}.modal-body{text-align:center}.topup-button{background:linear-gradient(179deg,#ffa700,#ff5200);border:none;border-radius:8px;cursor:pointer;margin-bottom:20px;margin-top:20px;padding:10px 50px}.cube{height:60px;margin:2rem auto;-ms-perspective:400px;-o-perspective:400px;perspective:400px;position:relative;transform-style:preserve-3d;width:100%}.a,.b,.c,.d{height:100%;left:0;position:absolute;width:50%;z-index:222}.a:after,.a:before,.b:after,.b:before,.c:before,.d:before{content:"";height:60px;left:0;position:absolute;top:0;width:100%}.a:before,.b:before,.c:before,.d:before{z-index:111}.a:after,.b:after{z-index:333}.b{top:0;transform:rotateX(75deg) translateY(-60px);transform-origin:0 0}.c{top:0;transform:rotateX(75deg);transform-origin:100% 100%}.d{transform:translateZ(-60px) translateY(-15px)}.a,.b{background-image:linear-gradient(180deg,#ffa500cc,#ffa500cc)}.a,.b,.c,.d{background-position:0 0;background-repeat:no-repeat;background-size:100% 100%}.c,.d{background-image:linear-gradient(180deg,#ffa50080,#ffa50080)}.c:before{box-shadow:0 30px 20px -20px #0006,0 40px 15px -15px #00000040}.a:before,.b:before,.c:before,.d:before{background-color:#0000000d}.a:after{background-image:linear-gradient(180deg,#00000012,#0000)}.b:after{background-image:linear-gradient(180deg,#ffffff1a,#ffffff40)}.slider{-webkit-appearance:none;appearance:none;background:#0000001a;box-shadow:0 2px 2px #ffffff40,inset 0 1px 3px #0000004d;height:5px;left:5%;margin:0;outline:none;position:absolute;top:27px;width:90%;z-index:999}.slider::-webkit-slider-runnable-track{background:#0000;border:none;height:5px}.slider::-moz-range-track{background:#0000;border:none;height:5px}.slider::-ms-track{background:#0000;border:none;color:#0000;height:5px}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#ffffffb3;border:none;border-radius:2px;box-shadow:1px 1px 8px #0000004d;cursor:pointer;height:20px;margin-left:-15px;position:relative;top:-8px;width:26px}.slider::-webkit-slider-thumb:before{color:#00000080;content:"<>";font-family:Anonymous Pro,sans-serif;font-size:1.2rem;left:4px;letter-spacing:3px;line-height:20px;position:absolute;text-decoration:none;text-shadow:1px 1px 2px #fff;top:0;width:100%}.slider::-moz-range-thumb{background:#ffffffb3;border:none;border-radius:2px;box-shadow:1px 1px 8px #0000004d;cursor:pointer;height:20px;position:relative;width:26px}.slider::-moz-range-thumb:before{color:#00000080;content:"<>";font-family:Anonymous Pro,sans-serif;font-size:1.2rem;left:4px;letter-spacing:3px;line-height:20px;position:absolute;text-decoration:none;text-shadow:1px 1px 2px #fff;top:0;width:100%}.slider::-ms-thumb{background:#ffffffb3;border:none;border-radius:2px;box-shadow:1px 1px 8px #0000004d;cursor:pointer;height:20px;position:relative;width:26px}.slider::-ms-thumb:before{color:#00000080;content:"<>";font-family:Anonymous Pro,sans-serif;font-size:1.2rem;left:4px;letter-spacing:3px;line-height:20px;position:absolute;text-decoration:none;text-shadow:1px 1px 2px #fff;top:0;width:100%}.slider:after,.slider:before{color:#0000004d;content:"IIIIIIIIIII";font-family:Source Sans Pro,sans-serif;font-size:1.2rem;font-weight:300;left:2px;letter-spacing:41px;position:absolute;text-shadow:1px 1px 0 #fff3;width:100%}.slider:before{top:-1.4rem}.slider:after{bottom:-1.4rem}.amount-display{-webkit-text-fill-color:#0000;background:#0000;background:linear-gradient(179deg,#ffa700,#ff5200);-webkit-background-clip:text;border:none;display:flex;font-family:Exo,sans-serif;font-size:4rem;font-weight:800;justify-content:space-around;position:relative;text-align:center}:root{--tg-theme-button-text-color:var(--tg-theme-button-text-color,#000)}.balance-panel{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff05;border:1px solid #ffffff40;border-radius:10px;box-shadow:0 8px 32px #0000004d;display:flex;font-size:18px;font-weight:600;justify-content:space-between;margin-bottom:20px;padding:16px 20px;transition:transform .3s ease,box-shadow .3s ease}.balance-panel:hover{box-shadow:0 12px 24px #0000004d}.tabs-panel{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff05;border:1px solid #ffffff40;border-radius:10px;box-shadow:0 8px 32px #0000004d;display:flex;justify-content:space-around;margin-bottom:20px;padding:12px}.tab-button{background:#0000;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:24px;padding:10px 20px;transition:all .3s ease}.tab-button:hover{background:#ffffff1a}.tab-button.active{box-shadow:0 4px 8px #0003;color:#000;color:var(--tg-theme-button-text-color)}.balance-text,.tab-button.active{background:linear-gradient(179deg,#ffa700,#ff5200)}.balance-text{-webkit-background-clip:text;background-clip:text;color:#0000}.top-up-button{border:none;border-radius:10px;box-shadow:0 4px 8px #0003;color:#000;color:var(--tg-theme-button-text-color);padding:10px 20px}.model-config-button,.top-up-button{background:linear-gradient(179deg,#ffa700,#ff5200);cursor:pointer;font-size:14px;font-weight:500;transition:transform .2s ease,box-shadow .2s ease}.model-config-button{border:none;border-radius:8px;box-shadow:0 2px 4px #0003;color:#000;padding:6px 12px;z-index:1}.model-config-button:hover{box-shadow:0 4px 8px #0000004d;transform:translateY(-1px)}.top-up-button:hover{box-shadow:0 6px 12px #0000004d;transform:scale(1.05)}.top-up-button:active{transform:scale(.95)}.model-selector{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff05;border:1px solid #ffffff40;border-radius:10px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:20px;max-height:calc(100vh - 300px);overflow:hidden;padding:16px 20px}.model-selector .models-grid{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto}.model-selector h2{color:#fff;font-size:20px;font-weight:500;letter-spacing:1px;margin:0 0 20px;text-transform:uppercase}.models-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));max-width:500px;width:100%}.model-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #ffffff4d;border-radius:10px;box-shadow:0 8px 16px #0000004d,inset 0 0 12px #ffffff1a;color:#fff;cursor:pointer;display:grid;font-size:18px;font-weight:500;grid-template-areas:"card";min-height:120px;overflow:hidden;padding:24px;place-items:center;position:relative;text-align:center;transition:transform .3s ease,box-shadow .3s ease,background .3s ease}.model-card pixel-canvas{height:100%;inset:0;pointer-events:none;position:absolute;width:100%}.model-card:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.model-card:hover:before{left:100%}.model-card:hover{box-shadow:0 12px 24px #0006}.model-card.selected{animation:pulse .5s ease;border:2px solid #ffa700;box-shadow:inset 0 0 10px orange;color:#000;color:var(--tg-theme-button-text-color);color:#ffdb00}.model-card-content{align-items:center;display:flex;flex-direction:column;gap:8px}.model-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:24px}.model-name{font-size:18px;font-weight:600;letter-spacing:.5px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.toast{animation:fadeInOut 2s ease;background:linear-gradient(45deg,#ffa700,#ff5200);border-radius:20px;bottom:30px;box-shadow:0 6px 12px #0000004d;color:#000;color:var(--tg-theme-button-text-color);font-size:14px;font-weight:500;left:50%;padding:12px 24px;position:fixed;transform:translateX(-50%);z-index:1000}@keyframes fadeInOut{0%{opacity:0;transform:translateY(20px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@media (max-width:600px){.models-grid{grid-template-columns:repeat(2,1fr)}.balance-panel{flex-direction:column;gap:12px}.top-up-button{padding:12px;width:100%}.model-card{min-height:100px;padding:16px}.model-icon{font-size:20px}.model-name{font-size:16px}.model-price{font-size:12px}}.model-icon:after{background:#0006;border-radius:50%;bottom:2px;content:"";filter:blur(3px);height:6px;left:50%;position:absolute;transform:translateX(-50%);width:60%}.model-name,.model-price{text-shadow:2px 2px 4px #000;z-index:1}@keyframes float-tilt{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-5px) rotate(1deg)}to{transform:translateY(0) rotate(0deg)}}.model-card.selected .model-icon{animation:float-tilt 3s ease-in-out infinite}
/*# sourceMappingURL=main.d9bb5fb1.css.map*/