.mo-mark{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(135deg,var(--spark-from),var(--spark-to));border-radius:30%}.mo-mark .mo-glyph{display:block;width:74%;height:74%}.mo-glyph__ring{fill:none;stroke:#fff;stroke-width:3.2}.mo-glyph__dot{fill:#fff}.mo-glyph__turn{transform-box:view-box;transform-origin:12px 12px;transition:transform var(--mo-quick) var(--mo-soft)}@keyframes mo-sheen{0%{background-position:160% 0}55%,to{background-position:-60% 0}}@keyframes mo-glow{0%,to{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 10px 1px color-mix(in srgb,var(--spark-to) 38%,transparent)}}.mo-mark:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(115deg,transparent 30%,rgb(255 255 255 / .42) 50%,transparent 70%) no-repeat;background-size:250% 100%;background-position:160% 0;transition:opacity var(--mo-quick) var(--mo-soft)}.mo-mark--thinking{animation:mo-glow 1.8s var(--mo-soft) infinite}.mo-mark--thinking:before{opacity:1;animation:mo-sheen 1.8s var(--mo-soft) infinite}.mo-mark:after{content:"";position:absolute;right:-2px;bottom:-2px;width:34%;height:34%;border-radius:50%;background:var(--live);box-shadow:0 0 0 2px var(--ground);transform:scale(0);transition:transform var(--mo-quick) var(--mo-in)}.mo-mark--listening:after{transform:scale(1)}
