.ob-live-feedback{z-index:80;pointer-events:none;color:var(--primary);max-width:calc(100vw - 32px);font-size:12px;position:fixed;bottom:24px;right:24px}.ob-live-magic,.ob-live-reconnecting{border:1px solid color-mix(in srgb,var(--primary) 35%,transparent);background:var(--background);box-shadow:0 4px 24px color-mix(in srgb,var(--primary) 12%,transparent);border-radius:999px;align-items:center;gap:8px;padding:10px 14px;display:inline-flex;position:relative}.ob-live-magic{animation:2.4s both ob-live-appear}.ob-live-magic svg{animation:1.3s both ob-live-twinkle}.ob-live-magic i{background:var(--primary);border-radius:1px;width:4px;height:4px;animation:1.1s ease-out both ob-live-particle;position:absolute;top:8px;left:18px;transform:rotate(45deg)}.ob-live-magic i:nth-last-child(2){animation-delay:.1s;top:27px;left:31px}.ob-live-magic i:last-child{animation-delay:.2s;top:23px;left:7px}.ob-live-reconnecting{color:var(--muted-foreground);box-shadow:none}@keyframes ob-live-appear{0%{opacity:0;transform:translateY(6px)}12%,80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-2px)}}@keyframes ob-live-twinkle{0%,to{transform:scale(1)}35%{transform:scale(1.18)rotate(-10deg)}65%{transform:scale(.95)rotate(5deg)}}@keyframes ob-live-particle{0%{opacity:0;transform:translateY(3px)rotate(45deg)scale(.3)}35%{opacity:.8}to{opacity:0;transform:translateY(-14px)rotate(110deg)scale(.5)}}@media (prefers-reduced-motion:reduce){.ob-live-magic,.ob-live-magic svg,.ob-live-magic i{animation:none}.ob-live-magic i{display:none}}@media (max-width:600px){.ob-live-feedback{bottom:16px;right:16px}}