:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;background-color:#fff}h1{font-size:3.2em;line-height:1.1}.card{padding:2em}.messagesBox{scrollbar-width:10px;scrollbar-color:#1976d2 white}.messagesBox::-webkit-scrollbar{width:8px}.messagesBox::-webkit-scrollbar-track{background:#fff}.messagesBox::-webkit-scrollbar-thumb{background-color:#1976d2;border-radius:4px}.gradient{position:fixed;z-index:-100;width:100vw;top:0;right:0;height:100vh;overflow:hidden}.gradient>div{position:absolute;width:.001vmin;height:.001vmin;border-radius:50%;opacity:.25}.gradient>div:nth-child(1){box-shadow:0 0 25vmax 25vmax #ff2cff;animation:move1 19s 0s linear infinite}.gradient>div:nth-child(2){box-shadow:0 0 25vmax 25vmax #003afa;animation:move2 25s 0s linear infinite}.gradient>div:nth-child(3){box-shadow:0 0 25vmax 25vmax #2a3bff;animation:move3 15s 0s linear infinite;opacity:.2}@keyframes move1{0%{top:0vh;left:50vw}25%{left:0vw}50%{top:100vh}75%{left:100vw}to{top:0vh;left:50vw}}@keyframes move2{0%{top:50vh;left:100vw}25%{top:100vh}50%{left:0vw}75%{top:0vh}to{top:50vh;left:100vw}}@keyframes move3{0%{top:100vh;left:50vw}25%{left:100vw}50%{top:0vh}75%{left:0vw}to{top:100vh;left:50vw}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.headerBox,.inputBox{border:1px solid #ddd}.messagesBox{border-left:1px solid #ddd;border-right:1px solid #ddd}.pulsing-audio-btn{animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}@media screen and (max-width: 600px){.gradient{display:none}.headerBox,.inputBox{border:none}.sofiaAvatar{margin-left:1.2rem}.messagesBox{border-left:none;border-right:none}}