/* GaiaPixie widget skin: "Realm" (mypixiesuite.com and the seven Pixie sites).
   Built on the same pattern as the "Horizon" skin on cngstudios.biz: the shared widget.js is untouched and every rule
   is scoped under #gaia-widget-container, so it outranks the widget's own single-id rules. !important only beats inline styles.
   Each page sets three values: --bot-accent (that Pixie's light), her portrait (a background-image rule in the page, so its path resolves from the page) and --bot-label ("Ask Echo").
   Each site's bot is that site's own Pixie, so the launcher and the header show her, not the old avatar art.
   Contrast: ink #1C1140 on white 17.6:1; white on ink 17.6:1; dim #5F5880 on white 6.3:1; link #4A26A8 on white 9.0:1. */
:root { --bot-accent: #8E5BF0; --bot-ink: #1C1140; --bot-night: #150D30; --bot-label: "Ask a Pixie"; }
#gaia-widget-container{font-family:Sora,system-ui,sans-serif !important;color:var(--bot-ink) !important;-webkit-font-smoothing:antialiased !important}

/* launcher: Gaia in a ring of the page's light */
#gaia-widget-container #gaia-bubble{width:68px;height:68px;right:24px;bottom:24px;border-radius:50%;overflow:visible;background:#1F1247 center 16%/122% no-repeat;
  box-shadow:0 0 0 2px #fff,0 0 0 5px var(--bot-accent),0 0 0 11px color-mix(in srgb,var(--bot-accent) 22%,transparent),0 16px 36px rgba(28,17,64,.38),0 0 54px color-mix(in srgb,var(--bot-accent) 55%,transparent);
  transition:transform .45s cubic-bezier(.34,1.45,.5,1),box-shadow .3s ease}
#gaia-widget-container #gaia-bubble > svg,#gaia-widget-container #gaia-bubble > img,#gaia-widget-container #gaia-bubble .gaia-leaf{display:none !important}
#gaia-widget-container #gaia-bubble::before{content:"";position:absolute;inset:-12px;border-radius:50%;border:1px dashed var(--bot-accent);opacity:.7;animation:gaiaRealmOrbit 18s linear infinite;pointer-events:none}
#gaia-widget-container #gaia-bubble::after{content:var(--bot-label);position:absolute;right:calc(100% + 18px);top:50%;transform:translateY(-50%);white-space:nowrap;
  padding:.55rem 1rem;border-radius:999px;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.9);color:var(--bot-ink);
  font:500 13px/1.2 Sora,system-ui,sans-serif;box-shadow:0 10px 28px rgba(28,17,64,.2),0 0 0 1px color-mix(in srgb,var(--bot-accent) 35%,transparent);
  -webkit-backdrop-filter:blur(12px) saturate(1.3);backdrop-filter:blur(12px) saturate(1.3);pointer-events:none;transition:transform .3s ease}
#gaia-widget-container #gaia-bubble:hover{transform:translateY(-3px) scale(1.06);box-shadow:0 0 0 2px #fff,0 0 0 6px var(--bot-accent),0 0 0 14px color-mix(in srgb,var(--bot-accent) 28%,transparent),0 20px 44px rgba(28,17,64,.45),0 0 76px color-mix(in srgb,var(--bot-accent) 70%,transparent)}
#gaia-widget-container #gaia-bubble:hover::after{transform:translateY(-50%) translateX(-4px)}
@keyframes gaiaRealmOrbit{to{transform:rotate(360deg)}}

/* panel: daylight glass, lit from below by the page's Pixie */
#gaia-widget-container #gaia-chat{right:24px;bottom:24px;width:min(410px,calc(100vw - 32px));height:min(640px,calc(100vh - 48px));border-radius:26px;overflow:hidden;
  border:1px solid rgba(255,255,255,.85);
  background:radial-gradient(120% 55% at 50% 112%,color-mix(in srgb,var(--bot-accent) 30%,transparent),transparent 62%),radial-gradient(80% 40% at 100% 0%,color-mix(in srgb,var(--bot-accent) 16%,transparent),transparent 70%),linear-gradient(180deg,rgba(255,255,255,.90),rgba(240,236,250,.94));
  -webkit-backdrop-filter:blur(22px) saturate(1.35);backdrop-filter:blur(22px) saturate(1.35);
  box-shadow:0 34px 90px rgba(28,17,64,.38),0 0 0 1px rgba(28,17,64,.08),0 0 80px color-mix(in srgb,var(--bot-accent) 34%,transparent)}

