.chat-widget{background-color:#fff;border:1px solid #ddd;border-radius:8px;flex-direction:column;width:100%;max-width:800px;height:600px;margin:0 auto;transition:height .3s;display:flex;overflow-x:hidden;box-shadow:0 4px 12px #0000001a}.chat-widget.minimized{height:180px;overflow:hidden}.chat-widget.expanded{height:600px}.expand-button{cursor:pointer;background:0 0;border:1px solid #ddd;border-radius:4px;align-items:center;gap:4px;padding:6px 12px;font-size:14px;transition:all .2s;display:flex}.expand-button:hover{background-color:#f0f0f0}.chat-header{background-color:#f8f8f8;border-bottom:1px solid #eee;border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;padding:8px 15px;display:flex}.chat-header h2{color:#333;margin:0;font-size:1.1rem}.emotions-header{color:#444;padding:10px 15px;font-size:1rem;font-weight:600}.emotions-container{border-bottom:1px solid #eee;flex-wrap:wrap;gap:8px;padding:0 15px 15px;display:flex}.emotion-button{cursor:pointer;background:0 0;border:1px solid #eee;border-radius:4px;flex-direction:column;align-items:center;padding:8px;transition:background-color .2s;display:flex}.emotion-button:hover{background-color:#f5f5f5}.emotion-emoji{margin-bottom:4px;font-size:1.5rem}.emotion-label{color:#666;font-size:.8rem}.messages-container{flex-direction:column;flex:1;gap:10px;padding:15px;display:flex;overflow:hidden auto}.message{word-wrap:break-word;overflow-wrap:break-word;border-radius:8px;max-width:80%;padding:10px 15px;line-height:1.5}.user-message{background-color:#e1f5fe;align-self:flex-end}.assistant-message{background-color:#f5f5f5;align-self:flex-start}.message-header{color:#555;margin-bottom:5px;font-size:.85rem;font-weight:600}.message-content{white-space:pre-wrap;word-break:break-word;font-size:.95rem}.thinking-message{opacity:.8}.thinking-animation{align-items:center;gap:4px;padding:8px 0;display:flex}.thinking-animation span{background-color:#666;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite thinking-bounce}.thinking-animation span:first-child{animation-delay:-.32s}.thinking-animation span:nth-child(2){animation-delay:-.16s}.thinking-animation span:nth-child(3){animation-delay:0}@keyframes thinking-bounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.input-container{border-top:1px solid #eee;gap:10px;padding:15px;display:flex}.input-container input{border:1px solid #ddd;border-radius:4px;flex:1;padding:10px 15px;font-size:.95rem}.send-button{color:#fff;cursor:pointer;background-color:#0288d1;border:none;border-radius:4px;padding:10px 20px;font-weight:500}.send-button:hover{background-color:#0277bd}.send-button:disabled{cursor:not-allowed;background-color:#ccc}@media (prefers-color-scheme:dark){.chat-widget{color:#ddd;background-color:#1e1e1e;border-color:#444;box-shadow:0 4px 12px #00000080}.chat-header{background-color:#f8f8f8;border-bottom:1px solid #eee;border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;padding:4px 15px;display:flex}.chat-header h2{color:#333;margin:0;font-size:1.1rem}.emotions-header{color:#ccc}.emotions-container{border-bottom-color:#555}.emotion-button{border-color:#555}.emotion-button:hover{background-color:#333}.emotion-label{color:#aaa}.messages-container{background-color:#1e1e1e}.message{color:#ddd;background-color:#2a2a2a}.user-message{background-color:#064663}.assistant-message{background-color:#333}.message-header{color:#bbb}.message-content{color:#ddd}.thinking-animation span{background-color:#aaa}.input-container{background-color:#1e1e1e;border-top-color:#555}.input-container input{color:#ddd;background-color:#2a2a2a;border-color:#555}.send-button{background-color:#0d6588}.send-button:hover{background-color:#0b5470}.send-button:disabled{color:#888;background-color:#555}.expand-button{color:#ddd;background-color:#333;border-color:#555}.expand-button:hover{background-color:#333}}@media screen and (max-width:640px){.chat-widget{border-radius:0;width:100vw;max-width:100%;margin:0;position:relative;left:0;right:0}.messages-container{width:100%;padding:10px;overflow-x:hidden}.message{max-width:85%}}