.masthead{position: sticky;top: 0;z-index: 90;background: color-mix(in oklab,var(--ink) 82%,transparent);backdrop-filter: blur(14px);border-bottom: 1px solid var(--line-soft);transition: background 0.3s var(--ease),border-color 0.3s var(--ease),box-shadow 0.3s var(--ease)}.masthead[data-scrolled='true']{background: color-mix(in oklab,var(--ink) 92%,transparent);border-bottom-color: var(--line);box-shadow: 0 0.5rem 1.75rem rgb(0 0 0 / 0.34)}.masthead__progress{position: absolute;left: 0;right: 0;bottom: -1px;height: 2px;overflow: hidden;pointer-events: none}.masthead__progress span{display: block;height: 100%;width: 100%;transform: scaleX(var(--progress,0));transform-origin: left;background: linear-gradient(90deg,var(--violet),var(--blue) 52%,var(--cyan));transition: transform 0.1s linear}.masthead__inner{display: flex;align-items: center;gap: var(--step-3);min-height: 4.15rem}.brand{display: inline-flex;align-items: center;gap: 0.7rem;flex: none;margin-right: auto}.brand__mark{width: 2rem;height: 2rem;flex: none}.brand__mark svg{width: 100%;height: 100%}.brand__word{font-family: var(--display);font-weight: 800;font-size: 1.06rem;letter-spacing: -0.03em}.brand__word em{font-style: normal;background: linear-gradient(100deg,var(--violet),var(--cyan));-webkit-background-clip: text;background-clip: text;color: transparent}.brand:hover .brand__mark{animation: mark-nudge 0.5s var(--ease)}@keyframes mark-nudge{50%{transform: skewX(-5deg) scale(1.06)}}.nav{display: flex;align-items: center;gap: 0.15rem}.nav a{position: relative;font-family: var(--mono);font-size: 0.74rem;letter-spacing: 0.1em;text-transform: uppercase;color: var(--text-dim);padding: 0.55rem 0.7rem;transition: color 0.18s var(--ease)}.nav a:hover{color: var(--text)}.nav a::before{content: '';position: absolute;left: 0.7rem;right: 0.7rem;bottom: 0.3rem;height: 2px;background: var(--violet);transform: scaleX(0) skewX(calc(var(--tilt) * -1));transform-origin: left;transition: transform 0.24s var(--ease-out)}.nav a:hover::before,.nav a[aria-current='page']::before{transform: scaleX(1) skewX(calc(var(--tilt) * -1))}.nav a[aria-current='page']{color: var(--text)}.nav__item{position: relative;display: inline-flex;align-items: center}.nav__item--has-sub > a{display: inline-flex;align-items: center;gap: 0.3rem}.nav__chev{width: 0.72rem;height: 0.72rem;stroke: currentColor;stroke-width: 2.2;fill: none;opacity: 0.7;transition: transform 0.2s var(--ease)}.nav__item--has-sub:hover .nav__chev,.nav__item--has-sub:focus-within .nav__chev{transform: rotate(-180deg)}.nav__sub{position: absolute;top: 100%;left: 0;min-width: 12.5rem;display: flex;flex-direction: column;padding: 0.4rem;background: var(--ink-2);border: 1px solid var(--line);box-shadow: 0 18px 40px -18px rgba(0,0,0,0.8);opacity: 0;visibility: hidden;transform: translateY(0.4rem);transition: opacity 0.18s var(--ease),transform 0.18s var(--ease),visibility 0s linear 0.18s;z-index: 60}.nav__item--has-sub:hover .nav__sub,.nav__item--has-sub:focus-within .nav__sub{opacity: 1;visibility: visible;transform: translateY(0);transition-delay: 0s}.nav__sub a{padding: 0.55rem 0.7rem;font-family: var(--mono);font-size: 0.72rem;letter-spacing: 0.08em;text-transform: uppercase;color: var(--text-dim);transition: color 0.16s var(--ease),background 0.16s var(--ease)}.nav__sub a::before{display: none}.nav__sub a:hover{color: var(--text);background: color-mix(in oklab,var(--violet) 16%,transparent)}.lang{display: inline-flex;border: 1px solid var(--line);flex: none}.lang a{font-family: var(--mono);font-size: 0.7rem;letter-spacing: 0.08em;padding: 0.42rem 0.6rem;color: var(--text-dim);transition: background 0.16s var(--ease),color 0.16s var(--ease)}.lang a:hover{color: var(--text)}.lang a[aria-current='true']{background: var(--text);color: var(--ink);font-weight: 700}.masthead__cta{flex: none}.burger{display: none;flex: none;background: none;border: 1px solid var(--line);padding: 0.5rem 0.6rem;cursor: pointer;line-height: 0}.burger svg{width: 1.05rem;height: 1.05rem;stroke: currentColor;stroke-width: 2;fill: none}@media (max-width: 940px){.burger{display: block;order: 3}.nav{position: absolute;top: 100%;left: 0;right: 0;z-index: 40;flex-direction: column;align-items: stretch;gap: 0;margin: 0;padding: 0 var(--gutter) var(--step-3);background: var(--ink-1);border-bottom: 1px solid var(--line);box-shadow: 0 24px 40px -24px rgba(0,0,0,0.85);max-height: calc(100dvh - 4.15rem);overflow-y: auto;overscroll-behavior: contain;display: none}.masthead__inner{flex-wrap: wrap}.masthead[data-open='true'] .nav{display: flex}.nav a{padding: 0.85rem 0;border-top: 1px solid var(--line-soft);font-size: 0.82rem}.nav a::before{left: 0;right: auto;width: 1.6rem;bottom: 0.55rem}.nav__item{display: block}.nav__item--has-sub > a{display: flex;border-top: 1px solid var(--line-soft);padding: 0.85rem 0;font-size: 0.82rem}.nav__chev{display: none}.nav__sub{position: static;opacity: 1;visibility: visible;transform: none;min-width: 0;padding: 0;background: none;border: 0;box-shadow: none}.nav__sub a{padding: 0.7rem 0 0.7rem 1.4rem;border-top: 1px solid var(--line-soft);text-transform: none;letter-spacing: 0.02em;font-size: 0.78rem}.masthead__cta{order: 2}}@media (max-width: 560px){.masthead__cta{display: none}}.pagehead{position: relative;padding-block: clamp(3rem,7vw,6rem) clamp(2rem,4vw,3.5rem);border-bottom: 1px solid var(--line);overflow: hidden}.pagehead::after{content: '';position: absolute;right: -6%;top: -40%;width: 46%;height: 220%;background: radial-gradient(closest-side,color-mix(in oklab,var(--violet) 26%,transparent),transparent 72%);pointer-events: none}.pagehead::before{content: '';position: absolute;inset: 0;pointer-events: none;opacity: 0.5;background-image: repeating-linear-gradient( calc(90deg - var(--tilt)),transparent 0 92px,color-mix(in oklab,var(--cyan) 20%,transparent) 92px 93px,transparent 93px 184px,color-mix(in oklab,var(--violet) 22%,transparent) 184px 185px );-webkit-mask-image: linear-gradient(90deg,transparent 40%,#000 100%);mask-image: linear-gradient(90deg,transparent 40%,#000 100%)}.pagehead .shell > *{position: relative;z-index: 1}.pagehead{border-bottom-color: transparent;background-image: linear-gradient(90deg,var(--violet),var(--blue) 45%,var(--cyan) 80%,transparent);background-repeat: no-repeat;background-position: 0 100%;background-size: 68% 1px}.pagehead h1{font-size: clamp(2rem,1rem + 5vw,4.6rem);max-width: 22ch;-webkit-hyphens: auto;hyphens: auto}.pagehead .lede{margin-top: var(--step-3)}.pagehead__meta{display: flex;flex-wrap: wrap;gap: var(--step-2);margin-top: var(--step-3)}.footer{position: relative;border-top: 1px solid var(--line);padding-block: clamp(3rem,6vw,5rem) 2rem;background: var(--ink-1)}.footer__grid{display: grid;grid-template-columns: minmax(0,1.5fr) repeat(auto-fit,minmax(9rem,1fr));gap: var(--step-4)}@media (max-width: 720px){.footer__grid{grid-template-columns: 1fr 1fr}.footer__grid > :first-child{grid-column: 1 / -1}}@media (max-width: 460px){.footer__grid{grid-template-columns: 1fr}}.footer h3{font-family: var(--mono);font-size: 0.7rem;font-weight: 500;letter-spacing: 0.16em;text-transform: uppercase;color: var(--text-faint);margin-bottom: var(--step-2)}.footer ul{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: 0.5rem}.footer li a{color: var(--text-dim);font-size: 0.94rem;transition: color 0.16s var(--ease)}.footer li a:hover{color: var(--text)}.footer__word{font-family: var(--display);font-weight: 800;font-size: clamp(2rem,5vw,3rem);letter-spacing: -0.045em;line-height: 0.9}.footer__note{color: var(--text-faint);font-size: 0.88rem;max-width: 46ch;margin-top: var(--step-2)}.footer__base{margin-top: var(--step-5);padding-top: var(--step-3);border-top: 1px solid var(--line-soft);display: flex;flex-wrap: wrap;gap: var(--step-2) var(--step-4);align-items: center;font-family: var(--mono);font-size: 0.72rem;letter-spacing: 0.06em;color: var(--text-faint)}.footer__base a:hover{color: var(--text)}.footer__live{display: inline-flex;align-items: center;gap: 0.5rem;margin-left: auto;color: var(--text-dim)}.footer__live i{width: 0.5rem;height: 0.5rem;border-radius: 50%;background: var(--cyan);flex: none;animation: live-pulse 2.4s var(--ease-out) infinite}@keyframes live-pulse{0%{box-shadow: 0 0 0 0 color-mix(in oklab,var(--cyan) 70%,transparent)}100%{box-shadow: 0 0 0 0.6rem transparent}}@media (prefers-reduced-motion: reduce){.footer__live i{animation: none}}@media (max-width: 560px){.footer__live{margin-left: 0}}.card{position: relative;background: var(--ink-1);border: 1px solid var(--line);padding: var(--step-3);overflow: hidden;transition: border-color 0.22s var(--ease),transform 0.22s var(--ease)}.card::after{content: '';position: absolute;inset: -60% -10%;background: linear-gradient( calc(90deg + var(--tilt)),transparent 38%,color-mix(in oklab,var(--violet) 16%,transparent) 50%,transparent 62% );transform: translateY(60%);opacity: 0;transition: transform 0.5s var(--ease-out),opacity 0.4s var(--ease);pointer-events: none}.card:hover{border-color: color-mix(in oklab,var(--violet) 55%,var(--line));transform: translateY(-2px)}.card:hover::after{transform: translateY(0);opacity: 1}.card[data-glow]::before{content: '';position: absolute;inset: 0;z-index: 0;background: radial-gradient( 22rem circle at var(--mx,50%) var(--my,0%),color-mix(in oklab,var(--violet) 15%,transparent),transparent 60% );opacity: 0;transition: opacity 0.35s var(--ease);pointer-events: none}.card[data-glow]:hover::before{opacity: 1}.card[data-glow] > *{position: relative;z-index: 1}.card__num{font-family: var(--mono);font-size: 0.7rem;letter-spacing: 0.14em;color: var(--text-faint)}.card h3{font-size: 1.12rem;letter-spacing: -0.02em;line-height: 1.15;margin-block: var(--step-2) var(--step-1)}.card p{color: var(--text-dim);font-size: 0.94rem;line-height: 1.55}.card__icon{display: block;width: 1.6rem;height: 1.6rem;color: var(--cyan-bright)}.card__icon svg{width: 100%;height: 100%;fill: none;stroke: currentColor;stroke-width: 1.6;stroke-linecap: round;stroke-linejoin: round}.paper{background: var(--paper);color: var(--paper-ink);position: relative}.paper h2,.paper h3,.paper h4{color: var(--paper-ink)}.paper .lede,.paper .muted,.paper p{color: var(--paper-dim)}.paper .eyebrow,.paper .rubric__slug,.paper .mono-note{color: var(--paper-faint)}.paper strong,.paper b{color: var(--paper-ink)}.paper .rubric{border-color: var(--paper-line)}.paper .rubric__line{background: linear-gradient(90deg,var(--paper-line),transparent)}.paper .rubric__num{background: var(--paper-ink);color: var(--paper)}.paper .card{background: var(--paper-card);border-color: var(--paper-line)}.paper .card p{color: var(--paper-mid)}.paper .card__num,.paper .card__icon{color: var(--paper-faint)}.paper .deflist{border-color: var(--paper-line)}.paper .deflist dt{color: var(--paper-accent)}.paper .deflist dd{color: var(--paper-dim)}.paper .deflist dd b{color: var(--paper-ink)}.paper :not(pre) > code{background: var(--paper-code);border-color: var(--paper-line);color: #3b3427}.paper pre{background: #221d14;border-color: #3a3225;color: var(--paper)}.mono-note{font-family: var(--mono);font-size: 0.78rem;line-height: 1.5}.notice{display: flex;gap: var(--step-2);padding: var(--step-3);border-left: 3px solid var(--amber);background: color-mix(in oklab,var(--amber) 7%,var(--ink-1));font-size: 0.94rem;color: var(--text-dim)}.notice--warn{border-left-color: var(--magenta);background: color-mix(in oklab,var(--magenta) 8%,var(--ink-1))}.notice--info{border-left-color: var(--cyan);background: color-mix(in oklab,var(--cyan) 7%,var(--ink-1))}.notice strong{color: var(--text)}.table-wrap{overflow-x: auto;border: 1px solid var(--line);background: var(--ink-1)}table.data{width: 100%;border-collapse: collapse;font-size: 0.9rem;min-width: 34rem}table.data th,table.data td{text-align: left;padding: 0.7rem 0.9rem;border-bottom: 1px solid var(--line-soft);vertical-align: top}table.data thead th{position: sticky;top: 0;background: var(--ink-2);font-family: var(--mono);font-size: 0.68rem;font-weight: 500;letter-spacing: 0.14em;text-transform: uppercase;color: var(--text-faint);z-index: 1}table.data tbody tr:hover{background: color-mix(in oklab,var(--violet) 7%,transparent)}table.data tbody tr:last-child td{border-bottom: 0}table.data td:first-child{white-space: nowrap}table.data code{white-space: nowrap}.copy{position: absolute;top: 0.55rem;right: 0.55rem;z-index: 2;background: var(--ink-3);border: 1px solid var(--line);color: var(--text-dim);font-family: var(--mono);font-size: 0.66rem;letter-spacing: 0.1em;text-transform: uppercase;padding: 0.32rem 0.55rem;cursor: pointer;transition: color 0.16s var(--ease),border-color 0.16s var(--ease)}.copy:hover{color: var(--text);border-color: var(--violet)}.copy[data-done='true']{color: var(--cyan);border-color: var(--cyan)}.codeblock{position: relative}.codeblock::before,.codeblock::after{content: '';position: absolute;top: 1px;bottom: 1px;width: 3.2rem;pointer-events: none;opacity: 0;transition: opacity 0.18s var(--ease);z-index: 1}.codeblock::before{left: 1px;background: linear-gradient(90deg,var(--ink-1) 38%,transparent)}.codeblock::after{right: 1px;background: linear-gradient(270deg,var(--ink-1) 38%,transparent)}.codeblock[data-x='end']::after,.codeblock[data-x='both']::after,.codeblock[data-x='start']::before,.codeblock[data-x='both']::before{opacity: 1}.codeblock .copy{z-index: 2}.reveal{opacity: 0;transform: translateY(18px)}.reveal.is-in{opacity: 1;transform: none;transition: opacity 0.6s var(--ease-out),transform 0.7s var(--ease-out)}.no-js .reveal,.reveal.is-static{opacity: 1;transform: none}@media (prefers-reduced-motion: reduce){.reveal{opacity: 1;transform: none}}.split{display: grid;grid-template-columns: minmax(0,1.15fr) minmax(0,0.85fr);gap: clamp(1.5rem,4vw,4rem);align-items: start}@media (max-width: 860px){.split{grid-template-columns: minmax(0,1fr)}}.statement{font-family: var(--display);font-weight: 800;font-size: clamp(1.75rem,1rem + 3.4vw,3.4rem);line-height: 0.98;letter-spacing: -0.035em;-webkit-hyphens: auto;hyphens: auto;overflow-wrap: break-word}.statement em{font-style: normal;background: linear-gradient(100deg,var(--violet),var(--cyan));-webkit-background-clip: text;background-clip: text;color: transparent}.builder-head{margin-block: var(--step-2) var(--step-5)}.builder-head__meta{margin-top: var(--step-4)}.deeplink{display: grid;grid-template-columns: minmax(0,1fr) auto;gap: var(--step-2);align-items: end}.deeplink__in{display: grid;gap: 0.35rem}.deeplink__cap{font-family: var(--mono);font-size: 0.64rem;letter-spacing: 0.14em;text-transform: uppercase;color: var(--text-dim)}.deeplink__cap--out{color: var(--cyan)}.deeplink input{width: 100%;background: var(--ink);border: 1px solid var(--line);color: var(--text);padding: 0.62rem 0.75rem;font-family: var(--mono);font-size: 0.8rem;min-width: 0}.deeplink input::placeholder{color: var(--text-faint)}.deeplink input:focus{border-color: var(--violet);outline: none;box-shadow: 0 0 0 3px color-mix(in oklab,var(--violet) 28%,transparent)}.deeplink[data-state='bad'] input{border-color: var(--amber)}.deeplink__act{white-space: nowrap}.deeplink__res{grid-column: 1 / -1;display: grid;gap: 0.35rem}.deeplink__out{display: block;font-family: var(--mono);font-size: 0.78rem;color: var(--cyan);word-break: break-all;background: var(--ink);border: 1px solid var(--line-soft);border-left: 3px solid var(--cyan);padding: 0.62rem 0.75rem;min-height: 1.4em}.deeplink[data-state='sample'] .deeplink__out,.deeplink[data-state='idle'] .deeplink__out{color: var(--text-dim);border-left-color: var(--line);border-left-style: dashed}.deeplink[data-state='sample'] .deeplink__cap--out,.deeplink[data-state='idle'] .deeplink__cap--out,.deeplink[data-state='bad'] .deeplink__cap--out{color: var(--text-dim)}.deeplink[data-state='bad'] .deeplink__out{border-left-color: var(--amber)}.deeplink__msg{grid-column: 1 / -1;margin: 0;font-size: 0.82rem;line-height: 1.4;color: var(--text-dim);min-height: 1.15em}.deeplink__msg[data-tone='bad']{color: var(--amber)}.deeplink__msg[data-tone='done']{color: var(--cyan)}.deeplink__msg[data-tone='fail']{color: var(--magenta)}@media (max-width: 40rem){.deeplink{grid-template-columns: minmax(0,1fr)}.deeplink__act{justify-content: center}}.dl-note{font-size: 0.86rem;color: var(--text-faint);margin-top: var(--step-2)}@view-transition{navigation: auto}.masthead{view-transition-name: masthead}.backdrop{view-transition-name: backdrop}.footer{view-transition-name: footer}@media (prefers-reduced-motion: no-preference){::view-transition-old(root),::view-transition-new(root){animation-duration: 0.42s;animation-timing-function: var(--ease-out)}::view-transition-old(root){animation-name: vt-out-up}::view-transition-new(root){animation-name: vt-in-up}@keyframes vt-out-up{to{opacity: 0;transform: translateY(-1.6%) scale(0.99)}}@keyframes vt-in-up{from{opacity: 0;transform: translateY(2%) scale(1.012)}}html:active-view-transition-type(forward)::view-transition-old(root){animation-name: vt-slide-out-left}html:active-view-transition-type(forward)::view-transition-new(root){animation-name: vt-slide-in-right}html:active-view-transition-type(back)::view-transition-old(root){animation-name: vt-slide-out-right}html:active-view-transition-type(back)::view-transition-new(root){animation-name: vt-slide-in-left}@keyframes vt-slide-out-left{to{opacity: 0;transform: translateX(-4%) scale(0.975)}}@keyframes vt-slide-in-right{from{opacity: 0;transform: translateX(5%) scale(0.99)}}@keyframes vt-slide-out-right{to{opacity: 0;transform: translateX(4%) scale(0.975)}}@keyframes vt-slide-in-left{from{opacity: 0;transform: translateX(-5%) scale(0.99)}}html:active-view-transition-type(lang)::view-transition-old(root){animation-name: vt-lang-out}html:active-view-transition-type(lang)::view-transition-new(root){animation-name: vt-lang-in}@keyframes vt-lang-out{to{opacity: 0;transform: scale(1.03)}}@keyframes vt-lang-in{from{opacity: 0;transform: scale(0.97)}}::view-transition-group(footer){animation-duration: 0.34s;animation-timing-function: var(--ease)}}@media (prefers-reduced-motion: reduce){::view-transition-group(root),::view-transition-old(root),::view-transition-new(root),::view-transition-group(footer){animation: none}}@supports not (view-transition-name: none){@media (prefers-reduced-motion: no-preference){html:not(.no-js) body{animation: page-enter 0.26s var(--ease-out) both}@keyframes page-enter{from{opacity: 0}}}}