.chat-container{display:flex;flex-direction:column;height:calc(100vh - 120px);max-width:900px;margin:0 auto;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.chat-header{padding:16px 20px;background:linear-gradient(135deg,#1a73e8,#0d47a1);color:#fff;position:relative}.chat-header h2{margin:0 0 4px;font-size:1.25rem}.chat-subtitle{margin:0;font-size:.85rem;opacity:.9}.clear-history-btn{position:absolute;top:16px;right:16px;padding:6px 12px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:4px;color:#fff;font-size:.75rem;cursor:pointer;transition:background .2s}.clear-history-btn:hover{background:#ffffff4d}.chat-messages{flex:1;overflow-y:auto;padding:20px;background:#f5f7fa}.chat-welcome{text-align:center;padding:40px 20px;color:#5f6368}.chat-welcome h3{margin:0 0 16px;color:#202124}.chat-welcome p{margin:0 0 12px}.chat-welcome ul{list-style:none;padding:0;margin:0}.chat-welcome li{padding:8px 16px;margin:4px 0;background:#fff;border-radius:8px;font-size:.9rem;color:#1a73e8;cursor:default}.chat-message{margin-bottom:16px;max-width:85%}.chat-message.user{margin-left:auto}.chat-message.assistant,.chat-message.error{margin-right:auto}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;padding:0 4px}.message-role{font-size:.75rem;font-weight:600;color:#5f6368}.chat-message.user .message-role{color:#1a73e8}.message-time{font-size:.7rem;color:#9aa0a6}.message-content{padding:12px 16px;border-radius:12px;line-height:1.5}.chat-message.user .message-content{background:#1a73e8;color:#fff;border-bottom-right-radius:4px}.chat-message.user .message-content p{margin:0}.chat-message.assistant .message-content{background:#fff;color:#202124;border-bottom-left-radius:4px;box-shadow:0 1px 3px #0000001a}.chat-message.error .message-content{background:#fce8e6;color:#c5221f;border-bottom-left-radius:4px}.chat-message.assistant .message-content p{margin:0 0 12px}.chat-message.assistant .message-content p:last-child{margin-bottom:0}.chat-message.assistant .message-content ul,.chat-message.assistant .message-content ol{margin:8px 0;padding-left:20px}.chat-message.assistant .message-content li{margin:4px 0}.chat-message.assistant .message-content code{background:#f1f3f4;padding:2px 6px;border-radius:4px;font-size:.85em}.chat-message.assistant .message-content pre{background:#f1f3f4;padding:12px;border-radius:8px;overflow-x:auto}.chat-message.assistant .message-content pre code{background:none;padding:0}.chat-message.assistant .message-content table{border-collapse:collapse;width:100%;margin:12px 0;font-size:.9em}.chat-message.assistant .message-content th,.chat-message.assistant .message-content td{border:1px solid #e0e0e0;padding:8px 12px;text-align:left}.chat-message.assistant .message-content th{background:#f5f7fa;font-weight:600}.chat-message.assistant .message-content strong{font-weight:600}.chat-link{color:#1a73e8;text-decoration:none;font-weight:500}.chat-link:hover{text-decoration:underline}.typing-indicator{display:flex;gap:4px;padding:4px 0}.typing-indicator span{width:8px;height:8px;background:#9aa0a6;border-radius:50%;animation:typing 1.4s infinite ease-in-out both}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.chat-input-form{display:flex;gap:12px;padding:16px 20px;background:#fff;border-top:1px solid #e0e0e0}.chat-input-form textarea{flex:1;padding:12px 16px;border:1px solid #dadce0;border-radius:24px;font-size:.95rem;font-family:inherit;resize:none;outline:none;transition:border-color .2s,box-shadow .2s;max-height:120px}.chat-input-form textarea:focus{border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e833}.chat-input-form textarea:disabled{background:#f5f7fa}.chat-input-form button{padding:12px 24px;background:#1a73e8;color:#fff;border:none;border-radius:24px;font-size:.95rem;font-weight:500;cursor:pointer;transition:background .2s;white-space:nowrap}.chat-input-form button:hover:not(:disabled){background:#1557b0}.chat-input-form button:disabled{background:#dadce0;cursor:not-allowed}@media (max-width: 768px){.chat-container{height:calc(100vh - 80px);border-radius:0}.chat-message{max-width:95%}.chat-input-form{padding:12px}.chat-input-form button{padding:12px 16px}}