/* UCXRChat Widget Styles — Dark glassmorphism, UCXR brand palette */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');
:root{--ucxr-bg:rgba(10,10,18,0.92);--ucxr-surface:rgba(22,22,38,0.96);--ucxr-border:rgba(120,80,255,0.25);--ucxr-accent:#7c4dff;--ucxr-accent2:#b06cff;--ucxr-text:#e8e6f0;--ucxr-muted:rgba(200,195,220,0.55);--ucxr-user-bg:linear-gradient(135deg,#7c4dff,#b06cff);--ucxr-bot-bg:rgba(40,36,58,0.85);--ucxr-radius:18px;--ucxr-shadow:0 24px 64px rgba(0,0,0,0.55),0 0 0 1px var(--ucxr-border);--ucxr-font:'Inter',system-ui,sans-serif;--ucxr-width:370px;--ucxr-height:520px}
#ucxr-bubble{position:fixed;bottom:28px;right:28px;z-index:9998;width:62px;height:62px;border-radius:50%;background:radial-gradient(circle,#1a1a1a 28%,transparent 28%),repeating-radial-gradient(circle,#c0392b 0px,#c0392b 3px,#8b1a1a 3px,#8b1a1a 6px,#a93226 6px,#a93226 9px,#7b241c 9px,#7b241c 12px);box-shadow:0 6px 24px rgba(192,57,43,0.6),0 0 0 2px rgba(192,57,43,0.3);display:flex;align-items:center;justify-content:center;cursor:pointer;outline:none;animation:vinyl-spin 4s linear infinite;transition:box-shadow 0.25s ease}
@keyframes vinyl-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
#ucxr-bubble::before{content:'';position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse 44% 16% at 32% 50%,rgba(255,240,220,0.55) 0%,transparent 70%),radial-gradient(ellipse 44% 16% at 68% 50%,rgba(255,240,220,0.55) 0%,transparent 70%);pointer-events:none;z-index:0;animation:bowtie-wobble 0.9s ease-in-out infinite alternate}
@keyframes bowtie-wobble{from{opacity:0.55;transform:rotate(-6deg) scaleX(0.92)}to{opacity:1;transform:rotate(6deg) scaleX(1.08)}}
#ucxr-bubble:hover{animation-duration:10s;box-shadow:0 8px 32px rgba(192,57,43,0.8),0 0 0 2px rgba(255,80,60,0.5)}
#ucxr-bubble.ucxr-open{animation-play-state:paused}
#ucxr-bubble.ucxr-open::before{animation-play-state:paused}
.ucxr-vinyl-ring{position:absolute;inset:0;border-radius:50%;pointer-events:none}
.ucxr-bubble-face{position:relative;z-index:1;font-size:24px;line-height:1;display:inline-block;animation:vinyl-counter 4s linear infinite;transition:all 0.2s ease;filter:drop-shadow(0 1px 3px rgba(0,0,0,0.6))}
@keyframes vinyl-counter{from{transform:rotate(0deg)}to{transform:rotate(-360deg)}}
#ucxr-bubble.ucxr-open .ucxr-bubble-face{animation-play-state:paused}
.ucxr-unread{position:absolute;top:0;right:0;width:18px;height:18px;border-radius:50%;background:#ff4c8b;color:white;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;font-family:var(--ucxr-font);z-index:2;animation:ucxr-ping 1.8s ease-in-out infinite}
@keyframes ucxr-ping{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:0.75}}
#ucxr-panel{position:fixed;bottom:100px;right:28px;z-index:9999;width:var(--ucxr-width);height:var(--ucxr-height);background:var(--ucxr-bg);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border:1px solid var(--ucxr-border);border-radius:var(--ucxr-radius);box-shadow:var(--ucxr-shadow);display:flex;flex-direction:column;overflow:hidden;font-family:var(--ucxr-font);animation:ucxr-slide-in 0.32s cubic-bezier(.34,1.56,.64,1)}
@keyframes ucxr-slide-in{from{opacity:0;transform:translateY(24px) scale(0.96)}to{opacity:1;transform:translateY(0) scale(1)}}
#ucxr-header{padding:14px 16px;background:linear-gradient(135deg,rgba(124,77,255,0.18) 0%,rgba(176,108,255,0.08) 100%);border-bottom:1px solid var(--ucxr-border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
.ucxr-header-info{display:flex;align-items:center;gap:10px}
.ucxr-avatar{width:36px;height:36px;border-radius:50%;background:var(--ucxr-user-bg);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;color:white;flex-shrink:0}
.ucxr-name{font-size:14px;font-weight:600;color:var(--ucxr-text);letter-spacing:0.01em}
.ucxr-status{font-size:11px;color:var(--ucxr-muted);display:flex;align-items:center;gap:5px;margin-top:1px}
.ucxr-dot{width:7px;height:7px;border-radius:50%;background:#4cff91;box-shadow:0 0 6px #4cff91;animation:ucxr-pulse 2s ease-in-out infinite}
@keyframes ucxr-pulse{0%,100%{opacity:1}50%{opacity:0.5}}
#ucxr-close{background:transparent;border:none;color:var(--ucxr-muted);font-size:16px;cursor:pointer;padding:4px 8px;border-radius:8px;transition:color 0.2s,background 0.2s;line-height:1}
#ucxr-close:hover{color:var(--ucxr-text);background:rgba(255,255,255,0.07)}
#ucxr-messages{flex:1;overflow-y:auto;padding:16px 14px;display:flex;flex-direction:column;gap:10px;scrollbar-width:thin;scrollbar-color:var(--ucxr-border) transparent}
.ucxr-msg{display:flex;flex-direction:column;max-width:88%;animation:ucxr-msg-in 0.22s ease}
@keyframes ucxr-msg-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.ucxr-bot{align-self:flex-start}.ucxr-user{align-self:flex-end}
.ucxr-bubble-text{padding:10px 14px;border-radius:14px;font-size:13.5px;line-height:1.55;word-break:break-word}
.ucxr-bot .ucxr-bubble-text{background:var(--ucxr-bot-bg);border:1px solid var(--ucxr-border);color:var(--ucxr-text);border-bottom-left-radius:4px}
.ucxr-user .ucxr-bubble-text{background:var(--ucxr-user-bg);color:white;border-bottom-right-radius:4px}
.ucxr-thinking .ucxr-bubble-text{display:flex;gap:5px;padding:14px}
.ucxr-thinking .ucxr-bubble-text span{width:7px;height:7px;border-radius:50%;background:var(--ucxr-accent2);animation:ucxr-bounce 1.2s ease-in-out infinite}
.ucxr-thinking .ucxr-bubble-text span:nth-child(2){animation-delay:0.2s}
.ucxr-thinking .ucxr-bubble-text span:nth-child(3){animation-delay:0.4s}
@keyframes ucxr-bounce{0%,80%,100%{transform:translateY(0);opacity:0.5}40%{transform:translateY(-7px);opacity:1}}
.ucxr-score{display:flex;align-items:center;gap:5px;font-size:10.5px;color:var(--ucxr-muted);margin-top:4px;padding-left:4px}
.ucxr-score-dot{width:7px;height:7px;border-radius:50%}
.ucxr-score-dot.green{background:#4cff91}.ucxr-score-dot.yellow{background:#ffd04c}.ucxr-score-dot.red{background:#ff4c4c}
.ucxr-feedback{display:flex;gap:6px;margin-top:4px;padding-left:2px}
.ucxr-thumb{background:transparent;border:1px solid var(--ucxr-border);border-radius:8px;padding:2px 8px;font-size:13px;cursor:pointer;transition:background 0.2s,transform 0.15s}
.ucxr-thumb:hover{background:rgba(124,77,255,0.2);transform:scale(1.15)}
.ucxr-fb-thanks{font-size:11px;color:var(--ucxr-muted);font-style:italic}
.ucxr-sources{font-size:10px;color:var(--ucxr-muted);margin-top:3px;padding-left:4px;font-style:italic}
#ucxr-email-bar{padding:8px 14px;gap:8px;border-top:1px solid var(--ucxr-border);flex-shrink:0;background:rgba(124,77,255,0.07);align-items:center}
#ucxr-input-bar{padding:10px 14px;border-top:1px solid var(--ucxr-border);display:flex;gap:8px;align-items:center;flex-shrink:0;background:var(--ucxr-surface)}
#ucxr-input{flex:1;background:rgba(255,255,255,0.06);border:1px solid var(--ucxr-border);border-radius:12px;padding:10px 14px;font-size:13.5px;color:var(--ucxr-text);font-family:var(--ucxr-font);outline:none;transition:border-color 0.2s,box-shadow 0.2s}
#ucxr-input:focus{border-color:var(--ucxr-accent);box-shadow:0 0 0 3px rgba(124,77,255,0.15)}
#ucxr-input::placeholder{color:var(--ucxr-muted)}
#ucxr-send{width:40px;height:40px;border-radius:50%;background:var(--ucxr-user-bg);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform 0.2s cubic-bezier(.34,1.56,.64,1),box-shadow 0.2s;box-shadow:0 4px 14px rgba(124,77,255,0.45)}
#ucxr-send:hover{transform:scale(1.12);box-shadow:0 6px 20px rgba(124,77,255,0.6)}
#ucxr-send:disabled{opacity:0.5;transform:none;cursor:not-allowed}
#ucxr-footer{padding:6px 14px 10px;font-size:10.5px;color:var(--ucxr-muted);text-align:center;flex-shrink:0}
#ucxr-footer a{color:var(--ucxr-accent2);text-decoration:none;font-weight:500;transition:color 0.2s}
#ucxr-footer a:hover{color:white}
.ucxr-intake-btn{flex:1;padding:9px 14px;border-radius:10px;font-size:13px;font-weight:500;font-family:var(--ucxr-font);cursor:pointer;border:1px solid var(--ucxr-border);transition:transform 0.2s,box-shadow 0.2s}
.ucxr-intake-yes{background:var(--ucxr-user-bg);color:white;border-color:transparent;box-shadow:0 4px 14px rgba(124,77,255,0.4)}
.ucxr-intake-yes:hover{transform:scale(1.03);box-shadow:0 6px 20px rgba(124,77,255,0.6)}
.ucxr-intake-no{background:transparent;color:var(--ucxr-muted)}
.ucxr-intake-no:hover{color:var(--ucxr-text);background:rgba(255,255,255,0.05)}
@media(max-width:480px){#ucxr-panel{bottom:0;right:0;left:0;width:100vw;height:85dvh;border-radius:var(--ucxr-radius) var(--ucxr-radius) 0 0}#ucxr-bubble{bottom:20px;right:20px}}