@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";html,body{padding:0;background-color:#1b1924;color:#fff;font-size:16px;box-sizing:border-box;font-family:Inter,sans-serif;letter-spacing:.1px;max-width:1440px;margin:0 auto;-webkit-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center;height:100vh}.container{display:flex;flex-direction:column;padding:1rem 1.5rem;max-width:800px;margin:0 auto;border-radius:8px;overflow:hidden}.upper{background-color:#6943ff;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;max-height:400px;text-align:center}.lower{background-color:#f4f4f4;padding:1rem;display:flex;flex-direction:column;align-items:center;color:#353535;text-align:center}input{padding:.5rem;margin:.5rem;border-radius:5px;border:2px solid #ffffff;background-color:inherit;color:#fff;width:calc(27% - 1rem);outline:none;font-size:2rem;font-weight:800;text-align:center}input::placeholder{color:#fff;font-weight:800;text-align:center;font-size:2rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{font-size:2rem;font-weight:800}button{padding:.5rem;margin:.5rem;border-radius:5px;border:2px solid #ffffff;background-color:#fff;width:calc(50% - 1rem);max-width:150px;height:40px;outline:none;font-size:1rem;font-weight:400;text-align:center;cursor:pointer}h1{font-size:1.2rem;font-weight:800;text-align:center}h2{font-size:1rem;font-weight:600;color:#5a537b;margin:0}p{font-size:.9rem;font-weight:400;color:#353535;margin:0;padding:0}.conversation-result{display:flex;flex-direction:column;align-items:center;margin-top:1rem;padding:1.5rem .1rem;gap:1rem;background-color:#fff;border-radius:5px;max-width:400px;width:100%}