#lumiderm-chat-widget{position:fixed;bottom:24px;right:24px;z-index:9999;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}#chat-toggle{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--lumi-glow),var(--lumi-gold));border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 20px #c9a86a66;transition:transform .2s ease,box-shadow .2s ease;position:relative}#chat-toggle:hover{transform:scale(1.1);box-shadow:0 6px 28px #c9a86a80}#chat-panel{position:fixed;bottom:92px;right:24px;width:380px;height:580px;background:#fff;border-radius:16px;box-shadow:0 8px 40px #00000026;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease forwards;transform-origin:bottom right}#chat-panel.hidden{display:none}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}#chat-header{background:linear-gradient(135deg,var(--lumi-glow),var(--lumi-gold));color:#fff;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.header-left{display:flex;align-items:center;gap:12px}.chat-avatar{width:36px;height:36px;border-radius:50%;background:#ffffff40;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff}.header-info{display:flex;flex-direction:column}.header-title{font-size:14px;font-weight:600;line-height:1.3}.header-status{font-size:11px;opacity:.85;line-height:1.3}#chat-close{background:none;border:none;color:#fff;cursor:pointer;opacity:.8;transition:opacity .2s;padding:4px;display:flex}#chat-close:hover{opacity:1}#chat-messages{flex:1;overflow-y:auto;padding:16px;background:var(--lumi-porcelain);display:flex;flex-direction:column;gap:12px}#chat-messages::-webkit-scrollbar{width:4px}#chat-messages::-webkit-scrollbar-track{background:transparent}#chat-messages::-webkit-scrollbar-thumb{background:var(--lumi-cream-line);border-radius:2px}.message{display:flex;gap:8px;max-width:85%;animation:fadeIn .3s ease}.message.assistant{align-self:flex-start}.message.user{align-self:flex-end;flex-direction:row-reverse}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message-avatar{width:28px;height:28px;border-radius:50%;background:var(--lumi-taupe);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:4px}.message.user .message-avatar{background:var(--lumi-gold)}.message-bubble{padding:10px 14px;font-size:14px;line-height:1.5;word-wrap:break-word}.message.assistant .message-bubble{background:#fff;color:var(--lumi-espresso);border-radius:4px 16px 16px;box-shadow:0 1px 4px #00000014}.message.user .message-bubble{background:var(--lumi-gold);color:#fff;border-radius:16px 4px 16px 16px}#chat-typing{display:flex;gap:4px;padding:8px 16px;align-items:center}#chat-typing.hidden{display:none}.typing-dot{width:8px;height:8px;border-radius:50%;background:var(--lumi-cream-line);animation:typingBounce 1.4s ease-in-out infinite}.typing-dot:nth-child(1){animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);background:var(--lumi-cream-line)}30%{transform:translateY(-8px);background:var(--lumi-taupe)}}#chat-input-area{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--lumi-cream-line);background:#fff;flex-shrink:0}#chat-honeypot{position:absolute;left:-9999px;top:-9999px;opacity:0;height:0;width:0;pointer-events:none}#chat-input{flex:1;border:none;border-radius:24px;background:var(--lumi-bone);padding:10px 14px;font-size:14px;outline:none;color:var(--lumi-espresso);font-family:inherit}#chat-input::-moz-placeholder{color:var(--lumi-taupe-light)}#chat-input::placeholder{color:var(--lumi-taupe-light)}#chat-send{width:40px;height:40px;border-radius:50%;background:var(--lumi-gold);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:background .2s;flex-shrink:0}#chat-send:hover{background:var(--lumi-gold-deep)}@media(max-width:480px){#chat-panel{inset:0 auto auto 0;width:100%;height:100dvh;border-radius:0}#chat-toggle,#lumiderm-chat-widget{bottom:16px;right:16px}}
