body,.dark body{background:#141414!important;color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUser{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInBot{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}.mensagem{display:inline-block;max-width:80%;padding:14px 18px;border-radius:1.2rem;font-size:.95rem;line-height:1.6;word-break:break-word;box-shadow:0 2px 12px #4caf5033;margin-bottom:2px;position:relative;background:#111;color:#fff;animation:fadeIn .5s ease-out}.usuario{display:flex;justify-content:flex-end;align-items:flex-end;margin-bottom:12px;gap:.5rem;animation:slideInUser .5s ease-out}.usuario .mensagem{background:#4caf50;color:#fff;border-radius:1.5rem 1.5rem .4rem}.bot{display:flex;justify-content:flex-start;align-items:flex-end;margin-bottom:12px;gap:.5rem;animation:slideInBot .5s ease-out}.bot .mensagem{background:#333;color:#fff;border-radius:1.5rem 1.5rem 1.5rem .4rem}.typing-wrapper{display:flex;justify-content:flex-start;align-items:flex-end;margin-bottom:12px;gap:.5rem;animation:slideInBot .5s ease-out}.typing-indicator{display:flex;align-items:center;padding:18px 24px;background:#333;border-radius:1.5rem 1.5rem 1.5rem .4rem;box-shadow:0 2px 12px #4caf5033}.typing-indicator span{width:8px;height:8px;background:#4caf50;border-radius:50%;margin:0 2px;animation:typing 1.4s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}#form{max-width:900px;margin:0 auto;width:100%}#chat{scrollbar-width:none;max-width:900px;margin:0 auto;width:100%}#chat::-webkit-scrollbar{display:none}.mensagem a{color:#4caf50;text-decoration:none}.mensagem a:hover{text-decoration:underline}.mensagem img{max-width:100%;width:200px;height:auto;border-radius:8px;margin:8px 0;object-fit:cover}@media (max-width: 768px){.mensagem img{width:150px}.mensagem{max-width:88%;padding:12px 16px;font-size:.92rem}#input{font-size:16px!important}}@media (max-width: 480px){.mensagem img{width:120px}.mensagem{max-width:92%;padding:10px 14px;font-size:.9rem}#input{font-size:16px!important}}@media (max-width: 360px){.mensagem img{width:100px}.mensagem{max-width:94%;padding:8px 12px;font-size:.88rem}}