.site-assistant { position: fixed; display: flex; flex-direction: column; right: max(24px, env(safe-area-inset-right)); bottom: max(24px, env(safe-area-inset-bottom)); z-index: 200; color: #242329; font: 400 14px/1.5 'Hiragino Kaku Gothic ProN', sans-serif; }
.site-assistant * { box-sizing: border-box; }
.site-assistant [hidden] { display: none !important; }
.site-assistant button, .site-assistant a { -webkit-tap-highlight-color: transparent; }
.site-assistant-toggle { position: relative; order: 1; width: 56px; height: 56px; display: none; place-items: center; margin-left: auto; border: 1px solid rgba(255,255,255,.8); border-radius: 50%; background: linear-gradient(135deg, #d4d4d6, #77777b); color: #fff; cursor: pointer; transition: transform 180ms ease, background 180ms ease; }
.site-assistant[data-ready='true'] .site-assistant-toggle { display: grid; }
.site-assistant-toggle:hover { transform: translateY(-2px); }
.site-assistant-toggle svg { transition: transform 220ms ease; }
.site-assistant-toggle[aria-expanded='true'] svg { transform: rotate(45deg); }
.site-assistant-tooltip { position: absolute; right: 80px; white-space: nowrap; padding: 5px 9px; border: 1px solid #e4e1eb; border-radius: 4px; background: #fff; color: #242329; opacity: 0; pointer-events: none; transition: opacity 160ms ease; }
.site-assistant-toggle:hover .site-assistant-tooltip, .site-assistant-toggle:focus-visible .site-assistant-tooltip { opacity: 1; }
.site-assistant :is(a,button,textarea):focus-visible { outline: 2px solid #515155; outline-offset: 3px; }
.site-assistant-toggle:focus-visible { outline-color: #fff; box-shadow: 0 0 0 5px #515155; }
.site-assistant-panel { width: min(304px, calc(100vw - 32px)); max-height: calc(100dvh - 112px); overflow-y: auto; margin-bottom: 12px; padding: 20px; border: 1px solid #dcd9e5; border-radius: 8px; background: #fff url('/products/sendy/noise-light.png') repeat; background-size: 220px 220px; opacity: 0; transform: translateY(10px) scale(.98); transform-origin: bottom right; transition: opacity 200ms ease, transform 200ms cubic-bezier(.2,.8,.2,1); }
.site-assistant-panel.is-open { opacity: 1; transform: translateY(0) scale(1); }
.site-assistant-title { margin: 0 0 6px; font: 700 24px/1.15 'Sendy Display', Georgia, serif; }
.site-assistant-intro { margin: 0 0 16px; color: #65616d; font-size: 12px; }
.site-assistant-providers { display: grid; gap: 4px; }
.site-assistant-providers a { display: flex; align-items: center; gap: 12px; min-height: 56px; padding: 8px; border: 1px solid transparent; border-radius: 5px; color: inherit; text-decoration: none; opacity: 0; transform: translateY(6px); transition: background 150ms ease, opacity 200ms ease, transform 200ms ease; }
.site-assistant-panel.is-open .site-assistant-providers a { opacity: 1; transform: translateY(0); }
.site-assistant-providers a:nth-child(2) { transition-delay: 25ms; }
.site-assistant-providers a:nth-child(3) { transition-delay: 50ms; }
.site-assistant-providers a:hover { background: #f4f1fa; border-color: #ebe5f5; }
.site-assistant-mark { display: grid; place-items: center; flex: 0 0 32px; width: 32px; height: 32px; border: 1px solid #d8e6de; border-radius: 50%; background: #edf5f0; color: #256447; font-size: 18px; }
.site-assistant-mark-claude { background: #faf0e9; border-color: #efddd0; color: #99553b; }
.site-assistant-mark-grok { background: #f1f1f3; border-color: #dedde2; color: #242329; }
.site-assistant-providers small { display: block; color: #65616d; font-size: 11px; }
.site-assistant-arrow { margin-left: auto; color: #65616d; font-size: 18px; }
.site-assistant-hint { margin: 14px 0; color: #65616d; font-size: 11px; line-height: 1.7; }
.site-assistant-actions { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-top: 12px; border-top: 1px solid #e8e5ec; font-size: 11px; }
.site-assistant-actions button { padding: 0; border: 0; background: none; color: #515155; font: inherit; cursor: pointer; }
.site-assistant-actions a, .site-assistant-guide { color: #515155; text-decoration: none; }
.site-assistant-actions :is(a,button):hover, .site-assistant-guide:hover { text-decoration: underline; }
.site-assistant-status { margin: 8px 0 0; font-size: 11px; color: #4b435e; }
.site-assistant-status:empty { margin: 0; }
.site-assistant-manual { margin-top: 12px; font-size: 11px; }
.site-assistant-manual textarea { display: block; width: 100%; margin-top: 6px; padding: 8px; border: 1px solid #dcd9e5; border-radius: 4px; color: #242329; background: #faf9fc; font: 12px/1.6 sans-serif; resize: vertical; }
.site-assistant-guide { display: inline-block; margin-top: 14px; font-size: 12px; }
.site-assistant-noscript { display: block; padding: 8px; background: #fff; color: #515155; }
.site-assistant{display:block}
.site-assistant-toggle{width:68px;height:68px;border:0;background:url('/products/sendy/noise-light.png') 0 0/220px 220px repeat,linear-gradient(110deg,#28282a,#77777b,#343438);color:#fff;border-radius:50%;box-shadow:0 5px 14px #00000040}
.site-assistant-toggle svg{width:34px;height:34px}
.site-assistant-toggle[aria-expanded=true] svg{transform:none}
.site-assistant-panel{position:absolute;right:80px;bottom:0;width:min(230px,calc(100vw - 112px));max-height:calc(100dvh - 152px);margin:0;padding:8px;border:1px solid #2423291f;border-radius:12px;background:#ececed url('/products/sendy/noise-light.png') repeat;background-size:220px 220px;transform:translateX(10px) scale(.97);transform-origin:bottom right;transition:opacity .2s,transform .24s cubic-bezier(.2,.8,.2,1)}
.site-assistant-panel.is-open{transform:translateX(0) scale(1)}
.site-assistant-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.site-assistant-providers{gap:2px}
.site-assistant-providers a{min-height:44px;padding:8px 10px;gap:10px;border:0;border-radius:7px;transform:translateX(8px)}
.site-assistant-providers a:nth-child(4){transition-delay:75ms}
.site-assistant-providers a svg{flex:0 0 24px;width:24px;height:24px}
.site-assistant-providers a[data-ai-provider=claude] svg,.site-assistant-providers a[data-ai-provider=claude-desktop] svg{color:#353538}
.site-assistant-providers a:hover{background:#5151550d}
.site-assistant-actions{padding:10px 10px 2px;margin-top:6px}
.site-assistant-guide{margin:8px 10px 4px;font-size:11px}
.site-assistant-status,.site-assistant-manual{margin-inline:10px}
.site-assistant-toggle::before,.site-assistant-toggle::after{content:"";position:absolute;pointer-events:none;clip-path:inset(var(--cream-top,100%) 0 var(--cream-bottom,0%) 0)}
.site-assistant-toggle::before{inset:0;z-index:1;border-radius:50%;background:url('/products/sendy/noise-light.png') 0 0/220px 220px repeat,#f1f1f2}
.site-assistant-toggle::after{inset:0;z-index:2;background:#515155;-webkit-mask:url('/products/sendy/assets/ai/codex-mark-mask.png') center/34px 34px no-repeat;mask:url('/products/sendy/assets/ai/codex-mark-mask.png') center/34px 34px no-repeat;mask-mode:luminance}
.site-assistant-toggle .site-assistant-tooltip{z-index:3}
@media(max-width:650px){.site-assistant{right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom))}}
.site-assistant-sparkles{position:absolute;inset:0;pointer-events:none;z-index:3}
.site-assistant-sparkles i{position:absolute;width:10px;height:10px;background:#fff;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);animation:site-assistant-sparkle 2.4s ease-in-out infinite}
.site-assistant-sparkles i:nth-child(1){top:-4px;right:0}.site-assistant-sparkles i:nth-child(2){width:7px;height:7px;bottom:2px;left:-5px;animation-delay:.8s}.site-assistant-sparkles i:nth-child(3){width:5px;height:5px;top:15px;left:-4px;animation-delay:1.6s}
@keyframes site-assistant-sparkle{0%,100%{opacity:.18;transform:scale(.5)}50%{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.site-assistant-sparkles i{animation:none;opacity:.7}.site-assistant *, .site-assistant *::before,.site-assistant *::after{transition:none!important}}