.relay-assistant{--bg-cream:#fbf6ec;--wash-navy:#0c2740;--ink:#16283f;--ink-soft:#16283f99;--card:#fffdf8;--card-tint:#f3faf9;--line:#14283f29;--line-soft:#14283f14;--label-muted:#102032b8;--accent:#0ea8bc;--accent-dim:#0ea8bc66;--warm:#ff7a3d;--warm-dim:#ff7a3d66;--font-display:"Bricolage Grotesque", "Segoe UI", sans-serif;--font-body:"IBM Plex Sans", "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--cycle:65s}.relay-assistant *{box-sizing:border-box}.relay-assistant{background:var(--bg-cream);color:var(--ink);font-family:var(--font-body);flex-direction:column;justify-content:center;align-items:center;gap:clamp(18px,3vh,32px);min-height:100vh;padding:clamp(20px,4vh,44px) 20px;display:flex;position:relative;overflow-x:hidden}.relay-assistant .wash{pointer-events:none;z-index:0;background:radial-gradient(100% 60% at 50% 0,#0c27401a,#0000 70%);position:fixed;inset:0}.relay-assistant .blob{filter:blur(60px);pointer-events:none;z-index:0;border-radius:50%;position:fixed}.relay-assistant .blob-a{background:var(--accent);opacity:.5;width:min(44vw,520px);height:min(44vw,520px);animation:26s ease-in-out infinite relay-driftA;top:-12%;left:-10%}.relay-assistant .blob-b{background:var(--warm);opacity:.36;width:min(38vw,420px);height:min(38vw,420px);animation:32s ease-in-out infinite relay-driftB;top:-4%;right:-8%}@keyframes relay-driftA{0%,to{transform:translate(0)}50%{transform:translate(4vw,3vh)}}@keyframes relay-driftB{0%,to{transform:translate(0)}50%{transform:translate(-3vw,-4vh)}}.relay-assistant .page{z-index:1;flex-direction:column;align-items:center;gap:clamp(18px,3vh,30px);width:100%;max-width:780px;display:flex;position:relative}.relay-assistant .stage-wrap{aspect-ratio:1;width:min(92vw,78vh,640px);position:relative}.relay-assistant svg.wires{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.relay-assistant .orbit-ring{transform-origin:50px 50px;animation:34s linear infinite relay-spin}@keyframes relay-spin{to{transform:rotate(360deg)}}.relay-assistant .wire{fill:none;stroke:var(--line);stroke-width:.55px;stroke-linecap:round}.relay-assistant .wire.warm{stroke:#ff7a3d29}.relay-assistant .wire-flow{fill:none;stroke-width:.55px;stroke-linecap:round;stroke-dasharray:2.2 4.5;stroke:var(--accent-dim);animation:linear infinite relay-flow}.relay-assistant .wire-flow.warm{stroke:var(--warm-dim)}@keyframes relay-flow{to{stroke-dashoffset:-67.5px}}.relay-assistant .core{z-index:3;width:clamp(76px,17vw,112px);height:clamp(76px,17vw,112px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.relay-assistant .core-ping{border:1px solid var(--accent-dim);border-radius:50%;animation:4.8s cubic-bezier(.2,.7,.3,1) infinite relay-ping;position:absolute;inset:0}.relay-assistant .core-ping.p2{animation-delay:2.4s}.relay-assistant .core-speak{opacity:0;pointer-events:none;animation:relay-speak var(--cycle) ease-in-out infinite;animation-delay:var(--delay);border:2px solid #0ea8bc00;border-radius:50%;position:absolute;inset:-16%;box-shadow:0 0 #0ea8bc00}@keyframes relay-speak{0%,4.5%,10%,to{opacity:0;border-color:#0ea8bc00;transform:scale(.92);box-shadow:0 0 #0ea8bc00}4.9%{opacity:1;border-color:#0ea8bc99;transform:scale(1.1);box-shadow:0 0 28px 6px #0ea8bc66}6.3%{opacity:.7;border-color:#0ea8bc59;transform:scale(1);box-shadow:0 0 18px 3px #0ea8bc38}7.8%{opacity:1;border-color:#0ea8bc8c;transform:scale(1.08);box-shadow:0 0 26px 5px #0ea8bc5c}8.5%{opacity:0;border-color:#0ea8bc00;transform:scale(.95);box-shadow:0 0 #0ea8bc00}}.relay-assistant .core-wave{opacity:0;pointer-events:none;height:14px;animation:relay-speak-fade var(--cycle) ease-in-out infinite;animation-delay:var(--delay);align-items:flex-end;gap:3px;display:flex;position:absolute}.relay-assistant .core-wave.side-bottom{bottom:-30%;left:50%;transform:translate(-50%)}.relay-assistant .core-wave.side-left{top:50%;right:108%;transform:translateY(-50%)}.relay-assistant .core-wave.side-right{top:50%;left:108%;transform:translateY(-50%)}.relay-assistant .core-wave span{background:var(--accent);width:3px;height:100%;animation:.9s ease-in-out infinite relay-wave-bounce;animation-delay:var(--bar-delay,0s);transform-origin:bottom;border-radius:2px}@keyframes relay-speak-fade{0%,4.5%,10%,to{opacity:0}4.9%,7.8%{opacity:1}8.5%{opacity:0}}@keyframes relay-wave-bounce{0%,to{transform:scaleY(.28)}50%{transform:scaleY(1)}}@keyframes relay-ping{0%{opacity:.9;transform:scale(.7)}to{opacity:0;transform:scale(1.9)}}.relay-assistant .core-disc{border-radius:50%;justify-content:center;align-items:center;animation:7.5s ease-in-out infinite relay-breathe;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 0 0 1px #0ea8bc47,0 0 24px 4px #0ea8bc38,0 0 60px 10px #0ea8bc1a,inset 0 0 18px #0ea8bc2e}.relay-assistant .core-surface{background:radial-gradient(circle at 32% 26%,#ffffff80,#0000 55%),linear-gradient(135deg,#0b8a9b 0%,#0ea8bc 46%,#ff7a3d 100%);border-radius:50%;animation:18s linear infinite relay-spin;position:absolute;inset:-4%}@keyframes relay-breathe{0%,to{box-shadow:0 0 0 1px #0ea8bc47,0 0 24px 4px #0ea8bc38,0 0 60px 10px #0ea8bc1a,inset 0 0 18px #0ea8bc2e}50%{box-shadow:0 0 0 1px #0ea8bc6b,0 0 32px 8px #0ea8bc52,0 0 76px 16px #0ea8bc29,inset 0 0 22px #0ea8bc42}}.relay-assistant .core-icon{z-index:1;width:36%;height:36%;position:relative}.relay-assistant .core-ring{border:1px dashed #0ea8bc59;border-radius:50%;animation:34s linear infinite relay-spin;position:absolute;inset:-9px}.relay-assistant .core-orbit-label{pointer-events:none;width:138%;height:138%;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.relay-assistant .core-orbit-label text{font-family:var(--font-mono);letter-spacing:.16em;fill:var(--label-muted);font-size:6.9px;font-weight:600}.relay-assistant .node{z-index:2;animation:8.5s ease-in-out infinite relay-float;animation-delay:var(--delay);flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}@keyframes relay-float{0%,to{transform:translate(-50%,-50%)translateY(0)}50%{transform:translate(-50%,-50%)translateY(-4px)}}.relay-assistant .avatar{filter:drop-shadow(0 3px 8px #14283f24);width:clamp(30px,6vw,42px);height:clamp(30px,6vw,42px);animation:relay-ring var(--cycle) ease-in-out infinite;animation-delay:var(--delay);background:linear-gradient(160deg,#fff,#f4eee0);border:1px solid #14283f24;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:0 0 #0ea8bc00}.relay-assistant .node.warm .avatar{animation-name:relay-ring-warm}@keyframes relay-ring{0%,10%,to{border-color:#a0bedc38;transform:scale(1);box-shadow:0 0 #ff7a3d00}.6%,7.8%{border-color:#ff7a3d99;box-shadow:0 0 0 6px #ff7a3d2e,0 0 18px 2px #ff7a3d47}2.5%,7%{transform:scale(2)}8.5%{border-color:#a0bedc38;box-shadow:0 0 #ff7a3d00}}@keyframes relay-ring-warm{0%,10%,to{border-color:#a0bedc38;transform:scale(1);box-shadow:0 0 #ff7a3d00}.6%,7.8%{border-color:#ff7a3d99;box-shadow:0 0 0 6px #ff7a3d2e,0 0 18px 2px #ff7a3d47}2.5%,7%{transform:scale(2)}8.5%{border-color:#a0bedc38;box-shadow:0 0 #ff7a3d00}}.relay-assistant .avatar svg{width:52%;height:52%;color:var(--ink-soft)}.relay-assistant .avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.relay-assistant .chip{font-family:var(--font-mono);letter-spacing:.02em;color:var(--ink-soft);white-space:nowrap;filter:drop-shadow(0 2px 6px #14283f24);animation:relay-chip-glow var(--cycle) ease-in-out infinite;animation-delay:var(--delay);background:#fffdf8eb;border:1px solid #14283f24;border-radius:20px;margin-top:6px;padding:2.5px 6px;font-size:8.6px;transition:color .3s,border-color .3s}@keyframes relay-chip-glow{0%,10%,to{color:var(--ink-soft);border-color:#14283f26}.6%,7.8%{color:var(--ink);border-color:#ff7a3d73}8.5%{color:var(--ink-soft);border-color:#14283f26}}.relay-assistant .node.warm .chip{animation-name:relay-chip-glow-warm}@keyframes relay-chip-glow-warm{0%,10%,to{color:var(--ink-soft);border-color:#14283f26}.6%,7.8%{color:var(--ink);border-color:#ff7a3d73}8.5%{color:var(--ink-soft);border-color:#14283f26}}.relay-assistant .bubble{width:max-content;max-width:165px;color:var(--ink);background:var(--card);opacity:0;pointer-events:none;animation:relay-bubble var(--cycle) ease-in-out infinite;animation-delay:var(--delay);z-index:4;border:1px solid #ff7a3d59;border-radius:12px 12px 12px 4px;padding:7.5px 11px;font-size:13.1px;line-height:1.35;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px);box-shadow:0 4px 14px #14283f1f}.relay-assistant .node.warm .bubble{border-color:#ff7a3d59}.relay-assistant .bubble-icon{width:28px;height:28px;color:var(--warm);background:#fff;border:1px solid #14283f24;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-12px;left:-12px;box-shadow:0 3px 9px #14283f33}.relay-assistant .bubble-icon svg{width:56%;height:56%}@keyframes relay-bubble{0%,10%,to{opacity:0;transform:translate(-50%,4px)}.6%,3.5%{opacity:1;transform:translate(-50%)}4.2%{opacity:0;transform:translate(-50%,-4px)}}.relay-assistant .reply{width:max-content;max-width:130px;color:var(--ink);background:linear-gradient(160deg, #fff, var(--card-tint));opacity:0;pointer-events:none;z-index:5;animation:relay-reply var(--cycle) ease-in-out infinite;animation-delay:var(--delay);border:1px solid #0ea8bc80;border-radius:4px 12px 12px;padding:5.6px 8.75px;font-size:10.8px;line-height:1.3;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px 16px #0ea8bc33}.relay-assistant .reply .tag{font-family:var(--font-mono);letter-spacing:.14em;color:var(--accent);margin-bottom:2px;font-size:8.75px;display:block}@keyframes relay-reply{0%,4.5%,10%,to{opacity:0;transform:translate(-50%,-46%)scale(.94)}4.9%,7.8%{opacity:1;transform:translate(-50%,-50%)scale(1)}8.5%{opacity:0;transform:translate(-50%,-54%)scale(.96)}}@media (prefers-reduced-motion:reduce){.relay-assistant *,.relay-assistant :before,.relay-assistant :after{animation:none!important}}.relay-assistant{isolation:isolate;aspect-ratio:1.15;--font-body:inherit;width:100%;min-height:0;padding:48px 28px 34px;position:relative;overflow:hidden}.relay-assistant .wash,.relay-assistant .blob{position:absolute}.relay-assistant .blob-a{width:55%;height:55%}.relay-assistant .blob-b{width:45%;height:45%}.relay-assistant .page{width:100%;height:100%}.relay-assistant .stage-wrap{aspect-ratio:auto;width:min(100%,440px);height:100%}.relay-assistant .core{aspect-ratio:1;width:21%;height:auto}.relay-assistant .avatar{width:clamp(24px,3vw,38px);height:clamp(24px,3vw,38px)}.relay-assistant .chip{font-size:clamp(8px,1vw,11px)}.relay-assistant .bubble{max-width:145px;font-size:13px}.relay-assistant .node:nth-child(4n+1) .bubble{top:calc(100% + 10px);bottom:auto}.relay-assistant .reply{max-width:135px;font-size:12px}.relay-assistant[data-paused=true] *,.relay-assistant[data-paused=true] :before,.relay-assistant[data-paused=true] :after{animation-play-state:paused!important}.relay-assistant .relay-pause{z-index:10;color:#16283f;cursor:pointer;background:#fffdf8;border:1px solid #16283f30;border-radius:16px;padding:5px 10px;font-size:12px;position:absolute;bottom:10px;right:12px}.relay-assistant .relay-pause:focus-visible{outline-offset:2px;outline:2px solid #0b8a9b}@media (width<=767px){.relay-assistant{aspect-ratio:1;padding:48px 24px 36px}.relay-assistant .core{width:23%}.relay-assistant .bubble{max-width:120px;font-size:12px}.relay-assistant .reply{max-width:110px}}@media (prefers-reduced-motion:reduce){.relay-assistant .relay-pause{display:none}}.relay-assistant .page{justify-content:center}.relay-assistant .stage-wrap{aspect-ratio:1;height:auto}@media (width<=767px){.relay-assistant{min-height:360px}}