.publishing-cycle{--flight-delay:.9s;--flight-duration:3s;--flight-end:calc(var(--flight-delay) + var(--flight-duration))}.publishing-traveller{opacity:0;outline:2px solid var(--background);box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 20%, transparent);pointer-events:none}.publishing-scene{overflow-clip-margin:8px;overflow:clip}.publishing-phase-writing,.publishing-phase-sending,.publishing-waiting{display:none}@media (prefers-reduced-motion:no-preference){.publishing-agent,.publishing-prompt{animation:.65s cubic-bezier(.22,1,.36,1) both publishing-arrive}.publishing-connected{animation:.4s ease-out 1s both publishing-arrive}.publishing-hub{animation:1s ease-in-out 1.9s both publishing-handoff}.publishing-result,.publishing-phase-ready{opacity:0}[data-delivered=true] .publishing-result{animation:.45s ease-out both publishing-arrive}.publishing-waiting{display:block}[data-delivered=true] .publishing-waiting{animation:.2s linear both publishing-leave}.publishing-phase-writing,.publishing-phase-sending{display:block}.publishing-phase-writing{animation:.2s linear 1.1s both publishing-leave}.publishing-phase-sending{animation:publishing-sending var(--flight-end) linear both}[data-delivered=true] .publishing-phase-ready{animation:.3s ease-out both publishing-arrive}[data-paused=true] .publishing-cycle *{animation-play-state:paused}}@keyframes publishing-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes publishing-leave{0%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes publishing-sending{0%,23%,to{opacity:0}30%,93%{opacity:1}}@keyframes publishing-handoff{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.publishing-hero{isolation:isolate;position:relative}.publishing-hero:before,.publishing-hero:after{content:"";pointer-events:none;background-size:12px 12px;position:absolute;inset:0}.publishing-hero:before{background-image:radial-gradient(circle, var(--border) 1px, transparent 1.5px);opacity:.45;-webkit-mask-image:linear-gradient(#0000,#000 40% 75%,#0000);mask-image:linear-gradient(#0000,#000 40% 75%,#0000)}.publishing-hero:after{background-image:radial-gradient(circle, var(--primary) 1.5px, transparent 2px);-webkit-mask-image:radial-gradient(circle 110px at var(--pointer-x,-200px) var(--pointer-y,-200px), black, transparent);mask-image:radial-gradient(circle 110px at var(--pointer-x,-200px) var(--pointer-y,-200px), black, transparent);opacity:0}.publishing-route{fill:none;stroke:var(--border);stroke-width:1px}.publishing-route-active .publishing-route{stroke:var(--primary);stroke-width:1.5px}.publishing-platform-dot{opacity:0}.publishing-platform[data-current=true] .publishing-platform-dot,.publishing-platform:not(.publishing-platform-soon):hover .publishing-platform-dot,.publishing-platform:focus-visible .publishing-platform-dot{opacity:1}.publishing-platform[data-current=true]{border-color:var(--primary)}.publishing-platform:not(.publishing-platform-soon):hover,.publishing-platform:focus-visible{border-color:var(--primary);background:var(--card);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 16%, transparent)}.publishing-platform-mask{-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media (prefers-reduced-motion:no-preference){.publishing-traveller{animation:publishing-journey var(--flight-duration) var(--flight-delay) linear both}[data-delivered=true] .publishing-platform[data-current=true]{animation:.6s ease-out publishing-delivered}.publishing-platform{transition:border-color .2s,box-shadow .2s,transform .2s}.publishing-platform:not(.publishing-platform-soon):hover{transform:translateY(-2px)}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.publishing-hero:hover:after{opacity:1}}@keyframes publishing-journey{0%{offset-distance:0%;opacity:1}to{offset-distance:100%;opacity:1}}@keyframes publishing-delivered{0%,to{box-shadow:0 0 #0000}35%{box-shadow:0 0 0 5px color-mix(in srgb, var(--primary) 30%, transparent)}}