.juice-flash--up{animation:juice-flash-up var(--duration-slow) var(--ease-out)}.juice-flash--down{animation:juice-flash-down var(--duration-slow) var(--ease-out)}.juice-flash--neutral{animation:juice-flash-neutral var(--duration-slow) var(--ease-out)}@keyframes juice-flash-up{0%{background-color:#4ade8038}to{background-color:#0000}}@keyframes juice-flash-down{0%{background-color:#f8717138}to{background-color:#0000}}@keyframes juice-flash-neutral{0%{background-color:var(--surface-3)}to{background-color:#0000}}.juice-enter{animation:juice-enter var(--duration-base) var(--ease-emphasized);animation-delay:var(--juice-enter-delay,0s);animation-fill-mode:both}@keyframes juice-enter{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.juice-spark{display:block;overflow:visible}.juice-spark--draw polyline{stroke-dasharray:1000;stroke-dashoffset:1000px;animation:juice-spark-draw var(--duration-slow) var(--ease-out) forwards}@keyframes juice-spark-draw{to{stroke-dashoffset:0}}.juice-ring{display:block}.juice-ring-fill{transition:stroke-dashoffset var(--duration-base) var(--ease-emphasized)}.juice-ring-label{fill:var(--ink-bright);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.juice-live{align-items:center;gap:var(--space-2xs);font-size:var(--text-2xs);color:var(--ink-faint);text-transform:uppercase;letter-spacing:.05em;display:inline-flex}.juice-live-dot{background:var(--ink-faint);width:7px;height:7px;transition:background var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);border-radius:50%}.juice-live[data-state=connecting]{color:var(--warn)}.juice-live[data-state=connecting] .juice-live-dot{background:var(--warn);animation:juice-live-pulse 1.2s var(--ease-standard) infinite}.juice-live[data-state=live]{color:var(--success)}.juice-live[data-state=live] .juice-live-dot{background:var(--success);box-shadow:0 0 0 3px #4ade802e}.juice-live[data-state=error]{color:var(--danger)}.juice-live[data-state=error] .juice-live-dot{background:var(--danger)}@keyframes juice-live-pulse{0%,to{opacity:1}50%{opacity:.35}}.juice-ripple{position:relative;overflow:hidden}.juice-ripple:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(90deg, transparent, var(--accent-soft), transparent);animation:juice-ripple var(--duration-slow) var(--ease-out);position:absolute;inset:0;transform:translate(-100%)}@keyframes juice-ripple{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.juice-flash--up,.juice-flash--down,.juice-flash--neutral,.juice-enter,.juice-spark--draw polyline,.juice-ripple:after,.juice-live[data-state=connecting] .juice-live-dot{animation:none}.juice-spark--draw polyline{stroke-dashoffset:0}.juice-ripple:after{display:none}}