/* header: the night studio, lit by the page's Pixie */
#gaia-widget-container #gaia-header{position:relative;z-index:2;padding:18px 18px 24px;margin-bottom:10px;color:#F3EFFF;
  background:radial-gradient(95% 150% at 8% 0%,color-mix(in srgb,var(--bot-accent) 70%,transparent),transparent 62%),radial-gradient(60% 120% at 100% 100%,color-mix(in srgb,var(--bot-accent) 28%,transparent),transparent 70%),linear-gradient(120deg,#2A1766 0%,#1F1247 50%,var(--bot-night) 100%)}
#gaia-widget-container #gaia-header-avatar{width:48px;height:48px;background:#1F1247 center 16%/122% no-repeat;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--bot-accent),0 0 22px color-mix(in srgb,var(--bot-accent) 70%,transparent)}
#gaia-widget-container #gaia-header::after{content:"";position:absolute;left:-8%;right:-8%;bottom:-11px;height:22px;border-radius:50%;background:#FBFAFE;box-shadow:0 -2px 0 var(--bot-accent),0 -10px 24px color-mix(in srgb,var(--bot-accent) 45%,transparent);pointer-events:none}
#gaia-widget-container #gaia-header > *{position:relative;z-index:1}
#gaia-widget-container #gaia-header-avatar > svg,#gaia-widget-container #gaia-header-avatar > img{display:none !important}
#gaia-widget-container #gaia-header-text h3{font-family:Sora,system-ui,sans-serif;font-weight:300;font-size:19px;letter-spacing:-.02em;color:#fff}
#gaia-widget-container #gaia-header-text p{font-size:12px;opacity:1;margin-top:3px;color:#E3DCF7}
#gaia-widget-container .gaia-status-dot{background:#4ADE80;box-shadow:0 0 0 3px rgba(74,222,128,.2)}
#gaia-widget-container #gaia-close,#gaia-widget-container #gaia-expand{width:34px;height:34px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);color:#fff;font-size:20px}
#gaia-widget-container #gaia-close:hover,#gaia-widget-container #gaia-expand:hover{background:#fff;border-color:#fff;color:var(--bot-ink)}

/* the one-line context strip under the header takes the Pixie's light instead of the widget's mint */
#gaia-widget-container #gaia-context-banner{background:color-mix(in srgb,var(--bot-accent) 14%,#fff) !important;color:var(--bot-ink) !important;border:0 !important;border-bottom:1px solid color-mix(in srgb,var(--bot-accent) 30%,transparent) !important;font-size:12.5px}
#gaia-widget-container #gaia-context-banner *{color:var(--bot-ink) !important}
/* quick questions */
#gaia-widget-container #gaia-quick-actions{background:transparent;padding:14px 16px 4px;gap:8px}
#gaia-widget-container .gaia-chip{min-height:32px;padding:7px 14px;border-radius:999px;font-size:12.5px;font-weight:500;color:var(--bot-ink);
  background:rgba(255,255,255,.72);border:1px solid color-mix(in srgb,var(--bot-accent) 55%,rgba(28,17,64,.25));box-shadow:0 4px 12px rgba(28,17,64,.06);transition:background .2s,color .2s,border-color .2s,transform .2s,box-shadow .2s}
#gaia-widget-container .gaia-chip:hover{background:linear-gradient(135deg,#34216E,var(--bot-ink));color:#fff;border-color:var(--bot-ink);transform:translateY(-1px);box-shadow:0 8px 20px color-mix(in srgb,var(--bot-accent) 45%,transparent)}

