@property --beam-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.border-beam{position:relative;isolation:isolate}.border-beam::before{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;padding:2px;background:conic-gradient(from var(--beam-angle),transparent 0,transparent 72%,color-mix(in srgb,var(--accent-secondary) 40%,transparent) 82%,var(--accent-secondary) 92%,var(--accent-primary) 99%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:beam-rotate 4s linear infinite;pointer-events:none}.border-beam::after{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:inherit;box-shadow:0 0 24px color-mix(in srgb,var(--accent-primary) 18%,transparent);pointer-events:none}@keyframes beam-rotate{to{--beam-angle:360deg}}.pipeline-line{position:relative;overflow:hidden}.pipeline-line::after{content:"";position:absolute;top:50%;left:-64px;width:64px;height:2px;transform:translateY(-50%);border-radius:2px;background:linear-gradient(90deg,transparent,var(--accent-primary),var(--accent-secondary));box-shadow:0 0 12px var(--accent-primary);animation:pipeline-flow 2.6s ease-in-out infinite}@keyframes pipeline-flow{0%{left:-64px;opacity:0}12%{opacity:1}88%{opacity:1}100%{left:100%;opacity:0}}.pipeline-cloud svg{animation:cloud-receive 2.6s ease-in-out infinite}@keyframes cloud-receive{0%,100%,80%{filter:drop-shadow(0 0 0 transparent)}90%{filter:drop-shadow(0 0 10px color-mix(in srgb, var(--accent-secondary) 60%, transparent))}}.fade-up{opacity:0;transform:translateY(14px);animation:fade-up .7s ease-out forwards}.fade-up.delay-1{animation-delay:.12s}.fade-up.delay-2{animation-delay:.24s}.fade-up.delay-3{animation-delay:.36s}.fade-up.delay-4{animation-delay:.48s}@keyframes fade-up{to{opacity:1;transform:translateY(0)}}.icon-anim-pulse{animation:icon-pulse 3s ease-in-out infinite}@keyframes icon-pulse{0%,100%{filter:drop-shadow(0 0 0 transparent)}50%{filter:drop-shadow(0 0 8px color-mix(in srgb, var(--accent-primary) 50%, transparent))}}.icon-anim-spin{animation:icon-spin 9s linear infinite;transform-origin:center}@keyframes icon-spin{to{transform:rotate(360deg)}}.icon-anim-float{animation:icon-float 3.6s ease-in-out infinite}@keyframes icon-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}.status-dot{animation:status-blink 2.4s ease-in-out infinite}@keyframes status-blink{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent-primary) 45%,transparent)}50%{box-shadow:0 0 0 5px transparent}}.badge-pending{animation:badge-pending-pulse 1.6s ease-in-out infinite}@keyframes badge-pending-pulse{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--warning) 45%,transparent)}50%{box-shadow:0 0 0 4px transparent}}.toast{animation:toast-in .25s ease-out}.toast.leaving{animation:toast-out .2s ease-in forwards}@keyframes toast-in{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}@keyframes toast-out{to{opacity:0;transform:translateY(-6px)}}.modal{animation:modal-in .2s ease-out}@keyframes modal-in{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.saved-flash{animation:saved-fade 1.7s ease forwards}@keyframes saved-fade{0%{opacity:0}15%{opacity:1}70%{opacity:1}100%{opacity:0}}@media (prefers-reduced-motion:reduce){.badge-pending,.border-beam::before,.fade-up,.icon-anim-float,.icon-anim-pulse,.icon-anim-spin,.modal,.pipeline-cloud svg,.pipeline-line::after,.status-dot,.toast,.toast.leaving{animation:none}.saved-flash{animation:saved-fade 1.7s step-end forwards}.fade-up{opacity:1;transform:none}}