.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:transparent}}@keyframes juice-flash-down{0%{background-color:#f8717138}to{background-color:transparent}}@keyframes juice-flash-neutral{0%{background-color:var(--surface-3)}to{background-color:transparent}}.juice-enter{animation:juice-enter var(--duration-base) var(--ease-emphasized);animation-delay:var(--juice-enter-delay, 0ms);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:1000;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{display:inline-flex;align-items:center;gap:var(--space-2xs);font-size:var(--text-2xs);color:var(--ink-faint);text-transform:uppercase;letter-spacing:.05em}.juice-live-dot{width:7px;height:7px;border-radius:50%;background:var(--ink-faint);transition:background var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.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:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,transparent,var(--accent-soft),transparent);transform:translate(-100%);animation:juice-ripple var(--duration-slow) var(--ease-out)}@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}}