::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#555}.message{max-width:80%;padding:12px 16px;border-radius:12px;margin-bottom:8px;word-wrap:break-word}.message-user{background-color:#e9f5ff;color:#2c3e50;align-self:flex-end;border-bottom-right-radius:4px;margin-left:auto}.message-ai{background-color:#f0f2f5;color:#2c3e50;align-self:flex-start;border-bottom-left-radius:4px;margin-right:auto}.message-suggestion{background-color:#f0f5f0;color:#2c3e50;align-self:flex-start;border-bottom-left-radius:4px;margin-right:auto}.typing-indicator{display:flex;padding:8px 16px;background-color:#f0f2f5;border-radius:12px 12px 12px 4px;width:fit-content}.typing-indicator span{height:8px;width:8px;margin:0 2px;background-color:#93a1a1;border-radius:50%;display:inline-block;animation:bounce 1.3s linear infinite}.typing-indicator span:nth-child(2){animation-delay:.15s}.typing-indicator span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}#message-input{resize:none;max-height:150px;overflow-y:auto}html{font-size:12px}