*{font-family:Verdana,Tahoma,sans-serif}body{margin:0;padding:0;justify-content:center;height:100vh}body,main{display:flex;align-items:center}main{width:80vw;height:80vh;background-color:linear-gradient(180deg,#f8f8f8,#cfcfcf);border-radius:15px;flex-direction:column;justify-content:space-between;padding:20px;text-align:center;color:#383838}section{width:100%}section.populated{height:100%;display:flex;flex-direction:column;justify-content:space-between;justify-content:flex-end;overflow:scroll}.starter-text{padding:0 80px}form{height:50px;width:100%;display:flex;border-top:2px solid #828282;padding-top:20px;border-radius:0 0 10px 10px;overflow:hidden}input.question-box{width:85%;color:#383838}input.question-box,input[type=submit]{padding:10px;font-size:15px;border:none}input[type=submit]{width:15%;color:#fff;background-color:#ff1e00}input:focus{outline:none}.bubble{margin:8px;padding:8px;font-size:15px;border:none;color:#383838;box-shadow:0 8px 24px #959da533;width:80%;text-align:left}.bubble.user{border-radius:20px 20px 0 20px;background-color:#e1f4ffff;margin-left:auto}.bubble.assistant{border-radius:20px 20px 20px 0;background-color:#dce7ff}.prompt-suggestion-row{width:100%}.prompt-suggestion-button{margin:8px;padding:8px;font-size:15px;border:none;background-color:#fff;border-radius:10px;color:#383838;box-shadow:0 8px 24px #959da533 rgba(0,0,0,0)}.loader{margin:10px;width:60px;aspect-ratio:4;background:no-repeat radial-gradient(circle closest-side,#383838 90%,#0000) 0 50%,no-repeat radial-gradient(circle closest-side,#383838 90%,#0000) 50% 50%,no-repeat radial-gradient(circle closest-side,#383838 90%,#0000) 100% 50%;background-size:calc(100% / 3) 100%;animation:loading 1s linear infinite}@keyframes loading{33%{background-size:calc(100% / 3) 0,calc(100% / 3) 100%,calc(100% / 3) 100%}50%{background-size:calc(100% / 3) 100%,calc(100% / 3) 0,calc(100% / 3) 100%}66%{background-size:calc(100% / 3) 100%,calc(100% / 3) 100%,calc(100% / 3) 0}}@media (max-width:480px){main{padding:10px}.starter-text{font-size:14px}input.question-box{width:80%;font-size:16px}input[type=submit]{width:20%;font-size:12px}.bubble{font-size:13px;padding:8px 12px}.prompt-suggestion-button{font-size:12px;padding:8px 10px;flex:1 1 100%}}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-5px)}to{transform:translateX(0)}}.shake{animation:shake .5s}.info-banner{background-color:#f3f4f6;color:#111827;padding:12px;border-radius:8px;margin-bottom:16px;text-align:center}@media (max-height:500px) and (orientation:landscape){main{height:100vh;padding:10px}.starter-text{padding:0 10px}}