@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;1,9..40,400&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:#0a0a0f;color:#f0f0f8;font-family:DM Sans,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none;min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(ellipse 80% 60% at 10% 0%,rgba(255,77,109,.13) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 90% 10%,rgba(168,85,247,.1) 0%,transparent 55%),radial-gradient(ellipse 70% 60% at 80% 90%,rgba(255,179,71,.08) 0%,transparent 55%),radial-gradient(ellipse 50% 40% at 20% 80%,rgba(77,255,180,.06) 0%,transparent 50%);pointer-events:none}@media (min-width: 768px){body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background-image:radial-gradient(circle 1px at 15% 25%,rgba(255,77,109,.4) 0%,transparent 100%),radial-gradient(circle 1px at 85% 70%,rgba(168,85,247,.4) 0%,transparent 100%),radial-gradient(circle 1px at 50% 15%,rgba(255,179,71,.3) 0%,transparent 100%),radial-gradient(circle 1px at 30% 75%,rgba(77,255,180,.3) 0%,transparent 100%),radial-gradient(circle 1px at 70% 40%,rgba(255,77,109,.2) 0%,transparent 100%);pointer-events:none}}@media (min-width: 768px){#root>div>div[style*="maxWidth: 480"]{max-width:560px!important}body:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 340px 280px at 8% 30%,rgba(255,77,109,.06) 0%,transparent 70%),radial-gradient(ellipse 280px 340px at 92% 60%,rgba(168,85,247,.05) 0%,transparent 70%),radial-gradient(ellipse 200px 200px at 50% 95%,rgba(255,179,71,.04) 0%,transparent 60%);pointer-events:none;z-index:0}body:before{content:"";position:fixed;left:0;top:0;bottom:0;width:calc(50vw - 290px);background:linear-gradient(180deg,#ff4d6d08,#a855f705,#ffb34708);border-right:1px solid rgba(255,77,109,.06);pointer-events:none;z-index:0}}@media (min-width: 768px){body{background-image:radial-gradient(circle,rgba(255,255,255,.03) 1px,transparent 1px);background-size:32px 32px}}#root>div>*{position:relative;z-index:1}@media (min-width: 768px){#root>div{position:relative}#root>div:before{content:"";position:fixed;left:50%;top:0;transform:translate(-50%);width:520px;height:100%;background:#ff4d6d05;border-left:1px solid rgba(255,77,109,.06);border-right:1px solid rgba(255,77,109,.06);pointer-events:none;z-index:0}}button{font-family:inherit;cursor:pointer}button:hover{filter:brightness(1.1)}button:active{transform:scale(.97)}@keyframes soundBar{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}@keyframes waveBar{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{transform:scale(.85);opacity:0}70%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes ripple{0%{transform:scale(1);opacity:.6}to{transform:scale(2.4);opacity:0}}@keyframes toastIn{0%{transform:translate(-50%) translateY(60px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-up{animation:fadeSlideUp .4s ease both}@media (min-width: 900px){#speakly-left-panel,#speakly-right-panel{display:flex}}@media (max-width: 899px){#speakly-left-panel,#speakly-right-panel{display:none!important}}