:root{--background-color: #f4f7f6;--app-background: #ffffff;--text-color: #1a1a1a;--primary-color: #0d46a0;--secondary-color: #e0f2f1;--user-message-bg: #5471d2;--user-message-text: #ffffff;--model-message-bg: #e8eaed;--model-message-text: #1a1a1a;--border-color: #dcdfe2;--font-family: "Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-family);background-color:var(--background-color);color:var(--text-color)}#root{display:flex;flex-direction:column;height:100%;max-width:800px;margin:0 auto;background-color:var(--app-background);box-shadow:0 4px 20px #0000000d}header{padding:1.25rem;background-color:var(--primary-color);color:#fff;text-align:center;border-bottom:1px solid var(--border-color)}header h1{font-size:1.5rem;font-weight:600}#chat-container{flex-grow:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.message{display:flex;flex-direction:column;max-width:80%;word-wrap:break-word}.message-content{padding:.75rem 1rem;border-radius:18px;line-height:1.5}.message-content p{margin-bottom:.5rem}.message-content p:last-child{margin-bottom:0}.message-content ul,.message-content ol{padding-left:1.5rem;margin-top:.25rem;margin-bottom:.75rem}.message-content li{margin-bottom:.25rem}.message-content strong{font-weight:600}.message-content a{color:var(--primary-color);font-weight:500;text-decoration:none}.message-content a:hover{text-decoration:underline}.user-message .message-content a{color:var(--user-message-text);text-decoration:underline}.message-role{font-size:.8rem;color:#5f6368;margin:0 .5rem .25rem;font-weight:500}.model-message{align-self:flex-start}.model-message .message-content{background-color:var(--model-message-bg);color:var(--model-message-text);border-top-left-radius:4px}.model-message .message-role{align-self:flex-start}.user-message{align-self:flex-end}.user-message .message-content{background-color:var(--user-message-bg);color:var(--user-message-text);border-top-right-radius:4px}.user-message .message-role{align-self:flex-end}.loading-indicator{display:flex;align-items:center;gap:.5rem;align-self:flex-start}.loading-indicator .dot{width:8px;height:8px;background-color:var(--primary-color);border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.loading-indicator .dot:nth-child(1){animation-delay:-.32s}.loading-indicator .dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}#chat-form{display:flex;padding:1rem;border-top:1px solid var(--border-color);background-color:var(--app-background)}#chat-form input{flex-grow:1;padding:.75rem;border:1px solid var(--border-color);border-radius:24px;font-size:1rem;font-family:var(--font-family);margin-right:.75rem;transition:border-color .2s}#chat-form input:focus{outline:none;border-color:var(--primary-color)}#chat-form button{padding:.75rem 1.5rem;border:none;background-color:var(--primary-color);color:#fff;border-radius:24px;cursor:pointer;font-size:1rem;font-weight:500;font-family:var(--font-family);transition:background-color .2s}#chat-form button:hover{background-color:#00382e}#chat-form button:disabled{background-color:#b0bec5;cursor:not-allowed}@media(max-width:600px){#root{height:100vh}#chat-container{padding:1rem}}