/* Shared lightweight presence for both screens. Motion only follows real audio. */
#scene.vorx-mark{--level:0;width:180px;height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;color:#f3f3f1;flex-shrink:0}
.vorx-mark svg{width:88px;height:88px;opacity:.9}
.vorx-mark .mark-signal{width:32px;height:2px;background:currentColor;opacity:.25;transform:scaleX(1);transition:transform 90ms linear,opacity 160ms ease}
.vorx-mark[data-mode=listening] .mark-signal,.vorx-mark[data-mode=speaking] .mark-signal{opacity:calc(.5 + var(--level)*.5);transform:scaleX(calc(1 + var(--level)*1.8))}
.vorx-mark[data-mode=thinking] .mark-signal,.vorx-mark[data-mode=transcribing] .mark-signal,.vorx-mark[data-mode=synthesizing] .mark-signal{width:48px;opacity:.65}
.vorx-mark[data-mode=disconnected],.vorx-mark[data-mode=unavailable]{color:#737780}
.vorx-mark[data-mode=error] .mark-signal{background:#d3a77d;opacity:1}
@media(prefers-reduced-motion:reduce){.vorx-mark .mark-signal{transition:none;transform:none!important}}
@media(min-width:900px){main>#scene.vorx-mark{width:280px;height:280px}main>.vorx-mark svg{width:112px;height:112px}}