.message{background:rgba(0,0,0,.1);color:#333}.send-button{background:#1a73e8;color:#fff;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;transition:background-color .3s ease,transform .2s ease;font-size:.9rem}.send-button:hover{background:#0059c1}.send-button:active{transform:scale(.98)}.chat-container{flex:1 1;max-width:800px;padding:20px;border-radius:8px;overflow-y:auto}.message-area{border:1px solid #ddd}.message{margin-bottom:8px}.no-messages{color:#888}.input-form{flex-direction:column;padding:16px}.message-input{margin-bottom:8px}.send-button{align-self:flex-end}@keyframes slideInRight{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.user-message{animation:slideInRight .5s ease-out forwards}.ai-message{background:#fce4ec;color:#880e4f;align-self:flex-start;text-align:left}.chat-container{position:relative;z-index:1;background:hsla(0,0%,100%,.9);border-radius:12px;box-shadow:0 6px 12px rgba(0,0,0,.3);padding:24px;width:100%;max-width:600px;height:500px;margin:auto;display:flex;flex-direction:column}.message-area{margin-bottom:16px;padding-right:16px}.message{border-radius:10px;padding:12px;margin-bottom:12px;max-width:80%;word-wrap:break-word}.no-messages{text-align:center;color:rgba(0,0,0,.7);font-style:italic}.input-form{display:flex;align-items:center;gap:8px}.message-input{flex:1 1;padding:12px;border:1px solid rgba(0,0,0,.2);border-radius:8px;background:hsla(0,0%,100%,.9);color:#333;outline:none;box-shadow:inset 0 1px 3px rgba(0,0,0,.2)}.user-message{background:#e0f7fa;color:#00695c;align-self:flex-end;text-align:right;padding:12px;margin:4px 0;border-radius:10px;max-width:calc(100% - 16px);word-wrap:break-word}.message-area{flex:1 1;overflow-y:auto;padding:16px;border-radius:8px;background-color:#f9f9f9;display:flex;flex-direction:column;align-items:flex-end}