:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#222227;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}html,body{scroll-behavior:smooth}h1{font-size:3.2em;line-height:1.1;text-align:center;position:sticky;top:0;background-color:#191b25;border-radius:.2em}main{max-width:800px;margin:auto}p{background-color:#181a27;max-width:70%;padding:15px;border-radius:.4em}p span{margin:5px}p span:first-child{margin-right:0}.user_msg{text-align:right;margin-left:30%;display:flex;flex-direction:row}.hide{visibility:hidden;display:none}form{text-align:center;position:sticky;bottom:0}input{width:100%;height:40px;border:none;padding:10px;font-size:1.2rem;background-color:#1c1717}input:focus{outline:2px;border-color:#f0f8ff;border-radius:.2em;border-width:10em;color:wheat}button{margin-top:1em;height:2.5em;width:10em;background-color:#f0f8ff;border-radius:.9em;font-weight:200}button:hover{background-color:#222227;color:#f0f8ff;transition:.5s;padding-left:1em;cursor:pointer}