@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);*{box-sizing:border-box}*,body{margin:0;padding:0}body{background:linear-gradient(135deg,#0f0c29,#302b63 50%,#24243e);background-attachment:fixed;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#f093fb)}header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea1a,#764ba21a);border-bottom:1px solid #ffffff1a;overflow:hidden;padding:30px 20px;position:relative;text-align:center}header:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin:0;position:relative;text-shadow:0 0 30px #667eea80;z-index:1}@keyframes shimmer{0%{left:-100%}to{left:100%}}main{padding:30px 20px}.audio-player{gap:20px;margin-bottom:40px}.glass-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 32px #0000004d,inset 0 0 0 1px #ffffff0d;padding:25px;transition:all .3s ease}.glass-card:hover{box-shadow:0 12px 48px #667eea33,inset 0 0 0 1px #ffffff1a;transform:translateY(-2px)}#play-button,#upload-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;overflow:hidden;padding:15px 30px;position:relative;transition:all .3s ease}#play-button:before,#upload-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}#play-button:hover,#upload-button:hover{box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}#play-button:hover:before,#upload-button:hover:before{left:100%}#play-button:active,#upload-button:active{transform:translateY(0)}.slider-container{align-items:center;display:flex;flex:1 1;gap:15px}.slider-container span{color:#ffffffb3;font-size:.9rem;font-weight:500;min-width:50px;text-align:center}#interval-slider{-webkit-appearance:none;appearance:none;background:#ffffff1a;border-radius:10px;cursor:pointer;flex:1 1;height:8px;outline:none}#interval-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 0 10px #667eea99;cursor:pointer;height:20px;-webkit-transition:all .3s ease;transition:all .3s ease;width:20px}#interval-slider::-webkit-slider-thumb:hover{box-shadow:0 0 15px #667eeacc;transform:scale(1.2)}#interval-slider::-moz-range-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;box-shadow:0 0 10px #667eea99;cursor:pointer;height:20px;-moz-transition:all .3s ease;transition:all .3s ease;width:20px}#interval-slider::-moz-range-thumb:hover{box-shadow:0 0 15px #667eeacc;transform:scale(1.2)}.track-list{margin-bottom:40px}.track-list h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#f093fb);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:700;margin:0 0 20px}.track-list ul{list-style-type:none;padding:0}.track-list li{align-items:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;display:flex;font-size:1.1rem;justify-content:space-between;margin-bottom:15px;padding:15px 20px;transition:all .3s ease}.track-list li:hover{background:#ffffff0f;border-color:#667eea4d;transform:translateX(5px)}.add-button{background:linear-gradient(135deg,#11998e,#38ef7d);border:none;border-radius:8px;box-shadow:0 4px 15px #11998e4d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;transition:all .3s ease}.add-button:hover{box-shadow:0 6px 20px #11998e80;transform:scale(1.05)}.add-button:active{transform:scale(.98)}footer{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea1a,#764ba21a);border-top:1px solid #ffffff1a;margin-top:50px;padding:25px 20px;text-align:center}footer p{color:#fff9;font-size:.95rem;font-weight:400;margin:0}header{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:30px 0;width:100%}.main{min-height:100vh;padding-top:20px;position:relative;width:100%}.main:before{background:radial-gradient(circle at 20% 50%,#667eea1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#f093fb1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.main__inner{margin:0 auto;max-width:600px;overflow:hidden;padding:0 20px;position:relative;z-index:1}.audio-player{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 32px #0000004d,inset 0 0 0 1px #ffffff0d;display:flex;flex-direction:column;margin:20px 0 30px;padding:30px;transition:all .3s ease}.audio-player:hover{box-shadow:0 12px 48px #667eea33,inset 0 0 0 1px #ffffff1a;transform:translateY(-2px)}.audio-player button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;min-width:180px;overflow:hidden;padding:15px 40px;position:relative;transition:all .3s ease}.audio-player button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.audio-player button:hover{box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.audio-player button:hover:before{left:100%}.audio-player button:active{transform:translateY(0)}.controls{align-items:center;display:flex;flex-direction:column;gap:15px;margin-top:25px;width:100%}.time{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#f093fb);-webkit-background-clip:text;background-clip:text;color:#ffffffe6;font-size:1.2rem;font-weight:600;margin-bottom:10px}.volume-slider{-webkit-appearance:none;appearance:none;background:#ffffff1a;border-radius:10px;cursor:pointer;height:8px;margin-top:10px;max-width:300px;outline:none;width:100%}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 0 10px #667eea99;cursor:pointer;height:20px;-webkit-transition:all .3s ease;transition:all .3s ease;width:20px}.volume-slider::-webkit-slider-thumb:hover{box-shadow:0 0 15px #667eeacc;transform:scale(1.2)}.volume-slider::-moz-range-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;box-shadow:0 0 10px #667eea99;cursor:pointer;height:20px;-moz-transition:all .3s ease;transition:all .3s ease;width:20px}.volume-slider::-moz-range-thumb:hover{box-shadow:0 0 15px #667eeacc;transform:scale(1.2)}label{color:#fffc;font-size:.95rem;font-weight:500;margin-top:5px}.authModalWindow{align-items:center;display:flex;justify-content:center;padding:20px;width:100%}.authModalWindow button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:1.1rem;font-weight:600;overflow:hidden;padding:15px 35px;position:relative;transition:all .3s ease}.authModalWindow button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.authModalWindow button:hover{box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.authModalWindow button:hover:before{left:100%}.authModalWindow button:active{transform:translateY(0)}.swal2-container{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.swal2-popup{backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;background:#141423f2!important;border:1px solid #ffffff1a!important;border-radius:20px!important;box-shadow:0 8px 32px #00000080,inset 0 0 0 1px #ffffff0d,0 0 40px #667eea33!important;color:#fff!important;font-family:Inter,sans-serif!important;max-width:90vw!important;overflow-x:hidden!important;padding:2.5rem!important;width:32em!important}.swal2-popup,.swal2-popup *{box-sizing:border-box!important}.swal2-popup .swal2-title{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);-webkit-background-clip:text!important;background-clip:text!important;color:#fff!important;font-size:2rem!important;font-weight:700!important}.swal2-popup .swal2-html-container,.swal2-popup .swal2-title{word-wrap:break-word!important;margin:0 0 1.5rem!important;width:100%!important}.swal2-popup .swal2-html-container{color:#ffffffe6!important;font-size:1rem!important;line-height:1.6!important;overflow:hidden!important;overflow-wrap:break-word!important}.swal2-popup .swal2-html-container a{color:#fffc;text-decoration:none;transition:color .3s ease}.swal2-popup .swal2-html-container a:hover{color:#fff}.swal2-popup .swal2-input-group{margin-bottom:1rem;width:100%!important}.swal2-popup .swal2-input{backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;background:#ffffff0d!important;border:1px solid #ffffff1a!important;border-radius:12px!important;box-shadow:0 2px 8px #0000001a!important;box-sizing:border-box!important;color:#fff!important;font-family:Inter,sans-serif!important;font-size:1rem!important;margin:0!important;padding:14px 18px!important;transition:all .3s ease!important;width:100%!important}.swal2-popup .swal2-input::placeholder{color:#fff6!important}.swal2-popup .swal2-input:focus{background:#ffffff14!important;border-color:#667eea99!important;box-shadow:0 0 0 3px #667eea1a,0 4px 12px #667eea33!important;outline:none!important;transform:translateY(-2px)}.swal2-popup .swal2-actions{flex-wrap:wrap!important;gap:1rem!important;justify-content:center!important;margin-top:2rem!important;width:100%!important}.swal2-popup .swal2-confirm{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;border-radius:12px!important;box-shadow:0 4px 15px #667eea66!important;color:#fff!important;font-family:Inter,sans-serif!important;font-size:1.05rem!important;font-weight:600!important;overflow:hidden;padding:14px 32px!important;position:relative;transition:all .3s ease!important}.swal2-popup .swal2-confirm:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.swal2-popup .swal2-confirm:hover{box-shadow:0 6px 20px #667eea99!important;transform:translateY(-2px)}.swal2-popup .swal2-confirm:hover:before{left:100%}.swal2-popup .swal2-confirm:focus{box-shadow:0 0 0 3px #667eea4d,0 6px 20px #667eea99!important}.swal2-popup .swal2-cancel{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffff0d!important;border:1px solid #ffffff1a!important;border-radius:12px!important;box-shadow:0 2px 8px #0003!important;color:#ffffffe6!important;font-family:Inter,sans-serif!important;font-size:1.05rem!important;font-weight:600!important;padding:14px 32px!important;transition:all .3s ease!important}.swal2-popup .swal2-cancel:hover{background:#ffffff14!important;border-color:#fff3!important;box-shadow:0 4px 12px #0000004d!important;transform:translateY(-2px)}.swal2-popup .swal2-cancel:focus{box-shadow:0 0 0 3px #ffffff1a,0 4px 12px #0000004d!important}.swal2-validation-message{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ff3b3b1a!important;border:1px solid #ff3b3b4d!important;border-radius:12px!important;box-shadow:0 4px 12px #ff3b3b33!important;color:#ff6b6b!important;font-family:Inter,sans-serif!important;font-size:.95rem!important;font-weight:500!important;margin:1rem 0 0!important;padding:.75rem 1.25rem!important;text-align:center!important;transition:all .3s ease!important}.telegram-link-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea66;color:#fff!important;display:inline-flex;font-family:Inter,sans-serif;font-size:1.05rem;font-weight:600;gap:.5rem;margin-bottom:.5rem;margin-top:.5rem;overflow:hidden;padding:12px 24px;position:relative;text-decoration:none;transition:all .3s ease}.telegram-link-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.telegram-link-button .tg-emoji{font-size:1.3em;transition:transform .3s ease}.telegram-link-button:focus,.telegram-link-button:hover{box-shadow:0 6px 20px #667eea99;color:#fff!important;transform:translateY(-2px) scale(1.02)}.telegram-link-button:focus:before,.telegram-link-button:hover:before{left:100%}.telegram-link-button:focus .tg-emoji,.telegram-link-button:hover .tg-emoji{transform:scale(1.2) rotate(-10deg)}
/*# sourceMappingURL=main.356baeed.css.map*/