/* conversation */
#gaia-widget-container #gaia-messages{background:transparent;padding:14px 16px 18px;gap:12px}
#gaia-widget-container #gaia-messages::-webkit-scrollbar-thumb{background:rgba(28,17,64,.22)}
#gaia-widget-container .gaia-msg{font-size:14px;line-height:1.6;max-width:86%}
#gaia-widget-container .gaia-msg-bot{color:var(--bot-ink);background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.95);border-radius:20px 20px 20px 6px;box-shadow:0 10px 26px rgba(28,17,64,.10),0 0 0 1px rgba(28,17,64,.05)}
#gaia-widget-container .gaia-msg-user{color:#fff;background:linear-gradient(135deg,#3B2585 0%,var(--bot-ink) 70%);border-radius:20px 20px 6px 20px;box-shadow:0 10px 24px rgba(28,17,64,.28),0 0 22px color-mix(in srgb,var(--bot-accent) 30%,transparent)}
#gaia-widget-container .gaia-msg a{color:#4A26A8}
#gaia-widget-container .gaia-msg-user a{color:#fff}
#gaia-widget-container .gaia-msg-time{color:#5F5880;font-size:10.5px}
#gaia-widget-container .gaia-msg-user .gaia-msg-time{color:#D9D2EE}
#gaia-widget-container .gaia-quick-reply{min-height:30px;color:var(--bot-ink);background:#fff;border:1px solid rgba(28,17,64,.4);font-weight:500}
#gaia-widget-container .gaia-quick-reply:hover{background:var(--bot-ink);color:#fff}
#gaia-widget-container .gaia-typing{background:#fff;border:1px solid rgba(28,17,64,.12)}
#gaia-widget-container .gaia-typing-dot{background:var(--bot-ink)}

/* composer */
#gaia-widget-container #gaia-input-area{background:rgba(255,255,255,.78);border-top:1px solid rgba(28,17,64,.10);padding:12px 14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
#gaia-widget-container #gaia-input{min-height:44px;padding:11px 16px;border-radius:999px;font-size:14px;color:var(--bot-ink);background:#fff;border:1px solid rgba(28,17,64,.35)}
#gaia-widget-container #gaia-input::placeholder{color:#5F5880}
#gaia-widget-container #gaia-input:focus{border-color:var(--bot-ink);box-shadow:0 0 0 4px color-mix(in srgb,var(--bot-accent) 40%,transparent)}
#gaia-widget-container #gaia-input:focus-visible{outline:0}   /* the border and the ring above are the focus mark here */
#gaia-widget-container #gaia-attach-btn{color:#5F5880}
#gaia-widget-container #gaia-attach-btn:hover{background:rgba(28,17,64,.08);color:var(--bot-ink)}
#gaia-widget-container #gaia-send{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#3B2585,var(--bot-ink));box-shadow:0 8px 20px rgba(28,17,64,.3),0 0 0 2px color-mix(in srgb,var(--bot-accent) 60%,transparent)}
#gaia-widget-container #gaia-send:hover{background:linear-gradient(135deg,#4A2FA3,#2A1766);box-shadow:0 10px 24px rgba(28,17,64,.36),0 0 0 3px var(--bot-accent)}
#gaia-widget-container #gaia-send svg{stroke:#fff;fill:none}
#gaia-widget-container #gaia-powered{background:rgba(255,255,255,.78);color:#5F5880}
#gaia-widget-container #gaia-powered a{color:#4A26A8}

/* visible focus (the widget sets outline:none on every button and input) */
#gaia-widget-container button:focus-visible,#gaia-widget-container input:focus-visible{outline:3px solid var(--bot-ink);outline-offset:2px}
#gaia-widget-container #gaia-header button:focus-visible{outline-color:#fff}
#gaia-widget-container #gaia-bubble:focus-visible{outline:3px solid var(--bot-ink);outline-offset:8px}

/* phone: a taller sheet, the launcher label hidden */
@media (max-width:767px){
  #gaia-widget-container #gaia-bubble{width:58px;height:58px;right:16px;bottom:16px}
  #gaia-widget-container #gaia-bubble::after{display:none}
  #gaia-widget-container #gaia-bubble::before{inset:-9px}
  #gaia-widget-container #gaia-chat{left:0;right:0;bottom:0;width:100%;height:min(78vh,640px);border-radius:24px 24px 0 0;border-bottom:0}
}
@media (prefers-reduced-motion:reduce){
  #gaia-widget-container #gaia-bubble,#gaia-widget-container #gaia-bubble::before,#gaia-widget-container #gaia-bubble::after,
  #gaia-widget-container #gaia-chat,#gaia-widget-container .gaia-chip,#gaia-widget-container .gaia-status-dot,#gaia-widget-container .gaia-typing-dot{animation:none !important;transition:none !important}
  #gaia-widget-container #gaia-bubble:hover,#gaia-widget-container .gaia-chip:hover{transform:none}
}