.smp-vp{display:grid;gap:var(--smp-flow-lg);align-items:start}@media(min-width:1024px){.smp-vp{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);column-gap:var(--smp-flow-xl)}.smp-vp>.smp-vp-scene{position:sticky;top:calc(var(--smp-header-h) + var(--smp-space-lg))}}.smp-vp-copy{max-width:40rem}.smp-vp-kicker{display:flex;align-items:center;gap:var(--smp-space-sm);margin:0 0 var(--smp-space-md);font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;line-height:1.3;text-transform:uppercase;color:var(--enlivy-kit-status-warning-ink-color)}.smp-vp-mark{flex:none;width:22px;height:22px}.smp-vp h2{margin:0;font-size:clamp(29px,2.7vw,36px);line-height:1.18;text-wrap:pretty}.smp-vp-hook{max-width:28rem;text-wrap:pretty;margin:var(--smp-space-md) 0 0;font-size:var(--text-lg);line-height:1.5;color:var(--color-muted)}.smp-vp-argument{margin-top:var(--smp-flow-md)}.smp-vp-argument>p{margin:0;font-size:var(--text-base);line-height:1.6;color:var(--color-body)}.smp-vp-argument>p+p{margin-top:var(--smp-space-md)}.smp-vp-argument strong{font-weight:600;color:var(--enlivy-kit-status-warning-ink-color)}.smp-vp-argument>.smp-vp-turn{padding-left:var(--smp-space-md);border-left:3px solid var(--enlivy-kit-status-warning-color);font-size:var(--text-lg);line-height:1.45}.smp-vp-scene{--vp-ease: cubic-bezier(.22, 1, .36, 1);--vp-move: .75s;--vp-fade: .4s;--vp-turn: 2.6s;margin:0;padding:var(--smp-space-md);border:1px solid var(--color-border);border-radius:var(--enlivy-kit-general-border-radius);background-color:var(--color-surface)}.smp-vp-switch{display:none}.smp-vp-scene[data-ready] .smp-vp-switch{display:inline-flex;gap:2px;margin-bottom:var(--smp-space-md);padding:3px;border:1px solid var(--color-border);border-radius:999px;background-color:var(--color-surface-2)}.smp-vp-tab{position:relative;isolation:isolate;overflow:hidden;min-height:44px;padding:0 var(--smp-space-md);border:0;border-radius:999px;background:none;color:var(--color-muted);font:inherit;font-size:var(--text-xs);font-weight:700;cursor:pointer;transition:background-color var(--smp-duration) var(--smp-ease),color var(--smp-duration) var(--smp-ease)}.smp-vp-tab:hover{color:var(--color-body)}.smp-vp-tab[aria-pressed=true]{background-color:var(--color-surface);color:var(--color-body)}.smp-vp-tab[data-to=fixed][aria-pressed=true]{background-color:var(--color-brand);color:var(--color-on-brand)}.smp-vp-tab:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.smp-vp-tab[data-to=fixed]:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background-color:color-mix(in srgb,var(--color-brand) 16%,transparent);transform:scaleX(0);transform-origin:left}.smp-vp-scene[data-counting] .smp-vp-tab[data-to=fixed]:before{transform:scaleX(1);transition:transform var(--vp-turn) linear}.smp-vp-art{position:relative;overflow:hidden;aspect-ratio:16 / 10;border-radius:calc(var(--enlivy-kit-general-border-radius) - 2px);background-color:var(--color-surface-2);background-image:radial-gradient(circle,var(--color-border) 1px,transparent 1.5px);background-position:center;background-size:14px 14px;font-size:var(--text-xs);line-height:1.3;color:var(--color-muted)}.smp-vp-caption{display:grid;margin-top:var(--smp-space-md);font-size:var(--text-sm);line-height:1.5}.smp-vp-caption>*{grid-area:1 / 1;transition:opacity .35s ease,visibility 0s linear .35s}.smp-vp-caption-now{color:var(--color-muted)}.smp-vp-caption-fixed{display:flex;align-items:flex-start;gap:var(--smp-space-sm);font-weight:600;color:var(--color-body);opacity:0;visibility:hidden}.smp-vp-scene[data-state=fixed] .smp-vp-caption-now{opacity:0;visibility:hidden}.smp-vp-scene[data-state=fixed] .smp-vp-caption-fixed{opacity:1;visibility:visible;transition:opacity .35s ease .2s,visibility 0s}.smp-vp-p{position:absolute;left:var(--x);top:var(--y);translate:calc(var(--ax, 50%) * -1) -50%;rotate:var(--r, 0deg);scale:var(--s, 1);opacity:var(--o, 1);transition-property:left,top,rotate,scale,opacity,color,background-color,border-color,width;transition-duration:var(--vp-move),var(--vp-move),var(--vp-move),var(--vp-move),var(--vp-fade),var(--vp-fade),var(--vp-fade),var(--vp-fade),var(--vp-move);transition-timing-function:var(--vp-ease);transition-delay:var(--dn, 0ms)}.smp-vp-scene[data-state=fixed] .smp-vp-p{left:var(--fx, var(--x));top:var(--fy, var(--y));rotate:var(--fr, var(--r, 0deg));scale:var(--fs, var(--s, 1));opacity:var(--fo, var(--o, 1));transition-delay:var(--d, 0ms)}[data-show]{transition:opacity var(--vp-fade) ease var(--dn, 0ms)}[data-show=fixed],.smp-vp-scene[data-state=fixed] [data-show=now]{opacity:0}.smp-vp-scene[data-state=fixed] [data-show=fixed]{opacity:1;transition-delay:var(--d, 0ms)}.smp-vp-swap{display:inline-grid}.smp-vp-swap>*{grid-area:1 / 1}[data-tone=warn],.smp-vp-scene[data-state=fixed] [data-ftone=warn]{--tone-ink: var(--enlivy-kit-status-warning-ink-color);--tone-fill: var(--enlivy-kit-status-warning-color);--tone-bg: color-mix(in srgb, var(--enlivy-kit-status-warning-color) 14%, var(--color-surface));--tone-line: color-mix(in srgb, var(--enlivy-kit-status-warning-color) 55%, var(--color-border))}[data-tone=brand],.smp-vp-scene[data-state=fixed] [data-ftone=brand]{--tone-ink: var(--color-brand-ink);--tone-fill: var(--color-brand);--tone-bg: color-mix(in srgb, var(--color-brand) 10%, var(--color-surface));--tone-line: color-mix(in srgb, var(--color-brand) 40%, var(--color-border))}[data-tone=ok],.smp-vp-scene[data-state=fixed] [data-ftone=ok]{--tone-ink: var(--enlivy-kit-status-success-ink-color);--tone-fill: var(--enlivy-kit-status-success-ink-color);--tone-bg: color-mix(in srgb, var(--enlivy-kit-status-success-color) 24%, var(--color-surface));--tone-line: color-mix(in srgb, var(--enlivy-kit-status-success-ink-color) 40%, var(--color-border))}[data-tone=danger],.smp-vp-scene[data-state=fixed] [data-ftone=danger]{--tone-ink: var(--enlivy-kit-status-danger-ink-color);--tone-fill: var(--enlivy-kit-status-danger-color);--tone-bg: color-mix(in srgb, var(--enlivy-kit-status-danger-color) 12%, var(--color-surface));--tone-line: color-mix(in srgb, var(--enlivy-kit-status-danger-color) 50%, var(--color-border))}[data-tone=solid],.smp-vp-scene[data-state=fixed] [data-ftone=solid]{--tone-ink: var(--color-on-brand);--tone-fill: var(--color-brand);--tone-bg: var(--color-brand);--tone-line: var(--color-brand)}[data-tone=plain],.smp-vp-scene[data-state=fixed] [data-ftone=plain]{--tone-ink: var(--color-muted);--tone-fill: var(--color-border);--tone-bg: var(--color-surface);--tone-line: var(--color-border)}.smp-vp-tile{display:grid;place-items:center;width:var(--w, 12%);aspect-ratio:1;border:1px solid var(--tone-line, var(--color-border));border-radius:var(--enlivy-kit-general-border-radius);background-color:var(--tone-bg, var(--color-surface));color:var(--tone-ink, var(--color-muted))}.smp-vp-tile .app-icon{width:50%;height:auto;aspect-ratio:1}.smp-vp-tile .app-icon svg{width:100%;height:100%}.smp-vp-card{display:flex;flex-direction:column;gap:6px;width:var(--w, 40%);min-height:var(--h, 0);padding:8px 10px;border:1px solid var(--tone-line, var(--color-border));border-radius:var(--enlivy-kit-general-border-radius);background-color:var(--tone-bg, var(--color-surface));color:var(--tone-ink, var(--color-muted))}.smp-vp-row{display:flex;align-items:center;gap:6px;min-width:0}.smp-vp-row>.smp-vp-line{flex:1}.smp-vp-line{display:block;width:var(--lw, 100%);height:6px;flex:none;border-radius:999px;background-color:var(--tone-line, var(--color-border))}.smp-vp-line[data-tone=solid]{background-color:var(--tone-fill)}.smp-vp-chip{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border:1px solid var(--tone-line, var(--color-border));border-radius:999px;background-color:var(--tone-bg, var(--color-surface));color:var(--tone-ink, var(--color-muted));font-size:var(--text-xs);font-weight:700;line-height:1.5;white-space:nowrap}.smp-vp-chip .app-icon{width:16px;height:16px}@container (max-width: 360px){.smp-vp-chip{padding-inline:5px}}.smp-vp-text{font-size:var(--text-xs);font-weight:600;line-height:1.3;white-space:nowrap;color:var(--tone-ink, var(--color-body))}.smp-vp-dot{display:block;width:var(--w, 10px);aspect-ratio:1;flex:none;border-radius:999px;background-color:var(--tone-fill, var(--color-border))}.smp-vp-avatar{display:block;width:var(--w, 7%);aspect-ratio:1;flex:none;border:1.5px solid var(--tone-line, var(--color-border));border-radius:999px;background-color:var(--tone-bg, var(--color-surface));background-image:radial-gradient(circle at 50% 38%,var(--tone-ink, var(--color-muted)) 0 17%,transparent 18%),radial-gradient(ellipse 58% 40% at 50% 100%,var(--tone-ink, var(--color-muted)) 0 98%,transparent 100%)}.smp-vp-badge{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background-color:var(--tone-fill, var(--color-brand));color:var(--color-on-brand);font-size:var(--text-xs);font-weight:800;line-height:1}.smp-vp-bar{width:var(--w, 14px);height:var(--h, 30%);translate:-50% -100%;border-radius:4px 4px 0 0;background-color:color-mix(in srgb,var(--color-brand) 24%,var(--color-surface));transform-origin:bottom}.smp-vp-bar[data-tone=plain]{background-color:color-mix(in srgb,var(--color-muted) 22%,var(--color-surface))}.smp-vp-scene[data-state=fixed] .smp-vp-bar[data-ftone=brand]{background-color:color-mix(in srgb,var(--color-brand) 24%,var(--color-surface))}.smp-vp-scene[data-state=fixed] .smp-vp-bar[data-ftone=warn]{background-color:color-mix(in srgb,var(--enlivy-kit-status-warning-color) 60%,var(--color-surface))}.smp-vp-meter{display:block;height:8px;width:var(--w, 40%);overflow:hidden;border-radius:999px;background-color:var(--color-border)}.smp-vp-meter:after{content:"";display:block;height:100%;border-radius:inherit;background-color:var(--tone-fill, var(--color-brand));transform:scaleX(var(--p, 0));transform-origin:left;transition:transform .9s var(--vp-ease) var(--dn, 0ms)}.smp-vp-scene[data-state=fixed] .smp-vp-meter:after{transform:scaleX(var(--fp, var(--p, 0)));transition-delay:var(--d, 0ms)}.smp-vp-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.smp-vp-stroke{fill:none;stroke:var(--tone-fill, var(--color-border));stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.smp-vp-dashed{stroke-dasharray:2.5 2.5}.smp-vp-draw{stroke-dasharray:100 100;stroke-dashoffset:100;opacity:0;transition:stroke-dashoffset 1s var(--vp-ease) var(--dn, 0ms),opacity 0s linear var(--dn, 0ms)}.smp-vp-scene[data-state=fixed] .smp-vp-draw{stroke-dashoffset:0;opacity:1;transition-delay:var(--d, 0ms)}@media(prefers-reduced-motion:no-preference){.smp-vp-bob{animation:smp-vp-bob 3.2s ease-in-out var(--ad, 0s) infinite}.smp-vp-sway{animation:smp-vp-sway 2.6s ease-in-out var(--ad, 0s) infinite}.smp-vp-pulse{animation:smp-vp-pulse 1.8s ease-in-out var(--ad, 0s) infinite}.smp-vp-ping{animation:smp-vp-ping 1.8s ease-out var(--ad, 0s) infinite}.smp-vp-blink{animation:smp-vp-blink 1.2s steps(2,jump-none) var(--ad, 0s) infinite}.smp-vp-march{animation:smp-vp-march 1.6s linear infinite}.smp-vp-drift{animation:smp-vp-drift 5s ease-in-out var(--ad, 0s) infinite}}.smp-vp-scene:not([data-live]) :is([class*=smp-vp-]),.smp-vp-scene[data-state=fixed] [data-idle=now],.smp-vp-scene[data-state=now] [data-idle=fixed]{animation-name:none}@media(prefers-reduced-motion:reduce){.smp-vp-scene *,.smp-vp-scene *:before,.smp-vp-scene *:after{transition-duration:0s!important;transition-delay:0s!important}}@keyframes smp-vp-bob{50%{transform:translateY(-4px)}}@keyframes smp-vp-sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes smp-vp-pulse{50%{transform:scale(1.12)}}@keyframes smp-vp-ping{0%{outline:0 solid color-mix(in srgb,var(--tone-fill, var(--color-brand)) 50%,transparent);outline-offset:0}to{outline:10px solid transparent;outline-offset:2px}}@keyframes smp-vp-blink{50%{opacity:.25}}@keyframes smp-vp-march{to{stroke-dashoffset:-10}}@keyframes smp-vp-drift{0%,to{transform:translate(0)}33%{transform:translate(3px,-4px)}66%{transform:translate(-3px,2px)}}.smp-vp-art{container-type:inline-size}.smp-vp-rail{display:block;width:var(--w, 88%);height:2px;background-color:var(--tone-line, var(--color-border))}.smp-vp-node{z-index:2;display:grid;place-items:center;width:30px;height:30px;border:2px solid var(--tone-line, var(--color-border));border-radius:999px;background-color:var(--color-surface);color:var(--tone-ink, var(--color-muted));font-size:var(--text-xs);font-weight:700}.smp-vp-node[data-tone=solid],.smp-vp-scene[data-state=fixed] .smp-vp-node[data-ftone=solid]{background-color:var(--tone-fill)}.smp-vp-fog{z-index:3;display:grid;place-items:center;width:var(--w, 50%);height:var(--h, 80%);border:1px dashed color-mix(in srgb,var(--enlivy-kit-status-warning-color) 60%,transparent);border-radius:var(--enlivy-kit-general-border-radius);background-color:var(--color-surface-2);background-image:repeating-linear-gradient(135deg,color-mix(in srgb,var(--enlivy-kit-status-warning-color) 14%,transparent) 0 2px,transparent 2px 9px);color:var(--enlivy-kit-status-warning-ink-color)}.smp-vp-fog>svg{width:34px;height:34px}.smp-vp-bar>.smp-vp-text{position:absolute;bottom:calc(100% + 4px);left:50%;translate:-50% 0}.smp-vp-walker{z-index:1;--o: 0}@media(prefers-reduced-motion:no-preference){.smp-vp-walker{animation:smp-vp-walk var(--t, 5.6s) linear var(--ad, 0s) infinite}.smp-vp-walker[data-drop]{animation-name:smp-vp-walk-drop}}@keyframes smp-vp-walk{0%{left:var(--x);opacity:0}8%,90%{opacity:1}to{left:var(--x2);opacity:0}}@keyframes smp-vp-walk-drop{0%{left:var(--x);opacity:0;transform:none}8%{opacity:1}52%{left:var(--xd);opacity:1;transform:none}62%,to{left:var(--xd);opacity:0;transform:translateY(16px)}}.smp-vp-tile>*{grid-area:1 / 1}.smp-vp-window{width:var(--w, 70%);height:var(--h, 80%);overflow:hidden;border:1px solid var(--color-border);border-radius:var(--enlivy-kit-general-border-radius);background-color:var(--color-surface)}.smp-vp-window-bar{display:flex;align-items:center;gap:5%;height:14%;padding-inline:5%;background-color:var(--color-brand)}.smp-vp-window-bar:before,.smp-vp-window-bar:after{content:"";background-color:var(--color-on-brand)}.smp-vp-window-bar:before{width:8%;aspect-ratio:1;border-radius:4px}.smp-vp-window-bar:after{width:30%;height:22%;border-radius:999px;opacity:.75}.smp-vp-gm-route{stroke-width:2;stroke-dasharray:.1 4}.smp-vp-gm-progress{stroke-width:2.4;stroke-dasharray:var(--stall) 100;transition:stroke-dasharray .9s var(--vp-ease)}.smp-vp-scene[data-state=fixed] .smp-vp-gm-progress{stroke-dasharray:100 100}.smp-vp-gm-stop{fill:var(--color-brand);stroke:var(--color-surface);stroke-width:1.4}.smp-vp-gm-ahead{fill:var(--color-surface);stroke:var(--color-border);transition:fill .3s ease,stroke .3s ease}.smp-vp-scene[data-state=fixed] .smp-vp-gm-ahead{fill:var(--color-brand);stroke:var(--color-surface);transition-delay:var(--d, 0ms)}.smp-vp-gm-stall{fill:none;stroke:var(--enlivy-kit-status-warning-color);stroke-width:1.4;transform-box:fill-box;transform-origin:center}@media(prefers-reduced-motion:no-preference){.smp-vp-gm-halo{animation:smp-vp-halo 1.8s ease-out infinite}}@keyframes smp-vp-halo{0%{transform:scale(1);opacity:.9}to{transform:scale(2.4);opacity:0}}.smp-vp-gm-flag path{fill:none;stroke:var(--color-muted);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:fill .4s ease .6s,stroke .4s ease .6s}.smp-vp-gm-flag .smp-vp-gm-cloth{fill:var(--color-surface)}.smp-vp-scene[data-state=fixed] .smp-vp-gm-flag path{stroke:var(--color-brand)}.smp-vp-scene[data-state=fixed] .smp-vp-gm-flag .smp-vp-gm-cloth{fill:var(--color-brand)}.smp-vp-clip{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.smp-vp-dots{letter-spacing:.2em}@media(prefers-reduced-motion:no-preference){.smp-vp-scene[data-live][data-state=now] .smp-vp-dp-walker{animation:smp-vp-hop 3.4s var(--vp-ease) infinite}.smp-vp-scene[data-live][data-state=fixed] .smp-vp-dp-walker{animation:smp-vp-bob 2.4s ease-in-out infinite}}@keyframes smp-vp-hop{0%,12%{left:14%;transform:none}30%{transform:translateY(-34px)}48%,78%{left:68%;transform:none}to{left:68%;transform:none;opacity:0}}@media(prefers-reduced-motion:no-preference){.smp-vp-scene[data-live][data-state=now] .smp-vp-us-leave{animation:smp-vp-leave 4.4s ease-in var(--ad, 0s) infinite}}@keyframes smp-vp-leave{0%,20%{transform:none;opacity:1}85%,to{transform:translate(120px);opacity:0}}.smp-vp-us-scale{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:3px}.smp-vp-us-cell{aspect-ratio:1;border:1px solid var(--color-border);border-radius:3px;background-color:var(--color-surface)}.smp-vp-us-cell.is-picked{border-color:var(--color-brand);background-color:var(--color-brand)}.smp-vp-vp-frame{width:var(--w, 60%);aspect-ratio:16 / 9;border-radius:var(--enlivy-kit-general-border-radius);background-color:var(--color-body)}.smp-vp-vp-play{display:grid;place-items:center;width:44px;aspect-ratio:1;border-radius:999px;background-color:var(--color-surface);color:var(--color-body)}.smp-vp-vp-area{fill:color-mix(in srgb,var(--color-brand) 14%,transparent);stroke:none}.smp-path>.smp-vp-scene{padding:0;border:0;background:none}.smp-vp-hero{--vp-turn: .9s;display:flex;flex-direction:column;padding:0;border:0;background:none}.smp-vp-hero .smp-vp-art{overflow:visible;aspect-ratio:1;background:none}.smp-vp-hero .smp-vp-art:before{content:"";position:absolute;inset:-6%;background-image:radial-gradient(circle,var(--color-border) 1.2px,transparent 1.6px);background-size:16px 16px;background-position:center;mask-image:radial-gradient(closest-side,rgb(0 0 0 / .9),transparent);pointer-events:none}.smp-vp-hero .smp-vp-switch,.smp-vp-hero[data-ready] .smp-vp-switch{order:2;align-self:center;margin:var(--smp-space-md) 0 0}.smp-vp-hero .smp-vp-caption{order:3;justify-items:center;margin-top:var(--smp-space-sm);text-align:center}.smp-vp-hero .smp-vp-caption-fixed{align-items:center}.smp-vp-hero .smp-vp-caption-now{font-weight:500;color:color-mix(in srgb,var(--color-body) 50%,var(--color-muted))}.smp-hub-lines .smp-vp-stroke{stroke-width:.35}.smp-hub-tangle{stroke-dasharray:1.2 1.4}.smp-hub-spoke{stroke:color-mix(in srgb,var(--color-brand) 38%,transparent)}.smp-hub-packet{fill:none;stroke:var(--color-brand);stroke-width:1.1;stroke-linecap:round;stroke-dasharray:3 97;stroke-dashoffset:100}@media(prefers-reduced-motion:no-preference){.smp-vp-scene[data-live][data-state=fixed] .smp-hub-packet{animation:smp-hub-flow 2.4s linear var(--ad, 0s) infinite}.smp-vp-scene[data-live][data-state=fixed] .smp-hub-core:before{animation:smp-hub-breathe 3.2s ease-in-out infinite}}@keyframes smp-hub-flow{to{stroke-dashoffset:0}}@keyframes smp-hub-breathe{50%{transform:scale(1.06);opacity:.55}}.smp-hub-chip{z-index:2;padding:4px 10px}.smp-vp-hero .smp-vp-art>.smp-vp-p{margin:calc(var(--py, 0) * var(--z, 7) * 1px) 0 0 calc(var(--px, 0) * var(--z, 7) * 1px)}.smp-vp-hero .smp-hub-core{--z: 3}@container (max-width: 420px){.smp-hub-chip .app-icon{display:none}}.smp-hub-core{z-index:3;display:grid;place-content:center;justify-items:center;gap:2px;padding:var(--smp-space-sm);width:clamp(108px,28%,150px);aspect-ratio:1.15;border-radius:calc(var(--enlivy-kit-general-border-radius) * 2);background-color:var(--color-brand);color:var(--color-on-brand);text-align:center}.smp-hub-core:before,.smp-hub-core:after{content:"";position:absolute;border:1px solid color-mix(in srgb,var(--smp-brand-soft) 45%,transparent);border-radius:calc(var(--enlivy-kit-general-border-radius) * 3);pointer-events:none}.smp-hub-core:before{inset:-12%}.smp-hub-core:after{inset:-26%;border-color:color-mix(in srgb,var(--smp-brand-soft) 22%,transparent);border-radius:calc(var(--enlivy-kit-general-border-radius) * 4)}.smp-hub-core-name{font-size:var(--text-xs);font-weight:800;line-height:1.2;text-align:center;text-wrap:balance}