:root{--white: #ffffff;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-500: #6b7280;--gray-600: #4b5563;--gray-800: #1f2937}body{background-color:var(--gray-100)}main{display:flex;align-items:center;justify-content:center;height:100vh;padding:1rem}#chat-container{background-color:var(--white);border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;width:100%;height:100%;max-height:800px;display:flex;overflow:hidden}@media (max-width: 768px){#chat-container{max-height:100vh;height:95vh;flex-direction:column;border-radius:12px}}#information-screen{display:flex;flex-direction:column;width:100%;max-width:32rem;padding:2rem}@media (max-width: 768px){#information-screen{width:100%;height:100vh;justify-content:center;align-items:center;text-align:center}#information-screen.hidden{display:none}}#information-screen .logo-container{margin-bottom:1.5rem}#information-screen .logo-container .logo-box{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:.5rem}#information-screen .logo-container .logo-box img{width:2.5rem;height:2.5rem}#information-screen .title-section{margin-bottom:1.5rem}#information-screen .title-section h2{font-size:1.5rem;font-weight:700;color:var(--gray-800)}#information-screen .title-section h2 .highlight{color:var(--texas-maroon)}#information-screen .create-own{margin-bottom:2rem}#information-screen .create-own p{color:var(--gray-600)}#information-screen .create-own p a{color:var(--texas-maroon)}#information-screen .create-own p a:hover{text-decoration:underline}#information-screen .start-button{margin-bottom:2rem}#information-screen .start-button button{width:100%;padding:.75rem 1rem;color:var(--white);background-color:var(--texas-maroon);border:none;border-radius:.5rem;transition:color .15s ease-in-out,background-color .15s ease-in-out;cursor:pointer;font-size:1rem}#information-screen .start-button button:hover{background-color:var(--texas-maroon-hover)}#information-screen .start-button button:disabled{opacity:.5;cursor:not-allowed}#information-screen .footer{margin-top:auto;font-size:.875rem;color:var(--gray-500)}@media (max-width: 768px){#information-screen .footer{margin-top:2rem}}#information-screen .footer a{font-weight:700;color:var(--texas-maroon)}#information-screen .footer a:hover{text-decoration:underline}#chat-screen{position:relative;display:flex;flex-direction:column;flex:1;border-left:1px solid var(--gray-200)}@media (max-width: 768px){#chat-screen{width:100%;height:100vh;border-left:none;display:none}#chat-screen.active{display:flex}}#chat-screen .back-button-container{display:none;padding:1rem}@media (max-width: 768px){#chat-screen .back-button-container{display:block}}#chat-screen .back-button{display:flex;align-items:center;padding:.5rem .75rem;background-color:var(--white);border:1px solid var(--gray-200);border-radius:.5rem;color:var(--gray-600);font-size:.875rem;cursor:pointer;transition:color .15s ease-in-out,background-color .15s ease-in-out}#chat-screen .back-button:hover{background-color:var(--gray-100)}#chat-screen .back-button .back-arrow{margin-right:.5rem;font-size:1.2em}#chat-screen .chat-wrapper{position:relative;flex:1;width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column}#chat-messages{flex:1;padding:1rem;overflow-y:auto;background-color:var(--white);display:flex;flex-direction:column}.message{margin-bottom:.75rem;padding:.75rem;border-radius:.5rem;max-width:80%;word-wrap:break-word;display:inline-block}.user-message{background-color:var(--texas-maroon);color:var(--white);align-self:flex-end}.bot-message{background-color:var(--gray-100);color:var(--gray-800);align-self:flex-start}.chat-input-container{display:flex;padding:1rem;border-top:1px solid var(--gray-200);background-color:var(--white);gap:.5rem}.chat-input-container #chat-input{flex:1;padding:.75rem;border:1px solid var(--gray-200);border-radius:.5rem;font-size:.875rem}.chat-input-container #chat-input:focus{outline:none;border-color:var(--texas-maroon)}.chat-input-container #send-button{padding:.75rem 1rem;background-color:var(--texas-maroon);color:var(--white);border:none;border-radius:.5rem;cursor:pointer;font-size:.875rem;transition:color .15s ease-in-out,background-color .15s ease-in-out}.chat-input-container #send-button:hover:not(:disabled){background-color:var(--texas-maroon-hover)}.chat-input-container #send-button:disabled{opacity:.5;cursor:not-allowed}