*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);background-color:#12120b}.loginContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;background-color:#12120b;color:#f0f8ff;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.loginContainer input{background-color:#292919;border-radius:10px;height:20px;border:none;font-size:16px}.loginContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background-color:#12120b;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.loginContainer h1{color:#f0f8ff}.loginContainer input{background-color:#292919;border-radius:10px;height:20px;border:none;box-shadow:0 0 1px 1px #5c5c5b8d;padding-left:12px;color:#f7fbfead;text-align:center}.loginContainer input:focus{outline:none;box-shadow:0 0 1px 2px #b4dcfa29;border:none}.chatContainer{display:flex;flex-direction:column;height:100dvh;background-color:#12120b;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.messageList{flex:1;overflow-y:auto;padding-top:1rem;padding-bottom:1rem;display:flex;flex-direction:column;gap:1rem;color:#f0f8ff}.message{padding:.5rem 1rem;max-width:80%;margin-left:5rem;margin-right:5rem}.inputArea{padding:.75rem 5rem;background-color:#12120b;border-top:1px solid rgba(92,92,91,.3)}.assistant{align-self:flex-start}.user{background-color:#000;align-self:flex-end;border-radius:10px}.inputArea input{width:100%;height:3rem;font-size:16px;background-color:#292919;border:none;border-radius:10px;box-shadow:0 0 1px 1px #5c5c5b8d;padding-left:12px;color:#f7fbfead}.inputArea input:focus{outline:none;box-shadow:0 0 1px 2px #b4dcfa29}.thinking{display:flex;gap:5px;align-items:center;height:20px}.thinking span{width:8px;height:8px;border-radius:50%;background:#ffffff80;animation:bounce .8s ease-in-out infinite}.thinking span:nth-child(2){animation-delay:.2s}.thinking span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,to{transform:translateY(0);opacity:.4}50%{transform:translateY(-6px);opacity:1}}.messageList::-webkit-scrollbar{width:6px}.messageList::-webkit-scrollbar-track{background:transparent}.messageList::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.messageList::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media(max-width:768px){.message{margin-left:1rem;margin-right:1rem}.inputArea{padding:.75rem 1rem}}