:root{color-scheme:light;font-family:SF Pro Display,Helvetica Neue,Segoe UI,sans-serif;--bg: radial-gradient(circle at top, #e8efff 0%, #f6f7fb 55%, #eef1f7 100%);--panel-bg: linear-gradient(160deg, rgba(255,255,255,.9), rgba(240,243,249,.92));--header-bg: linear-gradient(120deg, rgba(255,255,255,.8), rgba(210,226,255,.7));--header-text: #0f172a;--header-badge: rgba(15, 23, 42, .12);--bubble-in: rgba(255,255,255,.92);--bubble-out: linear-gradient(135deg, #4f46e5, #60a5fa);--bubble-out-text: #ffffff;--muted: #64748b;--reply-bg: rgba(255,255,255,.9);--input-bg: rgba(255,255,255,.92);--input-border: rgba(148, 163, 184, .4);--accent: linear-gradient(135deg, #4f46e5, #60a5fa);--glass-shadow: 0 30px 70px rgba(15, 23, 42, .25), inset 0 1px 0 rgba(255,255,255,.6);--surface-border: 1px solid rgba(255,255,255,.7)}:root[data-theme=liquid],:root[data-theme=liquid-glass],:root[data-theme=glass]{--bg: transparent;--panel-bg: linear-gradient(155deg, rgba(255,255,255,.35), rgba(210,226,255,.22));--header-bg: linear-gradient(120deg, rgba(255,255,255,.4), rgba(160,195,255,.2));--header-text: #0f172a;--header-badge: rgba(15, 23, 42, .12);--bubble-in: rgba(255,255,255,.35);--reply-bg: rgba(255,255,255,.35);--input-bg: rgba(255,255,255,.35);--input-border: rgba(255,255,255,.35);--glass-shadow: 0 24px 60px rgba(15, 23, 42, .18), inset 0 1px 0 rgba(255,255,255,.7);--surface-border: 1px solid rgba(255,255,255,.35)}:root[data-theme=dark]{color-scheme:dark;--bg: radial-gradient(circle at top, #0b1220 0%, #0f172a 50%, #0b1020 100%);--panel-bg: linear-gradient(160deg, rgba(15,23,42,.9), rgba(2,6,23,.95));--header-bg: linear-gradient(120deg, rgba(30,41,59,.75), rgba(15,23,42,.85));--header-text: #e2e8f0;--header-badge: rgba(148, 163, 184, .2);--bubble-in: rgba(30,41,59,.9);--bubble-out: linear-gradient(135deg, #6366f1, #22d3ee);--bubble-out-text: #f8fafc;--muted: #94a3b8;--reply-bg: rgba(30,41,59,.9);--input-bg: rgba(15,23,42,.8);--input-border: rgba(148, 163, 184, .2);--accent: linear-gradient(135deg, #6366f1, #22d3ee);--glass-shadow: 0 30px 70px rgba(2, 6, 23, .55), inset 0 1px 0 rgba(255,255,255,.08);--surface-border: 1px solid rgba(148, 163, 184, .16)}*{box-sizing:border-box}body{margin:0;background:var(--bg)}:root[data-theme=liquid] body,:root[data-theme=liquid-glass] body,:root[data-theme=glass] body{background:transparent}.widget{height:100vh;display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:var(--panel-bg);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:widget-pop .42s ease}:root[data-theme=liquid] .widget,:root[data-theme=liquid-glass] .widget,:root[data-theme=glass] .widget{-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);border:1px solid rgba(255,255,255,.45);position:relative;box-shadow:0 30px 70px #0f172a33,inset 0 1px #ffffffb3,inset 0 0 0 1px #ffffff59}:root[data-theme=liquid] .widget:before,:root[data-theme=liquid-glass] .widget:before,:root[data-theme=glass] .widget:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px;background:radial-gradient(circle at 15% 10%,rgba(255,255,255,.45),transparent 45%),radial-gradient(circle at 85% 0%,rgba(120,165,255,.25),transparent 55%),radial-gradient(circle at 0% 85%,rgba(255,255,255,.35),transparent 50%),linear-gradient(120deg,rgba(255,255,255,.2),transparent 60%);mix-blend-mode:screen;pointer-events:none;z-index:0}:root[data-theme=liquid] .widget:after,:root[data-theme=liquid-glass] .widget:after,:root[data-theme=glass] .widget:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='140' height='140' filter='url(%23n)' opacity='0.12'/></svg>");opacity:.18;mix-blend-mode:soft-light;pointer-events:none;z-index:0}.widget__header{position:relative;color:var(--header-text);padding:16px 16px 18px;display:flex;align-items:center;justify-content:space-between;background:var(--header-bg);border-bottom:var(--surface-border);overflow:hidden}.widget__header:after{content:"";position:absolute;top:-40%;right:-60%;bottom:-40%;left:-60%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.35),transparent);opacity:.6;transform:translate(-40%);animation:header-shimmer 8s linear infinite;pointer-events:none}:root[data-theme=liquid] .widget__header:after,:root[data-theme=liquid-glass] .widget__header:after,:root[data-theme=glass] .widget__header:after{background:linear-gradient(120deg,transparent,rgba(255,255,255,.6),transparent);opacity:.8}:root[data-theme=liquid] .widget__header:before,:root[data-theme=liquid-glass] .widget__header:before,:root[data-theme=glass] .widget__header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.5),transparent 50%),radial-gradient(circle at 80% 10%,rgba(120,165,255,.3),transparent 55%);mix-blend-mode:screen;opacity:.9;pointer-events:none}.header__left,.header__actions{position:relative;z-index:2}.header__left{display:flex;align-items:center;gap:12px}.avatar{width:40px;height:40px;border-radius:16px;background:linear-gradient(140deg,#7dd3fc,#60a5fa 60%,#6366f1);display:grid;place-items:center;font-weight:700;color:#fff;box-shadow:0 10px 24px #3b82f659}.avatar img{width:100%;height:100%;border-radius:14px;object-fit:cover}.avatar span{display:inline-block}:root[data-theme=dark] .avatar{box-shadow:0 10px 24px #22d3ee59}.header__meta{display:grid;gap:2px}.header__name{font-weight:700;letter-spacing:.2px}.header__badge{font-size:11px;background:var(--header-badge);padding:3px 8px;border-radius:999px;width:fit-content;display:inline-flex;align-items:center;gap:6px;text-transform:lowercase;color:var(--muted)}.header__badge--online{background:#10b98126;color:#059669}.header__badge--typing{background:#94a3b833;color:#64748b}.header__status-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 0 3px #10b98126}.header__badge--typing .header__status-dot{background:#94a3b8;box-shadow:0 0 0 3px #94a3b833;animation:typing-pulse 1.6s ease-in-out infinite}@keyframes typing-pulse{0%{transform:scale(1);opacity:.7}50%{transform:scale(1.25);opacity:1}to{transform:scale(1);opacity:.7}}.header__actions{display:flex;gap:8px}.icon-button{all:unset;cursor:pointer;width:34px;height:34px;border-radius:999px;display:grid;place-items:center;font-size:12px;font-weight:600;color:var(--header-text);background:#ffffffb3;box-shadow:inset 0 1px #ffffffb3,0 8px 18px #0f172a29;transition:transform .18s ease,box-shadow .18s ease}:root[data-theme=dark] .icon-button{background:#0f172a99;box-shadow:inset 0 1px #ffffff0d,0 8px 18px #02061766}.icon-button:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffffe6,0 12px 24px #0f172a33}.icon-button--close{background:#fff9}.icon-button__icon{width:16px;height:16px;fill:currentColor}.widget__messages{flex:1;padding:18px 16px 10px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;background:radial-gradient(circle at top,rgba(255,255,255,.8),transparent 55%),linear-gradient(180deg,#f0f4ffe6,#f8f9fce6);position:relative;z-index:1}:root[data-theme=liquid] .widget__messages,:root[data-theme=liquid-glass] .widget__messages,:root[data-theme=glass] .widget__messages{background:radial-gradient(circle at top,rgba(255,255,255,.25),transparent 55%),linear-gradient(180deg,#ffffff14,#ffffff05)}:root[data-theme=dark] .widget__messages{background:radial-gradient(circle at top,rgba(99,102,241,.1),transparent 55%),linear-gradient(180deg,#0f172ae6,#020617f2)}.message{display:flex;flex-direction:column;max-width:78%;animation:message-in .24s ease}.message--out{align-self:flex-end;text-align:right}.message--in{align-self:flex-start}.message__bubble{padding:10px 14px;border-radius:16px;background:var(--bubble-in);box-shadow:0 10px 20px #0f172a14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.message--out .message__bubble{background:var(--bubble-out);color:var(--bubble-out-text)}.message__meta{font-size:11px;color:var(--muted);margin-top:4px}.widget__quick-replies{display:flex;gap:8px;flex-wrap:wrap;padding:10px 14px;background:#ffffffbf;border-top:var(--surface-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:relative;z-index:1}:root[data-theme=dark] .widget__quick-replies{background:#0f172ab3}.quick-reply{all:unset;padding:8px 12px;border-radius:999px;background:var(--reply-bg);box-shadow:0 6px 14px #0f172a1f;cursor:pointer;font-size:12px;transition:transform .16s ease}.quick-reply:hover{transform:translateY(-1px)}.widget__input{padding:12px 14px 16px;display:flex;gap:8px;background:var(--input-bg);border-top:var(--surface-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:relative;z-index:1;align-items:flex-end}.widget__input textarea{flex:1;border:1px solid var(--input-border);border-radius:12px;padding:10px 12px;font-size:14px;background:#ffffffb3;color:var(--header-text);line-height:22px;resize:none;max-height:82px}:root[data-theme=dark] .widget__input textarea{background:#0f172a80}.send-button{border:none;border-radius:12px;background:var(--accent);color:#fff;width:42px;height:42px;display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 24px #4f46e54d;transition:transform .16s ease}.send-button:hover{transform:translateY(-1px)}.send-button__icon{width:18px;height:18px;fill:currentColor}@keyframes widget-pop{0%{transform:translateY(12px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes message-in{0%{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes header-shimmer{0%{transform:translate(-60%)}to{transform:translate(60%)}}@keyframes call-breathe{0%{transform:scale(1);box-shadow:0 8px 18px #3b82f659}50%{transform:scale(1.04);box-shadow:0 14px 30px #3b82f680}to{transform:scale(1);box-shadow:0 8px 18px #3b82f659}}