.shot:where(.astro-zffp6zqi){gap:var(--gap-s);flex-direction:column;display:flex}.shot__frame:where(.astro-zffp6zqi){aspect-ratio:16/9;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-sunk);display:block;position:relative;overflow:hidden}.shot__img:where(.astro-zffp6zqi){width:100%;height:auto;display:block}.shot__img--dark:where(.astro-zffp6zqi){display:none}.shot:where(.astro-zffp6zqi) figcaption:where(.astro-zffp6zqi){font-family:var(--prose);font-size:var(--step--1);color:var(--muted);max-width:62ch;line-height:1.6}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .shot__img--light:where(.astro-zffp6zqi){display:none}html:not([data-theme=light]) .shot__img--dark:where(.astro-zffp6zqi){display:block}}html[data-theme=dark] .shot__img--light:where(.astro-zffp6zqi){display:none}html[data-theme=dark] .shot__img--dark:where(.astro-zffp6zqi){display:block}.path:where(.astro-zffp6zqi){gap:var(--gap-m);flex-direction:column;display:flex}.path__row:where(.astro-zffp6zqi){grid-template-columns:minmax(0,1fr) 10.5rem minmax(0,1.1fr) 10.5rem minmax(0,1fr);align-items:stretch;display:grid}.node:where(.astro-zffp6zqi){padding:var(--gap-m) 1.15rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:.75rem;display:flex}.node--managed:where(.astro-zffp6zqi){border-top:3px solid var(--accent);border-radius:0 0 var(--radius) var(--radius)}.node__head:where(.astro-zffp6zqi){letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.72rem;font-weight:600}.node--managed:where(.astro-zffp6zqi) .node__head:where(.astro-zffp6zqi){color:var(--accent)}.node__list:where(.astro-zffp6zqi){font-size:var(--step--1);color:var(--ink-soft);flex-direction:column;display:flex}.node__list:where(.astro-zffp6zqi) li:where(.astro-zffp6zqi){border-bottom:1px solid var(--line-soft);padding:.42rem 0}.node__list:where(.astro-zffp6zqi) li:where(.astro-zffp6zqi):last-child{border-bottom:none;padding-bottom:0}.node__list--api:where(.astro-zffp6zqi) li:where(.astro-zffp6zqi){color:var(--ink)}.node__foot:where(.astro-zffp6zqi){font-family:var(--prose);color:var(--muted);margin-top:auto;padding-top:.35rem;font-size:.78rem;line-height:1.5}.hop:where(.astro-zffp6zqi){text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.45rem;padding-inline:.6rem;display:flex}.hop--write:where(.astro-zffp6zqi){color:var(--accent)}.hop--read:where(.astro-zffp6zqi){color:var(--signal)}.hop__label:where(.astro-zffp6zqi){font-size:.78rem;font-weight:500}.hop__line:where(.astro-zffp6zqi){align-items:center;width:100%;line-height:1;display:flex}.hop__line:where(.astro-zffp6zqi) i:where(.astro-zffp6zqi){background:currentColor;flex:auto;height:1px;position:relative}.hop__line:where(.astro-zffp6zqi) i:where(.astro-zffp6zqi):before{content:"";opacity:0;background:currentColor;border-radius:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;position:absolute;top:50%;left:0}.path--play:where(.astro-zffp6zqi) .hop--write:where(.astro-zffp6zqi) .hop__line:where(.astro-zffp6zqi) i:where(.astro-zffp6zqi):before{animation:4.5s ease-in-out infinite both hop-x}.path--play:where(.astro-zffp6zqi) .hop--read:where(.astro-zffp6zqi) .hop__line:where(.astro-zffp6zqi) i:where(.astro-zffp6zqi):before{animation:4.5s ease-in-out 2s infinite both hop-x}.path--play:where(.astro-zffp6zqi) .node__list--api:where(.astro-zffp6zqi) li:where(.astro-zffp6zqi):first-child{animation:4.5s ease-out .9s infinite both hop-land}.path--play:where(.astro-zffp6zqi) .node__list--api:where(.astro-zffp6zqi) li:where(.astro-zffp6zqi):nth-child(2){animation:18s ease-out infinite both hop-land-instant}.path--play:where(.astro-zffp6zqi) .node__list--api:where(.astro-zffp6zqi) li:where(.astro-zffp6zqi):nth-child(3){animation:18s ease-out infinite both hop-land-range}@keyframes hop-land-instant{0%,33.33%,38.33%,83.33%,88.33%,to{color:var(--ink)}34.83%,84.83%{color:var(--accent)}}@keyframes hop-land-range{0%,8.33%,13.33%,58.33%,63.33%,to{color:var(--ink)}9.83%,59.83%{color:var(--accent)}}.path--play:where(.astro-zffp6zqi) .path__row:where(.astro-zffp6zqi)>.node:where(.astro-zffp6zqi):first-child .node__list:where(.astro-zffp6zqi) li:where(.astro-zffp6zqi){animation:18s ease-out infinite both hop-send}.path--play:where(.astro-zffp6zqi) .path__row:where(.astro-zffp6zqi)>.node:where(.astro-zffp6zqi):last-child .node__list:where(.astro-zffp6zqi) li:where(.astro-zffp6zqi){animation:18s ease-out infinite both hop-recv}.path--play:where(.astro-zffp6zqi) .path__row:where(.astro-zffp6zqi)>.node:where(.astro-zffp6zqi):first-child .node__list:where(.astro-zffp6zqi) li:where(.astro-zffp6zqi):first-child{animation-delay:-.3s}.path--play:where(.astro-zffp6zqi) .path__row:where(.astro-zffp6zqi)>.node:where(.astro-zffp6zqi):first-child .node__list:where(.astro-zffp6zqi) li:where(.astro-zffp6zqi):nth-child(2){animation-delay:4.2s}.path--play:where(.astro-zffp6zqi) .path__row:where(.astro-zffp6zqi)>.node:where(.astro-zffp6zqi):first-child .node__list:where(.astro-zffp6zqi) li:where(.astro-zffp6zqi):nth-child(3){animation-delay:8.7s}.path--play:where(.astro-zffp6zqi) .path__row:where(.astro-zffp6zqi)>.node:where(.astro-zffp6zqi):first-child .node__list:where(.astro-zffp6zqi) li:where(.astro-zffp6zqi):nth-child(4){animation-delay:13.2s}.path--play:where(.astro-zffp6zqi) .path__row:where(.astro-zffp6zqi)>.node:where(.astro-zffp6zqi):last-child .node__list:where(.astro-zffp6zqi) li:where(.astro-zffp6zqi):first-child{animation-delay:2.7s}.path--play:where(.astro-zffp6zqi) .path__row:where(.astro-zffp6zqi)>.node:where(.astro-zffp6zqi):last-child .node__list:where(.astro-zffp6zqi) li:where(.astro-zffp6zqi):nth-child(2){animation-delay:7.2s}.path--play:where(.astro-zffp6zqi) .path__row:where(.astro-zffp6zqi)>.node:where(.astro-zffp6zqi):last-child .node__list:where(.astro-zffp6zqi) li:where(.astro-zffp6zqi):nth-child(3){animation-delay:11.7s}.path--play:where(.astro-zffp6zqi) .path__row:where(.astro-zffp6zqi)>.node:where(.astro-zffp6zqi):last-child .node__list:where(.astro-zffp6zqi) li:where(.astro-zffp6zqi):nth-child(4){animation-delay:16.2s}@keyframes hop-send{0%,6%,to{color:var(--ink-soft)}2%{color:var(--accent)}}@keyframes hop-recv{0%,6%,to{color:var(--ink-soft)}2%{color:var(--signal)}}@keyframes hop-x{0%{opacity:0;left:0}3.3%,18.9%{opacity:1}22.2%,to{opacity:0;left:100%}}@keyframes hop-y{0%{opacity:0;top:0}3.3%,18.9%{opacity:1}22.2%,to{opacity:0;top:100%}}@keyframes hop-land{0%,20%,to{color:var(--ink)}6%{color:var(--accent)}}.hop__line:where(.astro-zffp6zqi):after{content:"";clip-path:polygon(0 0,100% 50%,0 100%);background:currentColor;flex:none;width:8px;height:9px}.hop__cred:where(.astro-zffp6zqi){letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;font-size:.72rem;font-weight:600}.path:where(.astro-zffp6zqi) figcaption:where(.astro-zffp6zqi){font-family:var(--prose);font-size:var(--step--1);color:var(--muted);max-width:62ch;line-height:1.6}@media (width<=880px){.path__row:where(.astro-zffp6zqi){grid-template-columns:minmax(0,1fr)}.hop:where(.astro-zffp6zqi){flex-direction:row;justify-content:flex-start;gap:.7rem;padding:.8rem 0 .8rem 1.15rem}.hop__line:where(.astro-zffp6zqi){flex-direction:column;order:-1;width:auto;min-height:2.2rem}.hop__line:where(.astro-zffp6zqi) i:where(.astro-zffp6zqi){width:1px;height:auto}.hop__line:where(.astro-zffp6zqi) i:where(.astro-zffp6zqi):before{top:0;left:50%}.path--play:where(.astro-zffp6zqi) .hop--write:where(.astro-zffp6zqi) .hop__line:where(.astro-zffp6zqi) i:where(.astro-zffp6zqi):before,.path--play:where(.astro-zffp6zqi) .hop--read:where(.astro-zffp6zqi) .hop__line:where(.astro-zffp6zqi) i:where(.astro-zffp6zqi):before{animation-name:hop-y}.hop__line:where(.astro-zffp6zqi):after{clip-path:polygon(0 0,100% 0,50% 100%);width:9px;height:8px}}.sources:where(.astro-zffp6zqi){font-size:var(--step--1);flex-direction:column;display:flex}.sources:where(.astro-zffp6zqi) li:where(.astro-zffp6zqi){border-bottom:1px solid var(--line-soft);flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;padding:.6rem 0;display:flex}.sources:where(.astro-zffp6zqi) li:where(.astro-zffp6zqi):first-child{border-top:1px solid var(--line)}.sources__name:where(.astro-zffp6zqi){min-width:13rem;font-weight:600}.sources__detail:where(.astro-zffp6zqi){color:var(--muted)}.code:where(.astro-zffp6zqi){background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.code__cap:where(.astro-zffp6zqi){justify-content:space-between;align-items:center;gap:var(--gap-s);border-bottom:1px solid var(--line);color:var(--muted);font-size:var(--step--1);padding:.7rem 1rem;display:flex}.code:where(.astro-zffp6zqi) pre:where(.astro-zffp6zqi){font-family:var(--mono);color:var(--ink-soft);margin:0;padding:1.15rem 1rem;font-size:.8rem;line-height:1.75;overflow-x:auto}.code:where(.astro-zffp6zqi) .k:where(.astro-zffp6zqi){color:var(--product);font-weight:500}.code:where(.astro-zffp6zqi) .s:where(.astro-zffp6zqi){color:var(--signal)}.scale:where(.astro-zffp6zqi){padding:var(--gap-m);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:.85rem;display:flex;overflow-x:auto}.panel:where(.astro-zffp6zqi){padding:var(--gap-m);background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:0 0 var(--radius) var(--radius);flex-direction:column;gap:.85rem;display:flex}.facts:where(.astro-zffp6zqi){font-size:var(--step--1);color:var(--ink-soft);flex-direction:column;display:flex}.facts:where(.astro-zffp6zqi) li:where(.astro-zffp6zqi){border-bottom:1px solid var(--line-soft);padding:.55rem 0 .55rem 1.1rem;position:relative}.facts:where(.astro-zffp6zqi) li:where(.astro-zffp6zqi):last-child{border-bottom:none;padding-bottom:0}.facts:where(.astro-zffp6zqi) li:where(.astro-zffp6zqi):before{content:"";background:var(--accent);border-radius:1px;width:6px;height:6px;position:absolute;top:1.05em;left:0}.vband__head:where(.astro-zffp6zqi){font-size:var(--step-1)}.vchips:where(.astro-zffp6zqi){flex-wrap:wrap;gap:.5rem;display:flex}.vchip:where(.astro-zffp6zqi){background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.4rem .65rem;font-size:.85rem}.vchip--default:where(.astro-zffp6zqi){border-color:var(--product);background:var(--product-soft);color:var(--product)}