:root{--primary: #6366f1;--primary-dark: #4f46e5;--bg: #f9fafb;--white: #ffffff;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-500: #6b7280;--gray-700: #374151;--gray-900: #111827;--danger: #ef4444}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:var(--bg);color:var(--gray-900);font-size:14px;line-height:1.5}.widget-container{display:flex;flex-direction:column;height:100vh;background:var(--white);position:relative}.widget-header{padding:16px;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:space-between}.widget-header h1{font-size:16px;font-weight:600}.widget-header .close-btn{background:#fff3;border:none;color:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.widget-header .close-btn:hover{background:#ffffff4d}.messages-container{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.message{max-width:80%;padding:10px 14px;border-radius:16px;font-size:14px;white-space:pre-wrap;word-break:break-word;cursor:context-menu;transition:transform .1s}.message:active{transform:scale(.98)}.message.user{align-self:flex-end;background:var(--primary);color:#fff;border-bottom-right-radius:4px}.message.assistant{align-self:flex-start;background:var(--gray-100);color:var(--gray-900);border-bottom-left-radius:4px}.message .time{font-size:10px;opacity:.7;margin-top:4px}.reply-quote{border-left:2px solid rgba(255,255,255,.5);padding-left:8px;margin-bottom:6px;font-size:12px;opacity:.85}.message.assistant .reply-quote{border-left-color:var(--primary)}.reply-name{font-weight:600}.rich-content{display:flex;align-items:center;gap:8px}.rich-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#0000001a;border-radius:12px;font-size:12px}.message.user .rich-tag{background:#fff3}.context-menu{position:fixed;background:var(--white);border:1px solid var(--gray-200);border-radius:12px;box-shadow:0 10px 40px #00000026;z-index:100;padding:8px;min-width:120px;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu button{display:block;width:100%;padding:8px 12px;border:none;background:none;text-align:left;font-size:14px;cursor:pointer;border-radius:8px}.context-menu button:hover{background:var(--gray-100)}.context-menu button.danger:hover{background:#fef2f2;color:var(--danger)}.action-banner{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--gray-100);border-top:1px solid var(--gray-200);font-size:13px;color:var(--gray-700)}.action-info{display:flex;align-items:center;gap:6px}.action-icon{font-size:16px}.action-banner button{background:none;border:none;color:var(--gray-500);cursor:pointer;padding:4px;font-size:16px}.action-banner button:hover{color:var(--gray-700)}.emoji-picker{position:absolute;bottom:70px;left:16px;background:var(--white);border:1px solid var(--gray-200);border-radius:12px;box-shadow:0 10px 40px #00000026;padding:8px;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;z-index:100;animation:fadeIn .15s ease}.emoji-picker button{width:36px;height:36px;border:none;background:none;font-size:20px;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center}.emoji-picker button:hover{background:var(--gray-100)}.input-container{padding:12px 16px;border-top:1px solid var(--gray-200);display:flex;gap:8px;background:var(--white);align-items:center}.input-container input[type=text]{flex:1;padding:10px 14px;border:1px solid var(--gray-300);border-radius:20px;font-size:14px;outline:none}.input-container input[type=text]:focus{border-color:var(--primary)}.input-container button[type=submit]{background:var(--primary);color:#fff;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.input-container button[type=submit]:hover{background:var(--primary-dark)}.input-container button[type=submit]:disabled{opacity:.5;cursor:not-allowed}.icon-btn{background:none;border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--gray-500);flex-shrink:0}.icon-btn:hover{background:var(--gray-100);color:var(--gray-700)}.loading{display:flex;justify-content:center;padding:20px}.loading-dot{width:8px;height:8px;background:var(--gray-300);border-radius:50%;margin:0 3px;animation:bounce 1.4s infinite ease-in-out}.loading-dot:nth-child(1){animation-delay:-.32s}.loading-dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--gray-500);text-align:center;padding:40px}.empty-state svg{width:48px;height:48px;margin-bottom:16px;opacity:.5}