.chat-container{flex:1;display:flex;flex-direction:column}.chat-container .heyvalue-logo{max-height:60px;margin:1rem auto;opacity:.8;transition:opacity .3s ease}.chat-container .heyvalue-logo:hover{opacity:1}.chat-container .chat{flex:1;display:flex;flex-direction:column;padding:1rem;max-width:900px;width:100%;margin:0 auto;background-color:transparent}.chat-container .chat .message-wrapper{flex:1;position:relative;display:flex;flex-direction:column;overflow:hidden}.chat-container .chat .messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem;scroll-behavior:smooth;position:absolute;height:100%}.chat-container .chat .messages::-webkit-scrollbar{width:6px}.chat-container .chat .messages::-webkit-scrollbar-track{background:transparent}.chat-container .chat .messages::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:3px}.chat-container .chat .messages .message{display:flex;flex-direction:column;max-width:85%;animation:slideIn .3s ease-out forwards;opacity:0;transform:translateY(10px)}.chat-container .chat .messages .message p{margin:.5rem 0;line-height:1.6}.chat-container .chat .messages .message p:first-child{margin-top:0}.chat-container .chat .messages .message p:last-child{margin-bottom:0}.chat-container .chat .messages .message ul,.chat-container .chat .messages .message ol{margin:.5rem 0;padding-left:1.5rem}.chat-container .chat .messages .message code{background:#0000000d;padding:.2em .4em;border-radius:4px;font-size:.9em}.chat-container .chat .messages .message pre{background:#1e1e1e;color:#d4d4d4;padding:1rem;border-radius:8px;overflow-x:auto;margin:.5rem 0}.chat-container .chat .messages .message pre code{background:transparent;padding:0;color:inherit}.chat-container .chat .messages .message.message-thinking{align-self:flex-start;font-style:italic;background-color:var(--surface-b);border:1px solid var(--surface-border);border-radius:0 12px 12px;padding:1rem 1.5rem;box-shadow:0 2px 8px #0000000d;color:var(--text-color-secondary)}.chat-container .chat .messages .message.message-thinking .typing-indicator{display:flex;gap:4px;padding:4px 0}.chat-container .chat .messages .message.message-thinking .typing-indicator span{width:8px;height:8px;background-color:var(--text-color-secondary);border-radius:50%;animation:bounce 1.4s infinite ease-in-out both;opacity:.6}.chat-container .chat .messages .message.message-thinking .typing-indicator span:nth-child(1){animation-delay:-.32s}.chat-container .chat .messages .message.message-thinking .typing-indicator span:nth-child(2){animation-delay:-.16s}.chat-container .chat .messages .message.message-assistant{align-self:flex-start;background-color:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--border-radius);padding:1.25rem 1.5rem;box-shadow:0 2px 8px #0000000d;color:var(--text-color)}.chat-container .chat .messages .message.message-user{align-self:flex-end;background:linear-gradient(21deg,#badffe,#dfe8ef);color:var(--text-color);border-radius:var(--border-radius);padding:1rem 1.5rem;box-shadow:0 4px 12px rgba(var(--primary-rgb),.2)}.chat-container .chat .messages .message.message-user code{background:#fff3}.chat-container .chat .input{flex:none;display:flex;align-items:center;margin-top:1rem;gap:.75rem;background:var(--surface-card);padding:.75rem;border-radius:16px;border:1px solid var(--surface-border);box-shadow:0 4px 20px #0000000d;transition:box-shadow .3s ease,border-color .3s ease}.chat-container .chat .input:focus-within{box-shadow:0 8px 30px #00000014;border-color:var(--primary-color)}.chat-container .chat .input input{flex:1;border:none;background:transparent;padding:.5rem;font-size:1rem;color:var(--text-color);outline:none}.chat-container .chat .input input::placeholder{color:var(--text-color-secondary);opacity:.7}.chat-container .chat .input button{display:flex;align-items:center;justify-content:center;border:none;background:var(--primary-color);color:#fff;padding:.75rem 1.25rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s ease}.chat-container .chat .input button:hover:not(:disabled){background:var(--primary-600);transform:translateY(-1px)}.chat-container .chat .input button:active:not(:disabled){transform:translateY(0)}.chat-container .chat .input button:disabled{background-color:var(--surface-d);color:var(--text-color-secondary);cursor:not-allowed;opacity:.7}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}