/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){}}@layer theme{}@layer base{@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){@supports (color:color-mix(in lab, red, red)){}}}@layer utilities{@media (width>=40rem){}@media (width>=48rem){}@media (width>=64rem){}@media (width>=80rem){}@media (width>=96rem){}.h-full{height:100%}.w-16{width:calc(var(--spacing) * 16)}@supports (color:color-mix(in lab, red, red)){}@supports (color:color-mix(in lab, red, red)){}@supports (color:color-mix(in lab, red, red)){}@supports (color:color-mix(in lab, red, red)){}@supports (color:color-mix(in lab, red, red)){}@supports (color:color-mix(in lab, red, red)){}@supports (color:color-mix(in lab, red, red)){}@supports (color:color-mix(in lab, red, red)){}@supports (color:color-mix(in lab, red, red)){}@media (hover:hover){@supports (color:color-mix(in lab, red, red)){}@supports (color:color-mix(in lab, red, red)){}@supports (color:color-mix(in lab, red, red)){}}@supports (color:color-mix(in lab, red, red)){}@supports (color:color-mix(in lab, red, red)){}@media (prefers-reduced-motion:no-preference){}@media (prefers-reduced-motion:reduce){}@media (width>=48rem){}@media (width>=64rem){}@media (width>=80rem){}@media (prefers-color-scheme:dark){@media (hover:hover){}}@starting-style{}@starting-style{}@starting-style{}@starting-style{}}@media (prefers-color-scheme:dark){}@media (prefers-reduced-motion:reduce){}@media (prefers-reduced-motion:reduce){}@media (prefers-reduced-motion:reduce){}.hx-chapter{position:relative}.hx-home{z-index:0;background:var(--background);--hx-ease-out:cubic-bezier(.16, 1, .3, 1);--hx-ease-load:cubic-bezier(.65, 0, .35, 1);--hx-ease-rise:cubic-bezier(.33, 1, .68, 1);--hx-ease-route:cubic-bezier(.4, 0, .2, 1);position:relative}.hx-home:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(52% 44% at 12% 8%, #fe50001f, transparent 60%), radial-gradient(50% 50% at 88% 92%, var(--accent), transparent 62%);position:fixed;inset:0}@supports (color:color-mix(in lab, red, red)){.hx-home:before{background:radial-gradient(52% 44% at 12% 8%, color-mix(in srgb, var(--color-brand-orange) 12%, transparent), transparent 60%), radial-gradient(50% 50% at 88% 92%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 62%)}}.hx-home>main{z-index:1;position:relative}.hx-chapter:not(:has(.hx-stage)){padding-block:clamp(4rem,8vh,7rem)}.hx-wrap{width:min(64rem,100% - 3rem);margin-inline:auto}.hx-scene{z-index:2;flex-direction:column;gap:1.5rem;width:min(64rem,100% - 3rem);margin-inline:auto;display:flex;position:relative}.hx-scene__head{text-align:center}.hx-scene__step{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-size:.72rem;font-weight:700}.hx-scene__step--muted{color:var(--muted)}.hx-scene__num{font-variant-numeric:tabular-nums}.hx-scene__num:after{content:"·";opacity:.55;margin:0 .5em;font-weight:400}.hx-scene__title{letter-spacing:-.028em;text-wrap:balance;margin-top:.4rem;font-size:clamp(1.5rem,3.2vw,2.35rem);font-weight:700;line-height:1.04}.hx-scene__desc{color:var(--muted);max-width:38rem;margin:.5rem auto 0;font-size:1.02rem;line-height:1.55}.hx-stage{height:calc(var(--stage-pages,1) * 100svh);position:relative}.hx-stage__pin{justify-content:center;align-items:center;height:100svh;display:flex;position:sticky;top:0;overflow:hidden}.hx-stage__pin>*{width:min(64rem,100% - 3rem);min-width:0;margin-inline:auto}.hx-stage--static{padding:3rem 0}.hx-chapter__coda{z-index:2;flex-direction:column;gap:1.5rem;width:min(64rem,100% - 3rem);margin-inline:auto;padding-block:clamp(2.5rem,6vh,4.5rem);display:none;position:relative}.hx-live{position:relative}.hx-panels{grid-template-columns:1.05fr .95fr;align-items:stretch;gap:1rem;display:grid}.hx-cols2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=48rem){.hx-panels,.hx-cols2{grid-template-columns:1fr}.hx-cols2--compare{grid-template-columns:1fr 1fr;gap:.5rem}.hx-stage{height:calc(var(--stage-pages-narrow,var(--stage-pages,1)) * 100svh)}.hx-stage__pin .hx-why,.hx-stage__pin .hx-code,.hx-stage__pin .hx-scene__code{display:none}.hx-chapter__coda{display:flex}.hx-scene{gap:.75rem}.hx-scene__desc{margin-top:.3rem;font-size:.9rem;line-height:1.4}.hx-scene__title{margin-top:.25rem}.hx-cols2{gap:.7rem}.hx-browser__body{gap:.4rem;min-height:7rem;padding:.6rem}.hx-wire{row-gap:.4rem;padding:.6rem}.hx-lane__track{height:.78rem}.hx-region{padding:.5rem .55rem}.hx-browser__bar{padding:.45rem .6rem}.hx-scene,.hx-stage__pin>*,.hx-chapter__coda{width:min(64rem,100% - 1.5rem)}.hx-wrap{width:min(64rem,100% - 1.75rem)}}.hx-cols2>*,.hx-panels>*{min-width:0}.hx-panels>.hx-wire{align-self:start}.hx-browser{border:1px solid var(--border-color);background:var(--surface);box-shadow:var(--shadow-card), inset 0 1px 0 #ffffff0f;border-radius:.8rem;flex-direction:column;display:flex;overflow:hidden}.hx-browser__bar{border-bottom:1px solid var(--border-color);background:var(--surface-subtle);align-items:center;gap:.35rem;padding:.5rem .7rem;display:flex}.hx-browser__bar i{background:var(--border-strong);border-radius:999px;width:.55rem;height:.55rem}.hx-browser__url{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-left:.5rem;font-family:ui-monospace,monospace;font-size:.72rem;overflow:hidden}.hx-browser__body{flex-direction:column;gap:.55rem;min-height:11rem;padding:.9rem;display:flex;position:relative}.hx-live-tag{color:var(--wire-done);align-items:center;gap:.3rem;margin-left:auto;font-size:.66rem;font-weight:600;display:inline-flex}.hx-live-tag b{background:var(--wire-done);border-radius:999px;width:.45rem;height:.45rem;animation:1.4s ease-in-out infinite hx-pulse}.hx-wire{border:1px solid var(--border-color);background:var(--code-surface);box-shadow:var(--shadow-card), inset 0 1px 0 #ffffff0f;border-radius:.8rem;grid-template-columns:max-content 1fr;align-items:center;gap:.5rem;padding:.8rem .9rem;display:grid;position:relative;overflow:hidden}.hx-wire__cap{letter-spacing:.05em;color:var(--muted);text-transform:uppercase;grid-column:1/-1;font-family:ui-monospace,monospace;font-size:.64rem}.hx-lane{grid-column:1/-1;grid-template-columns:subgrid;align-items:center;display:grid}.hx-lane__label{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-family:ui-monospace,monospace;font-size:.66rem;overflow:hidden}.hx-lane__track{background:var(--surface-subtle);border-radius:.28rem;height:.9rem;position:relative;overflow:hidden}.hx-lane__fill{transform-origin:0;transform:scaleX(min(clamp(0, calc((var(--hx-p) - var(--lane-start,0)) / var(--lane-size,1)), 1), var(--lane-cap,1)));background:var(--wire-inflight);transition:background .2s;position:absolute;inset:0}.hx-playhead-track{pointer-events:none;transform:translateX(calc(var(--hx-p) * 100%));position:absolute;inset:0}.hx-playhead{background:var(--accent);width:2px;position:absolute;top:0;bottom:0;left:0}@supports (color:color-mix(in lab, red, red)){.hx-playhead{background:color-mix(in srgb, var(--accent) 70%, transparent)}}.hx-playhead{opacity:.7;box-shadow:0 0 10px 1px var(--glow)}.hx-region{--hx-r:clamp(0, calc((var(--hx-p) - var(--region-at) + .05) / .05), 1);border:1px solid var(--border-color);border-radius:.5rem;min-height:2.6rem;padding:.55rem .65rem;position:relative}.hx-region[data-live=false]{--hx-r:1}.hx-region__skeleton{opacity:calc(1 - var(--hx-r));flex-direction:column;gap:.3rem;display:flex}.hx-region__content{opacity:var(--hx-r);transform:translateY(calc((1 - var(--hx-r)) * 4px));font-size:.82rem;position:absolute;inset:.55rem .65rem}.hx-reveal{transition:opacity .6s var(--hx-ease-out), transform .6s var(--hx-ease-out)}.hx-reveal[data-reveal-state=hidden]{opacity:0;transform:translateY(24px)}.tok-kw{color:var(--accent);font-weight:600}.tok-fn{color:var(--wire-cancel);font-weight:600}.tok-str{color:var(--wire-done)}.tok-cm{color:var(--muted)}.hx-code{border:1px solid var(--border-color);background:var(--code-surface);color:var(--foreground);border-radius:.7rem;margin:0;padding:.9rem 1.1rem;font-family:ui-monospace,monospace;font-size:.8rem;line-height:1.6;overflow-x:auto}.hx-why{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1.5rem;margin:0;padding:0;list-style:none;display:grid}@media (width<=48rem){.hx-why{grid-template-columns:1fr}}.hx-why__item{border-left:2px solid var(--accent);gap:.15rem;padding-left:.85rem;display:grid}.hx-why__lead{color:var(--foreground);font-weight:700}.hx-why__body{color:var(--muted);font-size:.92rem;line-height:1.5}.hx-prefetch__intro{text-align:start;align-self:center}.hx-prefetch__intro .hx-scene__desc{margin-inline:0}.hx-prefetch{min-height:12rem;font-family:var(--font-sans);flex-direction:column;gap:.85rem;display:flex;position:relative}.hx-prefetch__nav{border-bottom:1px solid var(--border-color);color:var(--foreground);justify-content:space-between;align-items:center;padding:.2rem .15rem .7rem;display:flex}.hx-prefetch__brand{font-weight:600}.hx-prefetch__link{color:var(--muted);border-radius:.4rem;padding:.2rem .55rem;font-weight:600;transition:color .25s,background .25s}.hx-prefetch__link[data-warm]{color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.hx-prefetch__link[data-warm]{background:color-mix(in srgb, var(--accent) 14%, transparent)}}.hx-prefetch__cursor{--travel:clamp(0, calc((var(--hx-p) - .04) / .24), 1);z-index:3;pointer-events:none;transform:translate(calc(33% + var(--travel) * 54%), calc(80% - var(--travel) * 70%));position:absolute;inset:0}.hx-prefetch__cursor svg{filter:drop-shadow(0 1px 1.5px #0000004d);display:block;position:absolute;top:0;left:0}.hx-prefetch__click{border:2px solid var(--accent);border-radius:50%;width:1.4rem;height:1.4rem;animation:.55s ease-out forwards hx-prefetch-click;position:absolute;top:3px;left:3px;transform:translate(-50%,-50%)}.hx-prefetch__panel{border:1px solid var(--border-color);background:var(--surface);border-radius:.6rem;padding:.75rem .85rem}.hx-prefetch__panel-head{color:var(--muted);margin:0 0 .55rem;font-size:.8rem}.hx-prefetch__rows{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.hx-prefetch__row{color:var(--foreground);justify-content:space-between;align-items:center;gap:.75rem;font-family:ui-monospace,monospace;font-size:.8rem;display:flex}.hx-prefetch__ready{background:var(--surface-subtle);color:var(--muted);font-family:var(--font-sans);border-radius:999px;padding:.1rem .5rem;font-size:.7rem;transition:background .25s,color .25s}.hx-prefetch__ready[data-ready]{background:var(--badge-success-surface);color:var(--badge-success-foreground)}.hx-prefetch__dest{border:1px solid var(--border-color);background:var(--surface-subtle);color:var(--foreground);opacity:.5;border-radius:.6rem;padding:.75rem .85rem;transition:opacity .3s,border-color .3s}.hx-prefetch__dest[data-arrived]{opacity:1;border-color:var(--accent)}.hx-prefetch__dest-title{margin:0 0 .25rem;font-weight:600}.hx-prefetch__dest-line{color:var(--muted);margin:0;font-size:.85rem}.hx-prefetch__code{border:1px solid var(--border-color);background:var(--code-surface);border-radius:.5rem;margin:1rem 0 0;padding:.85rem 1rem;font-family:ui-monospace,monospace;font-size:.8rem;line-height:1.5;overflow-x:auto}.hx-prefetch__demo{background:var(--accent);min-height:44px;color:var(--accent-foreground);border-radius:.5rem;align-items:center;margin-top:.75rem;padding:0 1rem;font-weight:600;text-decoration:none;display:inline-flex}.hx-hero{isolation:isolate;flex-direction:column;justify-content:center;min-height:88svh;padding:5rem 0 4.5rem;display:flex;position:relative;overflow:hidden}.hx-hero__veil{mix-blend-mode:multiply;background:linear-gradient(160deg, var(--hero-veil-1) 0%, var(--hero-veil-2) 50%, var(--hero-veil-3) 100%);position:absolute;inset:0}.hx-hero .hx-wrap{z-index:1;position:relative}.hx-hero__wire{white-space:nowrap;padding-bottom:.34em;display:inline-block;position:relative}.hx-hero__wm-base{color:var(--foreground);opacity:0}.hx-hero__wm-fill{background-image:linear-gradient(90deg, var(--color-brand-orange), var(--color-brand-magenta));color:#0000;clip-path:inset(-.3em 0 -.3em -.08em);background-clip:text;padding-bottom:.35em;position:absolute;inset:0 auto auto 0}.hx-hero__wire-line{background:var(--foreground);border-radius:999px;height:2px;position:absolute;bottom:.04em;left:.05em;right:.05em}@supports (color:color-mix(in lab, red, red)){.hx-hero__wire-line{background:color-mix(in srgb, var(--foreground) 14%, transparent)}}.hx-hero__wire-line{opacity:0;overflow:hidden}.hx-hero__wire-line:before{content:"";background:linear-gradient(90deg, var(--color-brand-orange), var(--color-brand-magenta));transform-origin:0;width:100%;position:absolute;inset:0 auto 0 0}.hx-hero__edge{background:var(--color-brand-orange);opacity:0;border-radius:50%;width:.16em;height:.16em;position:absolute;bottom:calc(.04em + 1px);left:.05em;transform:translate(-50%,50%)}.hx-hero__packet-track{pointer-events:none;height:0;position:absolute;bottom:calc(.04em + 1px);left:.05em;right:0}.hx-hero__packet{background:var(--color-brand-magenta);border-radius:50%;width:.16em;height:.16em;position:absolute;top:0;left:0;box-shadow:0 0 .35em .07em #ec008c99}@supports (color:color-mix(in lab, red, red)){.hx-hero__packet{box-shadow:0 0 .35em .07em color-mix(in srgb, var(--color-brand-magenta) 60%, transparent)}}.hx-hero__packet{opacity:0;transform:translate(-50%,-50%)}.hx-hero__browser{background:var(--color-brand-magenta);border-radius:50%;width:.18em;height:.18em;position:absolute;bottom:calc(.04em + 1px);left:100%;box-shadow:0 0 .45em .1em #ec008c8c}@supports (color:color-mix(in lab, red, red)){.hx-hero__browser{box-shadow:0 0 .45em .1em color-mix(in srgb, var(--color-brand-magenta) 55%, transparent)}}.hx-hero__browser{opacity:0;transform:translate(-50%,50%)scale(.6)}@media (prefers-reduced-motion:no-preference){.hx-hero__wm-fill{animation:hx-hero-fill 1.3s var(--hx-ease-load) .3s backwards}.hx-hero__wm-base{animation:1.3s .3s backwards hx-hero-base}.hx-hero__wire-line{animation:1.6s .3s backwards hx-hero-wire}.hx-hero__wire-line:before{animation:hx-hero-wirefill 1.3s var(--hx-ease-load) .3s backwards}.hx-hero__edge{animation:1.6s .3s backwards hx-hero-edge}.hx-hero__packet-track{animation:hx-hero-packet-travel 1.3s var(--hx-ease-load) .3s backwards}.hx-hero__packet{animation:hx-hero-packet-fade 1.3s var(--hx-ease-load) .3s backwards}.hx-hero__browser{animation:1.55s .3s backwards hx-hero-browser}.hx-hero__lede{animation:hx-hero-rise .72s var(--hx-ease-rise) 1.05s backwards}.hx-hero__cta{animation:hx-hero-rise .72s var(--hx-ease-rise) 1.2s backwards}}.hx-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--hero-eyebrow);margin-top:1.1rem;font-size:.72rem;font-weight:600}.hx-hero__title{color:var(--foreground);letter-spacing:-.035em;text-wrap:balance;margin-top:1rem;font-size:min(clamp(2.6rem,6.6vw,4.7rem),11.5vw);font-weight:700;line-height:1}.hx-hero__lede{color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.hx-hero__lede{color:color-mix(in srgb, var(--foreground) 80%, transparent)}}.hx-hero__lede{max-width:34rem;margin:1.35rem 0 0;font-size:clamp(1.1rem,2.3vw,1.4rem);font-weight:300;line-height:1.45}.hx-hero__cta{flex-wrap:wrap;gap:.75rem;padding-top:1.5rem;display:flex}.hx-btn{border-radius:.6rem;align-items:center;min-height:44px;padding:.6rem 1.1rem;font-weight:600;text-decoration:none;display:inline-flex}.hx-btn,.hx-cta__btn,.hx-prefetch__demo{transition:transform .1s ease-out}.hx-btn:active,.hx-cta__btn:active,.hx-prefetch__demo:active{transform:scale(.97)}.hx-btn--primary{background:var(--accent);color:var(--accent-foreground)}.hx-btn--ghost{border:1px solid var(--border-color);color:var(--foreground);background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.hx-btn--ghost{background:color-mix(in srgb, var(--surface) 80%, transparent)}}.hx-hero .hx-btn--primary{background:var(--color-magenta-600);color:#fff}.hx-hero .hx-btn--ghost{border-color:var(--hero-ghost-border);color:var(--foreground);background:var(--hero-ghost-bg)}@media (hover:hover){.hx-btn--primary:hover{background:var(--accent-hover)}.hx-hero .hx-btn--primary:hover{background:var(--color-magenta-700)}.hx-hero .hx-btn--ghost:hover{background:var(--hero-ghost-bg-hover)}}.hx-hero__scroll{z-index:1;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);justify-content:center;align-items:center;gap:.55rem;margin:0;font-size:.7rem;font-weight:600;display:flex;position:absolute;bottom:1.6rem;left:0;right:0}.hx-hero__scroll-arrow{border-bottom:2px solid;border-right:2px solid;width:.5rem;height:.5rem;animation:1.7s ease-in-out infinite hx-hero-bob;transform:translateY(-1px)rotate(45deg)}.hx-edge-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}@media (width<=48rem){.hx-edge-cards{grid-template-columns:1fr}}.hx-edge-cards>*{min-width:0;display:flex}.hx-edge-card{--card-fill:var(--surface);flex-direction:column;flex:1;gap:.5rem;min-width:0;padding:1.15rem 1.25rem;display:flex}@supports (color:color-mix(in lab, red, red)){.hx-edge-card{--card-fill:color-mix(in srgb, var(--surface) 96%, var(--accent) 4%)}}.hx-edge-card{background:linear-gradient(var(--card-fill), var(--card-fill)) padding-box, linear-gradient(100deg, #fe500080, #ec008c6b 52%, #c97dff8c) border-box;border:1px solid #0000;border-radius:.75rem}@supports (color:color-mix(in lab, red, red)){.hx-edge-card{background:linear-gradient(var(--card-fill), var(--card-fill)) padding-box, linear-gradient(100deg, color-mix(in srgb, var(--color-brand-orange) 50%, transparent), color-mix(in srgb, var(--color-brand-magenta) 42%, transparent) 52%, color-mix(in srgb, var(--color-brand-violet) 55%, transparent)) border-box}}.hx-edge-card{box-shadow:var(--shadow-card), -14px 9px 42px -20px #fe500080, 0 13px 40px -20px #ec008c6b, 14px 9px 42px -20px #c97dff8c}.hx-edge-card__title{color:var(--foreground);font-weight:600}.hx-edge-card__line{color:var(--muted);font-size:.9rem;line-height:1.5}.hx-edge-card__meta{flex-wrap:wrap;gap:.4rem;margin-top:auto;display:flex}.hx-edge-tag{background:var(--surface-subtle);border:1px solid var(--border-color);color:var(--muted);border-radius:.4rem;padding:.2rem .55rem;font-family:ui-monospace,monospace;font-size:.72rem}.hx-route{flex-direction:column;gap:1rem;width:min(42rem,100%);margin-inline:auto;display:flex}.hx-route__code{border:1px solid var(--border-color);background:var(--code-surface);max-inline-size:100%;width:min(42rem,100%);color:var(--foreground);border-radius:.6rem;margin-inline:auto;padding:.85rem 1.1rem;overflow-x:auto}.hx-route__nest{flex-direction:column;display:flex;position:relative}.hx-route__ring{border:1px solid var(--accent);box-shadow:0 0 0 1px var(--accent);pointer-events:none;z-index:2;transition:transform .45s var(--hx-ease-route), width .45s var(--hx-ease-route), height .45s var(--hx-ease-route);border-radius:.5rem;position:absolute;top:0;left:0}@media (prefers-reduced-motion:reduce){.hx-route__ring{transition:none}}.hx-route__layer{border:1px solid var(--border-color);background:var(--surface);border-radius:.5rem;padding:.55rem .6rem;transition:border-color .4s,box-shadow .4s,background-color .4s}.hx-route__layer .hx-route__layer{background:var(--surface-subtle);margin-top:.5rem}.hx-route__layer-head{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.hx-route__layer-name{color:var(--foreground);font-size:.85rem;font-weight:600;transition:color .4s}.hx-route__layer-role{color:var(--muted);white-space:nowrap;font-family:ui-monospace,monospace;font-size:.68rem;transition:color .4s}.hx-route__layer[data-state=pending]{border-color:var(--border-color)}@supports (color:color-mix(in lab, red, red)){.hx-route__layer[data-state=pending]{border-color:color-mix(in srgb, var(--border-color) 55%, transparent)}}.hx-route__layer[data-state=pending]>.hx-route__layer-head .hx-route__layer-name{color:var(--muted)}.hx-route__layer[data-state=active]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.hx-route__nest[data-ring] .hx-route__layer[data-state=active]{border-color:var(--border-color);box-shadow:none}.hx-route__layer[data-state=active]>.hx-route__layer-head .hx-route__layer-role{color:var(--accent)}@media (prefers-reduced-motion:reduce){.hx-route__layer,.hx-route__layer-name,.hx-route__layer-role{transition:none}}.hx-route__view-body{flex-direction:column;gap:.35rem;margin-top:.5rem;transition:opacity .4s;display:flex}.hx-route__layer[data-state=pending]>.hx-route__view-body{opacity:.4}.hx-route__view-row{background:var(--border-strong);border-radius:.25rem;height:.5rem}.hx-route__view-row--short{width:55%}.hx-panel{flex-direction:column;gap:.6rem;min-width:0;display:flex}.hx-panel__cap{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.7rem;font-weight:700}.hx-sk-line{border-radius:.3rem;height:.6rem;display:block}.hx-stream{gap:.75rem;padding:1rem;display:grid}.hx-stream__count{font:700 clamp(2.5rem, 8vw, 4rem) / 1 var(--font-sans);color:var(--foreground);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.hx-stream__list{margin:0;padding:0;list-style:none;display:grid}.hx-stream__item{color:var(--foreground);align-items:center;gap:.6rem;padding:.34rem 0;font-size:.9rem;display:flex}.hx-stream__item+.hx-stream__item{border-top:1px solid var(--border-color)}.hx-stream__item:before{content:"";background:var(--wire-done);border-radius:999px;flex:none;width:.4rem;height:.4rem}.hx-stream__header{color:var(--foreground);align-items:center;gap:.5rem;font-weight:600;display:flex}.hx-stream__dot{background:var(--wire-done);width:.5rem;height:.5rem;box-shadow:0 0 0 3px var(--wire-done);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.hx-stream__dot{box-shadow:0 0 0 3px color-mix(in srgb, var(--wire-done) 22%, transparent)}}.hx-stream__dot{animation:1.4s ease-in-out infinite hx-pulse}.hx-stream__chart{border:1px solid var(--border-color);background:var(--surface-subtle);border-radius:.55rem;flex-direction:column;gap:.4rem;margin:0;padding:.6rem .7rem;display:flex}.hx-stream__chart-cap{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);align-items:baseline;gap:.5rem;font-size:.66rem;display:flex}.hx-stream__chart-trend{color:var(--wire-done);font-weight:600}.hx-chart{width:100%;height:2.6rem;display:block}.hx-chart__clip{width:calc((var(--chart-pad) + var(--hx-p) * var(--chart-span)) * 1px)}.hx-chart__area{fill:url(#hx-chart-fill)}.hx-chart__line{fill:none;stroke:var(--accent);stroke-width:1.5px}.hx-chart__now{stroke:var(--accent);stroke-width:1.5px;opacity:.55;transform-box:view-box;transform:translateX(calc(var(--hx-p) * var(--chart-span) * 1px))}.hx-chart__stop-a{stop-color:var(--accent);stop-opacity:.34}.hx-chart__stop-b{stop-color:var(--accent);stop-opacity:0}.hx-skel{border-radius:.5rem;min-height:1.5rem}.hx-sk-line,.hx-skel{background:linear-gradient(90deg, var(--surface-subtle), var(--border-strong), var(--surface-subtle));background-size:200% 100%;animation:1.3s linear infinite hx-shimmer}.hx-skel--list{min-height:6.4rem}.hx-skel--head{min-height:1.4rem}.hx-skel--chart{min-height:5.6rem}.hx-scene__code{border:1px solid var(--border-color);background:var(--code-surface);color:var(--foreground);border-radius:.5rem;margin:0;padding:1rem;font:.85rem/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-x:auto}.hx-mut-form{align-items:stretch;gap:.5rem;margin-block-end:.75rem;display:flex}.hx-mut-input{border:1px solid var(--border-color);background:var(--surface-subtle);min-block-size:44px;color:var(--muted);border-radius:.5rem;flex:auto;align-items:center;padding-inline:.75rem;display:flex}.hx-mut-add{background:var(--accent);min-block-size:44px;min-inline-size:44px;color:var(--accent-foreground);font:inherit;cursor:pointer;border:0;border-radius:.5rem;padding-inline:1rem}.hx-mut-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.hx-mut-row{border:1px solid var(--border-color);background:var(--surface);min-block-size:44px;color:var(--foreground);border-radius:.5rem;justify-content:space-between;align-items:center;gap:.5rem;padding-inline:.75rem;display:flex}.hx-mut-row--pending{opacity:.4}.hx-mut-row--optimistic{opacity:.7;border-style:dashed}.hx-region[data-shown=true] .hx-mut-row--saved{animation:hx-mut-saved-flash .6s var(--hx-ease-out) both}@media (prefers-reduced-motion:reduce){.hx-region[data-shown=true] .hx-mut-row--saved{animation:none}}.hx-mut-tag{color:var(--muted);font-size:.75rem}.hx-mut-tag--ok{background:var(--badge-success-surface);color:var(--badge-success-foreground);border-radius:.375rem;padding-inline:.5rem}.hx-res{background:var(--surface-subtle);gap:.75rem;padding:.75rem;display:grid}.hx-res__bar{align-items:center;gap:.5rem;display:flex}.hx-res__chip{border:1px solid var(--border-color);color:var(--foreground);background:var(--surface);text-transform:capitalize;border-radius:999px;padding:.15rem .5rem;font-size:.75rem;font-weight:600}.hx-res__chip[data-state=success]{background:var(--badge-success-surface);color:var(--badge-success-foreground);border-color:#0000}.hx-res__chip[data-state=revalidating]{background:var(--accent);color:var(--accent-foreground);border-color:#0000}.hx-res__chip[data-state=error]{color:var(--danger);border-color:var(--danger);background:var(--surface)}.hx-res__note{color:var(--muted);font-size:.75rem}.hx-res__panes{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.hx-res__pane{border:1px solid var(--border-color);background:var(--surface);min-height:5.5rem;color:var(--foreground);border-radius:.5rem;flex-direction:column;gap:.5rem;padding:.6rem .65rem;font-size:.8125rem;display:flex}.hx-res__pane-head{color:var(--muted);font-size:.72rem;font-weight:600}.hx-res__pane-body{flex-direction:column;gap:.35rem;display:flex}.hx-res__row{background:var(--border-strong);border-radius:.25rem;height:.5rem}.hx-res__row--short{width:60%}.hx-res__pane-body[data-loading] .hx-res__row{background:linear-gradient(90deg, var(--surface-subtle), var(--border-strong), var(--surface-subtle));background-size:200% 100%;animation:1.3s linear infinite hx-shimmer}.hx-res__pane--error{border-color:var(--danger);opacity:0;transition:opacity .2s var(--hx-ease-out), transform .2s var(--hx-ease-out);transform:scale(.97)}.hx-res__pane--error[data-entered]{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.hx-res__pane--error{opacity:1;transition:none;transform:none}}.hx-res__pane-fail{color:var(--danger);flex-direction:column;align-items:flex-start;gap:.4rem;font-size:.78rem;display:flex}.hx-res__retry{border:1px solid var(--danger);border-radius:.375rem;padding:.15rem .55rem;font-size:.72rem;font-weight:600}.hx-res__code{background:var(--code-surface);border:1px solid var(--border-color);border-radius:.5rem;align-self:start;margin:0;padding:.75rem 1rem;font-size:.8125rem;line-height:1.5;overflow-x:auto}.hx-vt2{flex-direction:column;gap:1.25rem;display:flex}.hx-vt2__demo{--m:clamp(0, calc((var(--hx-p) - var(--m-start)) / var(--m-size)), 1);flex-direction:column;align-items:center;gap:.85rem;width:min(40rem,100%);margin-inline:auto;display:flex}.hx-morph__scrub{flex-direction:column;gap:.4rem;width:100%;display:flex}.hx-morph__scrub-label{color:var(--muted);text-align:center;font-size:.8rem;font-weight:600}.hx-morph__scrub-track{background:var(--border-color);border-radius:999px;height:3px;overflow:hidden}.hx-morph__scrub-fill{background:var(--gradient-orangenta);width:100%;height:100%;clip-path:inset(0 calc((1 - var(--m,0)) * 100%) 0 0)}.hx-morph{flex-direction:column;gap:.5rem;width:100%;min-height:13rem;display:flex}.hx-morph__hero{gap:calc(.05rem + var(--m,0) * .2rem);padding:calc(.65rem + var(--m,0) * .6rem) calc(.8rem + var(--m,0) * .4rem);border-radius:calc(.55rem + var(--m,0) * .25rem);background:var(--accent);color:var(--accent-foreground);box-shadow:0 0 0 1px var(--accent), 0 calc(6px + var(--m,0) * 14px) calc(16px + var(--m,0) * 22px) -10px var(--glow);flex-direction:column;display:flex}.hx-morph__title{font-weight:700;font-size:calc(.95rem + var(--m,0) * .32rem);letter-spacing:-.01em}.hx-morph__meta{opacity:.85;font-size:.8rem}.hx-morph__rest{opacity:calc(1 - var(--m,0) * 1.4);max-height:calc((1 - var(--m,0)) * 8rem);flex-direction:column;gap:.5rem;display:flex;overflow:hidden}.hx-morph__row{border:1px solid var(--border-color);background:var(--surface-subtle);color:var(--foreground);border-radius:.55rem;padding:.65rem .8rem}.hx-morph__body{color:var(--muted);opacity:calc((var(--m,0) - .6) * 3);max-height:calc(var(--m,0) * 6rem);margin:0;font-size:.9rem;line-height:1.5;overflow:hidden}.hx-rt-stack{flex-direction:column;gap:.75rem;width:min(42rem,100%);margin-inline:auto;display:flex}.hx-rt-room{aspect-ratio:16/10;background:var(--surface-subtle);border-radius:12px;position:relative;overflow:hidden}.hx-rt-peer-anchor{--t:calc(var(--hx-p) * 6.28319);pointer-events:none;transform:translate(calc(50% + sin(calc(var(--t) * var(--sx) + var(--ph))) * var(--rx) * 1% - 2px), calc(50% + cos(calc(var(--t) * var(--sy) + var(--ph))) * var(--ry) * 1% - 2px));position:absolute;inset:0}.hx-rt-peer{pointer-events:none;color:var(--c);position:absolute;top:0;left:0}.hx-rt-peer svg{fill:var(--c);filter:drop-shadow(0 1px 1.5px #00000040);display:block}.hx-rt-peer__name{background:var(--c);border-radius:.3rem;padding:.08rem .4rem;position:absolute;top:.7rem;left:.7rem}@supports (color:color-mix(in lab, red, red)){.hx-rt-peer__name{background:color-mix(in srgb, var(--c) 68%, #000)}}.hx-rt-peer__name{color:#fff;font:600 .7rem/1.35 var(--font-sans);white-space:nowrap}.hx-rt-roster{align-items:center;gap:.6rem;display:flex;position:absolute;bottom:.85rem;left:.85rem}.hx-rt-roster__avatars{display:flex}.hx-rt-avatar{background:var(--c);border-radius:999px;width:1.5rem;height:1.5rem;margin-left:-.45rem}@supports (color:color-mix(in lab, red, red)){.hx-rt-avatar{background:color-mix(in srgb, var(--c) 68%, #000)}}.hx-rt-avatar{color:#fff;font:700 .72rem/1 var(--font-sans);border:2px solid var(--surface-subtle);place-items:center;display:grid}.hx-rt-avatar:first-child{margin-left:0}.hx-rt-roster__count{font:600 .8125rem/1 var(--font-sans);color:var(--muted)}.hx-rt-chips{gap:.25rem;margin:0;padding:0;list-style:none;display:grid;position:absolute;top:.75rem;right:.75rem}.hx-rt-chip{font:600 .75rem/1.4 var(--font-mono,ui-monospace, monospace);color:var(--muted);background:var(--surface);border:1px solid var(--border-color);border-radius:999px;align-items:center;gap:.3rem;padding:.125rem .5rem;display:flex}.hx-rt-chip__dir{opacity:.75;font-weight:700}.hx-rt-chip[data-live]{color:var(--accent-foreground);background:var(--accent);border-color:#0000}.hx-rt-chip[data-live] .hx-rt-chip__dir{opacity:1}.hx-pkg-row{flex-wrap:wrap;gap:.9rem;margin:0;padding:0;list-style:none;display:flex}.hx-pkg-pill{font-family:var(--font-sans);color:var(--foreground);--pkg-fill:var(--surface-subtle);font-size:.875rem;position:relative}@supports (color:color-mix(in lab, red, red)){.hx-pkg-pill{--pkg-fill:color-mix(in srgb, var(--surface-subtle) 92%, var(--accent) 8%)}}.hx-pkg-pill{background:linear-gradient(var(--pkg-fill), var(--pkg-fill)) padding-box, linear-gradient(100deg, #fe5000a6, #ec008c8c 52%, #c97dffad) border-box;border:1px solid #0000;border-radius:999px}@supports (color:color-mix(in lab, red, red)){.hx-pkg-pill{background:linear-gradient(var(--pkg-fill), var(--pkg-fill)) padding-box, linear-gradient(100deg, color-mix(in srgb, var(--color-brand-orange) 65%, transparent), color-mix(in srgb, var(--color-brand-magenta) 55%, transparent) 52%, color-mix(in srgb, var(--color-brand-violet) 68%, transparent)) border-box}}.hx-pkg-pill{transition:opacity .55s var(--hx-ease-out), transform .55s var(--hx-ease-out);transition-delay:calc(var(--i,0) * .11s);will-change:transform, opacity;padding:.35rem .75rem;box-shadow:-8px 3px 22px -9px #fe500099,0 6px 20px -8px #ec008c80,8px 3px 22px -9px #c97dffa6}.hx-pkg-row[data-armed=true]:not([data-shown=true]) .hx-pkg-pill{opacity:0;transform:translateY(16px)}.hx-pkg-code{background:var(--code-surface);border:1px solid var(--border-color);border-radius:.75rem;margin:0;padding:1rem;font-size:.8125rem;line-height:1.6;overflow-x:auto}.hx-cta{text-align:center;max-width:44rem;margin-inline:auto}.hx-cta__actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.5rem;display:flex}.hx-cta__btn{min-width:44px;min-height:44px;font:inherit;border:1px solid #0000;border-radius:.5rem;justify-content:center;align-items:center;padding:0 1.25rem;font-weight:600;text-decoration:none;display:inline-flex}.hx-cta__btn--primary{background:var(--accent);color:var(--accent-foreground)}.hx-cta__btn--secondary{background:var(--surface);color:var(--foreground);border-color:var(--border-color)}@media (hover:hover){.hx-cta__btn--primary:hover{background:var(--accent-hover)}.hx-cta__btn--secondary:hover{background:var(--surface-subtle)}}.hx-cta__btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.hx-footer{border-top:1px solid var(--border-color);color:var(--muted);padding:1.5rem 0 2rem;font-size:.85rem}.hx-footer__row{flex-wrap:wrap;justify-content:space-between;gap:.75rem;display:flex}.hx-footer a{color:var(--accent);text-decoration:underline}.hx-footer a:hover{color:var(--accent-hover)}.hx-stage[data-active] .hx-playhead-track,.hx-stage[data-active] .hx-prefetch__cursor,.hx-live[data-active] .hx-rt-peer-anchor{will-change:transform}@media (prefers-reduced-motion:reduce){.hx-stage{height:auto!important}.hx-stage__pin{height:auto;padding:2.5rem 0;position:static}.hx-playhead-track,.hx-live-tag b{display:none}.hx-hero__scroll-arrow,.hx-stream__dot,.hx-sk-line,.hx-skel{animation:none}.hx-btn,.hx-cta__btn,.hx-prefetch__demo{transition:opacity .1s ease-out}.hx-btn:active,.hx-cta__btn:active,.hx-prefetch__demo:active{opacity:.85;transform:none}.hx-reveal,.hx-reveal[data-reveal-state=hidden]{opacity:1;transition:none;transform:none}.hx-region__skeleton{display:none}.hx-region__content{opacity:1;position:static;transform:none}.hx-pkg-pill,.hx-pkg-row[data-armed=true]:not([data-shown=true]) .hx-pkg-pill{opacity:1;transition:none;transform:none}}@media (prefers-reduced-transparency:reduce){.hx-home:before{display:none}.hx-hero .hx-btn--ghost,.hx-btn--ghost{background:var(--surface)}}@media (prefers-contrast:more){.hx-home:before{display:none}.hx-browser,.hx-browser__bar,.hx-wire,.hx-region,.hx-prefetch__panel,.hx-prefetch__dest,.hx-morph__row,.hx-rt-chip{border-color:var(--foreground)}.hx-scene__desc,.hx-wire__cap,.hx-lane__label,.hx-browser__url,.hx-prefetch__panel-head,.hx-rt-chip,.hx-hero__scroll{color:var(--foreground)}.hx-prefetch__dest{opacity:1}}@media (prefers-color-scheme:dark){}@media (width<=480px){}@media (width>=768px){}@starting-style{}@media (prefers-reduced-transparency:reduce){}@starting-style{}@media (prefers-reduced-motion:reduce){}@starting-style{}@media (prefers-reduced-motion:reduce){}@starting-style{}@media (prefers-reduced-motion:reduce){}@media (prefers-reduced-motion:reduce){}@starting-style{}@media (prefers-reduced-motion:reduce){}@starting-style{}@media (prefers-reduced-motion:reduce){}@starting-style{}@media (prefers-reduced-motion:reduce){}@media (prefers-reduced-motion:reduce){}@media (prefers-reduced-motion:no-preference){}@media (prefers-reduced-motion:no-preference){}@starting-style{}@supports (color:color-mix(in lab, red, red)){}@supports (color:color-mix(in lab, red, red)){}@supports (color:color-mix(in lab, red, red)){}@supports (color:color-mix(in lab, red, red)){}@starting-style{}@media (prefers-reduced-transparency:reduce){}@starting-style{}@media (prefers-reduced-motion:reduce){}@supports (color:color-mix(in lab, red, red)){}@media (prefers-reduced-motion:reduce){}@media (prefers-reduced-motion:reduce){}@starting-style{}@starting-style{}@starting-style{}@starting-style{}@media (prefers-reduced-motion:reduce){}