:root{--lx-primary: #2563eb;--lx-primary-light: #3b82f6;--lx-primary-dark: #1d4ed8;--lx-bg: #f8fafc;--lx-surface: #ffffff;--lx-text: #1e293b;--lx-text-muted: #64748b;--lx-border: #e2e8f0;--lx-user-bubble: #2563eb;--lx-user-text: #ffffff;--lx-assistant-bubble: #ffffff;--lx-assistant-text: #1e293b;--lx-radius: 16px;--lx-radius-sm: 12px;--lx-shadow: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.06);--lx-shadow-lg: 0 10px 25px rgba(0,0,0,0.1), 0 6px 10px rgba(0,0,0,0.08)}*{box-sizing:border-box;margin:0;padding:0}body.lx-chat-body{font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Inter', Roboto, sans-serif;background:var(--lx-bg);color:var(--lx-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lx-chat-container{display:flex;flex-direction:column;height:100vh;height:100dvh;max-width:800px;margin:0 auto;background:var(--lx-bg)}.lx-chat-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--lx-surface);border-bottom:1px solid var(--lx-border);flex-shrink:0}.lx-header-left{display:flex;align-items:center;gap:12px}.lx-header-logo{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg, var(--lx-primary), var(--lx-primary-light));display:flex;align-items:center;justify-content:center;flex-shrink:0}.lx-logo-icon{width:22px;height:22px;color:white}.lx-header-title{font-size:17px;font-weight:700;color:var(--lx-text);line-height:1.2}.lx-header-subtitle{font-size:13px;color:var(--lx-text-muted);line-height:1.3}.lx-header-status{display:flex;align-items:center;gap:6px}.lx-status-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;animation:lx-pulse 2s ease-in-out infinite}@keyframes lx-pulse{0%,100%{opacity:1}50%{opacity:0.5}}.lx-status-text{font-size:13px;color:var(--lx-text-muted);font-weight:500}.lx-device-banner{display:flex;align-items:center;gap:8px;padding:8px 20px;background:rgba(99,102,241,0.08);border-bottom:1px solid rgba(99,102,241,0.15);font-size:13px;color:var(--lx-text-muted);flex-shrink:0}.lx-device-banner svg{color:var(--lx-primary);flex-shrink:0}.lx-device-banner-text{flex:1;font-weight:500;color:var(--lx-text)}.lx-device-banner-os{font-weight:400;color:var(--lx-text-muted)}.lx-device-banner-check{font-size:12px;font-weight:600;color:#22c55e;white-space:nowrap}.lx-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:8px;scroll-behavior:smooth}.lx-messages::-webkit-scrollbar{width:6px}.lx-messages::-webkit-scrollbar-track{background:transparent}.lx-messages::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.lx-message-row{display:flex;align-items:flex-end;gap:8px;max-width:85%;animation:lx-fadeIn 0.3s ease-out}@keyframes lx-fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.lx-message-user{align-self:flex-end;flex-direction:row-reverse}.lx-message-assistant{align-self:flex-start}.lx-avatar{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg, var(--lx-primary), var(--lx-primary-light));display:flex;align-items:center;justify-content:center;flex-shrink:0}.lx-avatar-icon{width:18px;height:18px;color:white}.lx-bubble{padding:12px 16px;border-radius:var(--lx-radius);line-height:1.5;font-size:15px;box-shadow:var(--lx-shadow)}.lx-bubble p{margin:0;white-space:pre-wrap;word-wrap:break-word}.lx-bubble-user{background:var(--lx-user-bubble);color:var(--lx-user-text);border-bottom-right-radius:4px}.lx-bubble-assistant{background:var(--lx-assistant-bubble);color:var(--lx-assistant-text);border-bottom-left-radius:4px}.lx-typing-indicator{display:flex;align-items:center;gap:4px;padding:4px 0}.lx-typing-dot{width:7px;height:7px;border-radius:50%;background:#94a3b8;animation:lx-bounce 1.4s ease-in-out infinite}.lx-typing-dot:nth-child(2){animation-delay:0.2s}.lx-typing-dot:nth-child(3){animation-delay:0.4s}@keyframes lx-bounce{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-6px)}}.lx-input-container{padding:12px 20px 16px;background:var(--lx-surface);border-top:1px solid var(--lx-border);flex-shrink:0}.lx-input-bar{display:flex;align-items:flex-end;gap:8px;background:var(--lx-bg);border:2px solid var(--lx-border);border-radius:var(--lx-radius);padding:8px 8px 8px 16px;transition:border-color 0.2s ease}.lx-input-bar:focus-within{border-color:var(--lx-primary-light);box-shadow:0 0 0 3px rgba(37,99,235,0.1)}.lx-input{flex:1;border:none;background:transparent;font-size:15px;line-height:1.5;color:var(--lx-text);resize:none;outline:none;font-family:inherit;max-height:120px}.lx-input::placeholder{color:#94a3b8}.lx-send-btn{width:40px;height:40px;border-radius:12px;border:none;background:var(--lx-primary);color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 0.15s ease}.lx-send-btn:hover:not(:disabled){background:var(--lx-primary-dark);transform:scale(1.05)}.lx-send-btn:disabled{background:#cbd5e1;cursor:not-allowed}.lx-send-icon{width:18px;height:18px}.lx-skip-btn{display:block;width:100%;padding:10px;margin-top:8px;background:transparent;border:1px dashed var(--lx-border);border-radius:var(--lx-radius-sm);color:var(--lx-text-muted);font-size:13px;font-family:inherit;cursor:pointer;transition:all 0.15s}.lx-skip-btn:hover:not(:disabled){border-color:var(--lx-primary-light);color:var(--lx-primary-light);background:rgba(37,99,235,0.05)}.lx-skip-btn:disabled{opacity:0.5;cursor:not-allowed}.lx-disclaimer{font-size:11px;color:#94a3b8;text-align:center;margin-top:8px}@media (max-width: 640px){.lx-chat-container{max-width:100%}.lx-messages{padding:12px}.lx-message-row{max-width:92%}.lx-input-container{padding:8px 12px 12px}}@media (prefers-color-scheme: dark){:root{--lx-bg: #0f172a;--lx-surface: #1e293b;--lx-text: #f1f5f9;--lx-text-muted: #94a3b8;--lx-border: #334155;--lx-assistant-bubble: #1e293b;--lx-assistant-text: #f1f5f9;--lx-shadow: 0 1px 3px rgba(0,0,0,0.3)}.lx-send-btn:disabled{background:#475569}}.lx-header-actions{display:flex;align-items:center;gap:8px}.lx-header-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;border:1px solid var(--lx-border);border-radius:8px;background:var(--lx-surface);color:var(--lx-text-muted);font-size:13px;font-family:inherit;cursor:pointer;transition:all 0.15s}.lx-header-btn:hover:not(:disabled){border-color:var(--lx-primary-light);color:var(--lx-primary);background:rgba(37,99,235,0.05)}.lx-header-btn:disabled{opacity:0.5;cursor:not-allowed}.lx-close-ticket-btn:hover:not(:disabled){border-color:#22c55e;color:#16a34a;background:rgba(34,197,94,0.05)}.lx-ticket-count{background:var(--lx-primary);color:white;font-size:11px;font-weight:600;padding:1px 6px;border-radius:10px;min-width:18px;text-align:center}.lx-closed-banner{text-align:center;padding:20px}.lx-closed-icon{font-size:32px;margin-bottom:8px}.lx-closed-text{font-size:15px;color:var(--lx-text-muted);margin-bottom:16px}.lx-new-ticket-btn{display:inline-flex;align-items:center;gap:4px;padding:10px 20px;border:none;border-radius:var(--lx-radius-sm);background:var(--lx-primary);color:white;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:all 0.15s}.lx-new-ticket-btn:hover:not(:disabled){background:var(--lx-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px rgba(37,99,235,0.3)}.lx-new-ticket-btn:disabled{opacity:0.6;cursor:not-allowed}.lx-ticket-panel{position:absolute;top:73px;left:0;right:0;bottom:0;z-index:20;background:var(--lx-bg);overflow-y:auto;animation:lx-slideIn 0.2s ease-out;padding:16px}@keyframes lx-slideIn{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.lx-ticket-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.lx-ticket-panel-header h3{font-size:18px;font-weight:700;color:var(--lx-text)}.lx-ticket-panel-close{width:32px;height:32px;border-radius:8px;border:1px solid var(--lx-border);background:var(--lx-surface);color:var(--lx-text-muted);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.15s}.lx-ticket-panel-close:hover{border-color:var(--lx-text-muted);color:var(--lx-text)}.lx-panel-new-btn{width:100%;margin-bottom:16px;justify-content:center}.lx-ticket-section{margin-bottom:16px}.lx-ticket-section-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;color:var(--lx-text-muted);margin-bottom:8px;padding:0 4px}.lx-dot{width:8px;height:8px;border-radius:50%}.lx-dot-open{background:#22c55e}.lx-dot-closed{background:#94a3b8}.lx-ticket-item{display:block;width:100%;text-align:left;padding:12px 14px;margin-bottom:6px;border:1px solid var(--lx-border);border-radius:var(--lx-radius-sm);background:var(--lx-surface);cursor:pointer;transition:all 0.15s;font-family:inherit}.lx-ticket-item:hover{border-color:var(--lx-primary-light);box-shadow:var(--lx-shadow)}.lx-ticket-active{border-color:var(--lx-primary);background:rgba(37,99,235,0.05);box-shadow:0 0 0 2px rgba(37,99,235,0.15)}.lx-ticket-closed-item{opacity:0.7}.lx-ticket-item-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.lx-ticket-hexid{font-size:13px;font-weight:600;color:var(--lx-primary)}.lx-ticket-time{font-size:11px;color:var(--lx-text-muted)}.lx-ticket-item-preview{font-size:13px;color:var(--lx-text);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px}.lx-ticket-item-meta{font-size:11px;color:var(--lx-text-muted)}.lx-ticket-empty{text-align:center;padding:40px 20px;color:var(--lx-text-muted);font-size:14px}.lx-message-system{align-self:center;max-width:90%}.lx-bubble-system{background:rgba(37,99,235,0.08);color:var(--lx-text-muted);text-align:center;font-size:13px;padding:8px 16px;border-radius:20px;box-shadow:none}.lx-chat-container{position:relative}