*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--font-sans);font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.bottom-14{bottom:3.5rem}.bottom-4{bottom:1rem}.bottom-\[12\%\]{bottom:12%}.right-4{right:1rem}.right-5{right:1.25rem}.right-\[3\.75rem\]{right:3.75rem}.top-4{top:1rem}.z-40{z-index:40}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.mb-10{margin-bottom:2.5rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-14{margin-top:3.5rem}.mt-2{margin-top:.5rem}.mt-20{margin-top:5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.aspect-\[4\/5\]{aspect-ratio:4/5}.aspect-video{aspect-ratio:16/9}.h-1\.5{height:.375rem}.h-14{height:3.5rem}.h-24{height:6rem}.h-4{height:1rem}.h-7{height:1.75rem}.h-9{height:2.25rem}.h-\[1\.05rem\]{height:1.05rem}.h-\[1\.1rem\]{height:1.1rem}.h-\[12\.5rem\]{height:12.5rem}.h-auto{height:auto}.h-full{height:100%}.max-h-\[calc\(100dvh-8rem\)\]{max-height:calc(100dvh - 8rem)}.max-h-\[min\(40rem\,calc\(100dvh-5\.5rem\)\)\]{max-height:min(40rem,100dvh - 5.5rem)}.min-h-0{min-height:0}.min-h-\[9\.5rem\]{min-height:9.5rem}.min-h-screen{min-height:100vh}.w-24{width:6rem}.w-4{width:1rem}.w-7{width:1.75rem}.w-9{width:2.25rem}.w-\[1\.05rem\]{width:1.05rem}.w-\[1\.1rem\]{width:1.1rem}.w-\[4\.75rem\]{width:4.75rem}.w-\[7\.75rem\]{width:7.75rem}.w-\[min\(21rem\,calc\(100vw-2rem\)\)\]{width:min(21rem,100vw - 2rem)}.w-auto{width:auto}.w-full{width:100%}.min-w-0{min-width:0}.max-w-\[56rem\]{max-width:56rem}.max-w-\[78rem\]{max-width:78rem}.max-w-full{max-width:100%}.flex-1{flex:1}.shrink-0{flex-shrink:0}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;user-select:none}.resize{resize:both}.list-disc{list-style-type:disc}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[6\.5rem_1fr_3\.75rem\]{grid-template-columns:6.5rem 1fr 3.75rem}.grid-cols-\[7rem_1fr\]{grid-template-columns:7rem 1fr}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-x-3{column-gap:.75rem}.gap-x-5{column-gap:1.25rem}.gap-y-0\.5{row-gap:.125rem}.gap-y-1{row-gap:.25rem}.gap-y-12{row-gap:3rem}.gap-y-8{row-gap:2rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(3rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.whitespace-nowrap{white-space:nowrap}.text-balance{text-wrap:balance}.break-words{overflow-wrap:break-word}.rounded-full{border-radius:9999px}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-r-\[3px\]{border-top-right-radius:3px;border-bottom-right-radius:3px}.rounded-t-\[2px\]{border-top-left-radius:2px;border-top-right-radius:2px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-border{border-color:hsl(var(--border))}.bg-background{background-color:hsl(var(--background))}.bg-background\/90{background-color:hsl(var(--background) / .9)}.bg-background\/95{background-color:hsl(var(--background) / .95)}.bg-foreground\/45{background-color:hsl(var(--foreground) / .45)}.bg-secondary{background-color:hsl(var(--secondary))}.bg-secondary\/30{background-color:hsl(var(--secondary) / .3)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-4{padding:1rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pb-20{padding-bottom:5rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pl-5{padding-left:1.25rem}.pr-4{padding-right:1rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.text-\[0\.8125rem\]{font-size:.8125rem}.text-\[0\.9375rem\]{font-size:.9375rem}.text-\[1\.375rem\]{font-size:1.375rem}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-normal{font-weight:400}.font-semibold{font-weight:600}.lowercase{text-transform:lowercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-\[1\.3\]{line-height:1.3}.tracking-\[-0\.019em\]{letter-spacing:-.019em}.text-body{color:hsl(var(--body))}.text-foreground{color:hsl(var(--foreground))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.outline-none{outline-offset:2px;outline:2px solid #0000}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.ring-foreground\/10{--tw-ring-color:hsl(var(--foreground) / .1)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-\[color\,transform\]{transition-property:color,transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\]{transition-timing-function:cubic-bezier(.22,1,.36,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:0 0% 99%;--foreground:220 12% 10%;--body:216 10% 30%;--highlight:163 94% 24%;--card:220 14% 97.5%;--secondary:220 10% 95%;--muted-foreground:216 8% 43%;--border:220 9% 90%;--ring:216 12% 30%;--radius:.375rem}.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:220 7% 7%;--foreground:220 10% 94%;--body:220 8% 73%;--highlight:158 64% 52%;--card:220 7% 10%;--secondary:220 6% 14%;--muted-foreground:220 6% 62%;--border:220 6% 17%;--ring:220 10% 80%}html{background-color:hsl(var(--background));color:hsl(var(--body));-webkit-text-size-adjust:100%;scrollbar-gutter:stable;overflow-y:scroll}*{border-color:hsl(var(--border))}body{min-height:100vh;font-family:var(--font-sans);letter-spacing:0;text-rendering:optimizelegibility;background-color:hsl(var(--background));color:hsl(var(--body));font-size:1rem;line-height:1.75}h1,h2,h3,h4,h5,h6{letter-spacing:-.011em;color:hsl(var(--foreground));font-family:inherit;font-weight:600}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background-color:#0000}::-webkit-scrollbar-thumb{background-color:hsl(var(--border));border-radius:9999px}::-webkit-scrollbar-thumb:hover{background-color:hsl(var(--muted-foreground))}::selection{background:hsl(var(--highlight) / .24);color:hsl(var(--foreground))}mark{background:hsl(var(--highlight) / .16);color:hsl(var(--foreground));border-radius:2px;padding:.05em .2em}.link,.visual-guide-copy a,.visual-guide-list a,.visual-guide-callout a,.visual-guide-references a{--ease-out-soft:cubic-bezier(.22, 1, .36, 1);color:hsl(var(--foreground) / .88);background-image:linear-gradient(hsl(var(--highlight)), hsl(var(--highlight))), linear-gradient(hsl(var(--foreground) / .28), hsl(var(--foreground) / .28));transition:background-size .42s var(--ease-out-soft), color .24s ease;background-position:0 100%;background-repeat:no-repeat;background-size:0% 1px,100% 1px;border-radius:2px;padding-bottom:1px;text-decoration:none}.link:hover,.visual-guide-copy a:hover,.visual-guide-list a:hover,.visual-guide-callout a:hover,.visual-guide-references a:hover{color:hsl(var(--foreground));background-size:100% 1px,100% 1px}.link:focus-visible,.visual-guide-copy a:focus-visible,.visual-guide-list a:focus-visible,.visual-guide-callout a:focus-visible,.visual-guide-references a:focus-visible{outline:2px solid hsl(var(--highlight));outline-offset:3px}.ext-arrow{color:hsl(var(--muted-foreground));margin-left:.25rem;transition:transform .32s cubic-bezier(.22,1,.36,1),color .24s;display:inline-block}.link:hover+.ext-arrow{color:hsl(var(--highlight));transform:translate(2px,-2px)}.link .nudge-left,.link .nudge-right{transition:transform .32s cubic-bezier(.22,1,.36,1);display:inline-block}.link:hover .nudge-left{transform:translate(-3px)}.link:hover .nudge-right{transform:translate(3px)}@media (prefers-reduced-motion:reduce){.link,.ext-arrow,.link .nudge-left,.link .nudge-right{transition:none}.link:hover+.ext-arrow,.link:hover .nudge-left,.link:hover .nudge-right{transform:none}}.serif-italic{font-family:var(--font-serif);font-style:italic}span.serif-italic,em.serif-italic{line-height:1}.page-shell{width:100%;padding-bottom:4rem}.page-shell--narrative{max-width:42rem}.page-shell--wide{max-width:none}.page-measure{max-width:42rem}.page-title{letter-spacing:-.011em;color:hsl(var(--foreground));font-size:1rem;font-weight:600;line-height:1.75}.page-intro{max-width:42rem}.page-section-title{color:hsl(var(--foreground));font-size:1rem;font-weight:600;line-height:1.75}.section-label{letter-spacing:0;color:hsl(var(--muted-foreground));font-size:.875rem;font-weight:400;line-height:1.25rem}.editorial-copy{line-height:1.75}.editorial-copy p+p,.editorial-copy li+li{margin-top:1.75rem}.editorial-copy strong{color:hsl(var(--foreground));font-weight:600}.leader-row{align-items:last baseline;gap:.75rem;display:flex}.leader-row__dots{background-image:radial-gradient(circle, hsl(var(--foreground) / .3) .75px, transparent 1px);background-position:0 100%;background-repeat:repeat-x;background-size:7px 2px;flex:1.5rem;min-width:1.5rem;height:.5em}.leader-row__meta{font-variant-numeric:tabular-nums;color:hsl(var(--muted-foreground));flex-shrink:0}.pixel-eq{flex-shrink:0;align-items:flex-end;gap:1px;height:19px;display:inline-flex}.pixel-eq>span{background-image:linear-gradient(to top, hsl(var(--highlight)) 4px, transparent 4px);clip-path:inset(15px 0 0);background-position:0 100%;background-size:4px 5px;width:4px;height:19px}.pixel-eq.is-playing>span{animation:1.2s step-end infinite pixel-eq}.pixel-eq.is-playing>span:nth-child(2){animation-duration:.9s;animation-delay:-.3s}.pixel-eq.is-playing>span:nth-child(3){animation-duration:1.5s;animation-delay:-.7s}.pixel-eq.is-playing>span:nth-child(4){animation-duration:1.05s;animation-delay:-.5s}.pixel-eq.is-playing>span:nth-child(5){animation-duration:1.35s;animation-delay:-.9s}@keyframes pixel-eq{0%{clip-path:inset(10px 0 0)}17%{clip-path:inset(0)}33%{clip-path:inset(5px 0 0)}50%{clip-path:inset(15px 0 0)}67%{clip-path:inset(5px 0 0)}83%{clip-path:inset(10px 0 0)}to{clip-path:inset(10px 0 0)}}.pixel-progress{flex:0 auto;gap:1px;min-width:0;display:inline-flex;overflow:hidden}.pixel-progress>span{background:hsl(var(--foreground) / .16);flex-shrink:0;width:4px;height:4px}.pixel-progress>span.is-lit{background:hsl(var(--highlight))}@media (prefers-reduced-motion:reduce){.pixel-eq.is-playing>span{clip-path:inset(5px 0 0);animation:none}}.visual-guide-shell{min-width:0;margin-top:3.5rem;position:relative;container-type:inline-size}.visual-guide-document{min-width:0;max-width:42rem}.visual-guide-progress{z-index:60;pointer-events:none;height:2px;position:fixed;inset:0 0 auto}.visual-guide-progress span{background:hsl(var(--highlight));height:100%;transition:width .15s ease-out;display:block}.visual-guide-overview,.visual-guide-section{scroll-margin-top:2rem}.visual-guide-overview:focus,.visual-guide-section:focus{outline:none}.visual-guide-overview:focus>h2,.visual-guide-section:focus>header>h2{text-decoration:underline;-webkit-text-decoration-color:hsl(var(--highlight));text-decoration-color:hsl(var(--highlight));text-underline-offset:.18em;text-decoration-thickness:2px}.visual-guide-overview h2{letter-spacing:0;color:hsl(var(--muted-foreground));font-size:.875rem;font-weight:400;line-height:1.25rem}.visual-guide-overview p{color:hsl(var(--foreground) / .88);margin-top:.75rem}.visual-guide-section{margin-top:4.5rem}.visual-guide-section h2{letter-spacing:-.017em;text-wrap:balance;align-items:baseline;gap:.75rem;font-size:1.25rem;font-weight:600;line-height:1.3;display:flex}.visual-guide-section h2>span[aria-hidden]{letter-spacing:0;font-variant-numeric:tabular-nums;color:hsl(var(--muted-foreground));flex-shrink:0;font-size:.875rem;font-weight:400}.visual-guide-section__body,.visual-guide-section__body>*+*{margin-top:1.25rem}.visual-guide-copy strong,.visual-guide-list strong,.visual-guide-callout strong{color:hsl(var(--foreground));font-weight:600}.visual-guide-copy code,.visual-guide-list code,.visual-guide-callout code{background:hsl(var(--secondary));color:hsl(var(--foreground));border-radius:3px;padding:.1em .3em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85em}.visual-guide-list{gap:.5rem;padding-left:1.25rem;list-style:outside;display:grid}.visual-guide-list--ordered{list-style:decimal}.visual-guide-list li{padding-left:.25rem}.visual-guide-list li::marker{color:hsl(var(--muted-foreground));font-variant-numeric:tabular-nums}.visual-guide-callout{border-left:2px solid hsl(var(--highlight));background:hsl(var(--highlight) / .08);color:hsl(var(--foreground) / .82);border-radius:0 .375rem .375rem 0;padding:.85rem 1.1rem .95rem}.visual-guide-callout__label{color:hsl(var(--foreground));font-weight:600}.visual-guide-code{border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:.375rem;position:relative;overflow:hidden}.visual-guide-code pre{max-width:100%;color:hsl(var(--foreground) / .88);tab-size:2;padding:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8125rem;line-height:1.65;overflow-x:auto}.visual-guide-code__copy{z-index:1;background:hsl(var(--card));min-height:1.75rem;color:hsl(var(--muted-foreground));border-radius:.25rem;padding:0 .5rem;font-size:.8125rem;transition:color .24s;position:absolute;top:.5rem;right:.5rem}.visual-guide-code__copy:hover,.visual-guide-code__copy[data-copied]{color:hsl(var(--highlight))}.visual-guide-code__copy:focus-visible{outline:2px solid hsl(var(--highlight));outline-offset:1px}.visual-guide-code pre:focus-visible{outline:2px solid hsl(var(--highlight));outline-offset:-2px}.syntax-token--comment{color:hsl(var(--muted-foreground));font-style:italic}.syntax-token--keyword{color:hsl(var(--foreground));font-weight:600}.syntax-token--string,.syntax-token--number,.syntax-token--constant{color:hsl(var(--foreground) / .7)}.syntax-token--type,.syntax-token--function{color:hsl(var(--foreground))}.syntax-token--operator{color:hsl(var(--muted-foreground))}.visual-guide-figure{width:max-content;min-width:100%;max-width:min(58rem,100cqw);margin-block:2rem}.visual-guide-figure>figcaption{max-width:42rem}.visual-guide-figure__canvas{border:1px solid hsl(var(--border));border-radius:.375rem;max-width:100%;padding:clamp(.75rem,3vw,1.25rem);position:relative;overflow-x:auto}.visual-guide-figure__canvas:focus-visible,.visual-guide-figure__dialog-canvas:focus-visible{outline:2px solid hsl(var(--highlight));outline-offset:-2px}.visual-guide-figure__expand{z-index:2;background:hsl(var(--background) / .9);width:2rem;height:2rem;color:hsl(var(--muted-foreground));border-radius:.375rem;justify-content:center;align-items:center;transition:color .15s;display:inline-flex;position:absolute;top:.5rem;right:.5rem}.visual-guide-figure__expand:hover{color:hsl(var(--foreground))}.visual-guide-figure__expand:focus-visible{outline:2px solid hsl(var(--highlight));outline-offset:2px}.visual-guide-figure__expand svg{width:.95rem;height:.95rem}.visual-guide-figure__svg{max-width:100%;margin-inline:auto}html:not(.dark) .visual-guide-figure__svg[data-diagram-theme=dark],.dark .visual-guide-figure__svg[data-diagram-theme=light]{display:none}.visual-guide-figure__svg svg{display:block;width:100%!important;max-width:100%!important;height:auto!important}.visual-guide-figure__svg .emph>rect,.visual-guide-figure__svg .emph>polygon,.visual-guide-figure__svg .emph>path,.visual-guide-figure__dialog-svg .emph>rect,.visual-guide-figure__dialog-svg .emph>polygon,.visual-guide-figure__dialog-svg .emph>path{stroke:hsl(var(--highlight))!important;stroke-width:1.5px!important}.visual-guide-figure__placeholder{min-height:clamp(13rem,34vw,21rem)}.visual-guide-figure__dialog{border:1px solid hsl(var(--border));background:hsl(var(--background));width:min(94vw,76rem);max-width:none;height:fit-content;max-height:92dvh;color:hsl(var(--body));border-radius:.5rem;padding:0;overflow:hidden}.visual-guide-figure__dialog[open]{flex-direction:column;animation:.26s cubic-bezier(.22,1,.36,1) dialog-in;display:flex}.visual-guide-figure__dialog::backdrop{background:hsl(var(--background) / .82);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)scale(.985)}}.visual-guide-figure__dialog>header{justify-content:space-between;align-items:baseline;gap:1.5rem;padding:1.1rem 1.5rem 0;display:flex}.visual-guide-figure__dialog>header h2{font-size:1rem;font-weight:600}.visual-guide-figure__dialog>header button{min-height:1.75rem;color:hsl(var(--muted-foreground));border-radius:2px;flex:none;transition:color .24s}.visual-guide-figure__dialog>header button:hover{color:hsl(var(--foreground))}.visual-guide-figure__dialog>header button:focus-visible{color:hsl(var(--foreground));text-decoration:underline;-webkit-text-decoration-color:hsl(var(--highlight));text-decoration-color:hsl(var(--highlight));text-underline-offset:.25em;outline:none;text-decoration-thickness:2px}.visual-guide-figure__dialog-canvas{flex:auto;min-height:0;padding:1.5rem;display:grid;overflow:auto}.visual-guide-figure__dialog-svg{max-width:100%;margin:auto}.visual-guide-figure__dialog-svg svg{display:block;width:100%!important;max-width:100%!important;height:auto!important}.visual-guide-figure__dialog>p{max-width:46rem;color:hsl(var(--muted-foreground));padding:.75rem 1.5rem 1.25rem;font-size:.875rem;line-height:1.5}@media (prefers-reduced-motion:reduce){.visual-guide-figure__dialog[open]{animation:none}}.visual-guide-figure__fallback{max-width:36rem}.js .visual-guide-figure__fallback:not([data-failed]){min-height:16rem}.js .visual-guide-figure__fallback:not([data-failed])>*{visibility:hidden}.visual-guide-figure__fallback>p{color:hsl(var(--muted-foreground));font-size:.875rem}.visual-guide-figure__fallback ol{gap:.35rem;margin-top:.5rem;padding-left:1.25rem;font-size:.875rem;line-height:1.55;list-style:decimal;display:grid}.visual-guide-figure>figcaption{color:hsl(var(--muted-foreground));margin-top:.6rem;font-size:.875rem;line-height:1.5}.visual-guide-figure>figcaption strong{color:hsl(var(--foreground) / .88);font-weight:500}.visual-guide-details summary{cursor:pointer;width:fit-content;min-height:2rem;color:hsl(var(--foreground) / .88);align-items:center;gap:.5rem;list-style:none;display:flex}.visual-guide-details summary::-webkit-details-marker{display:none}.visual-guide-details summary:before{content:"+";width:.75rem;color:hsl(var(--muted-foreground))}.visual-guide-details[open] summary:before{content:"−"}.visual-guide-details summary:focus-visible{outline:2px solid hsl(var(--highlight));outline-offset:2px}.visual-guide-details>div{padding:.25rem 0 0 1.25rem}.visual-guide-details>div>*+*{margin-top:1rem}.visual-guide-references ol{gap:.9rem;margin-top:1.25rem;display:grid}.visual-guide-references li>p{color:hsl(var(--muted-foreground));font-size:.875rem;line-height:1.5}@media (prefers-reduced-motion:reduce){.visual-guide-progress span{transition:none}}@media print{.visual-guide-progress{display:none!important}.visual-guide-shell{margin-top:1rem;display:block}.visual-guide-overview,.visual-guide-figure,.visual-guide-code{break-inside:avoid}}[data-site]{transition:opacity .45s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1),filter .45s cubic-bezier(.22,1,.36,1)}html.yolo{overflow:hidden}html.yolo [data-site]{opacity:0;filter:blur(6px);pointer-events:none;transform:scale(.98)}.yolo-stage{animation:.3s ease-out yolo-stage-in}@keyframes yolo-stage-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){[data-site],.yolo-stage{transition:none;animation:none}}.marker\:text-muted-foreground ::marker{color:hsl(var(--muted-foreground))}.marker\:text-muted-foreground::marker{color:hsl(var(--muted-foreground))}.hover\:-translate-y-1\.5:hover{--tw-translate-y:-.375rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:rotate-45:hover{--tw-rotate:45deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:text-foreground:hover{color:hsl(var(--foreground))}.focus\:not-sr-only:focus{clip:auto;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.focus\:fixed:focus{position:fixed}.focus\:left-5:focus{left:1.25rem}.focus\:top-5:focus{top:1.25rem}.focus-visible\:outline-none:focus-visible{outline-offset:2px;outline:2px solid #0000}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-ring\/70:focus-visible{--tw-ring-color:hsl(var(--ring) / .7)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.focus-visible\:ring-offset-4:focus-visible{--tw-ring-offset-width:4px}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:hsl(var(--background))}.group:hover .group-hover\:scale-\[1\.04\]{--tw-scale-x:1.04;--tw-scale-y:1.04;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.aria-expanded\:text-foreground[aria-expanded=true]{color:hsl(var(--foreground))}@media (prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}.motion-reduce\:hover\:translate-y-0:hover{--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.motion-reduce\:hover\:rotate-0:hover{--tw-rotate:0deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .motion-reduce\:group-hover\:scale-100{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.dark\:block:is(.dark *){display:block}.dark\:hidden:is(.dark *){display:none}@media (min-width:640px){.sm\:grid{display:grid}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-\[13rem_minmax\(0\,1fr\)\]{grid-template-columns:13rem minmax(0,1fr)}.sm\:gap-x-4{column-gap:1rem}.sm\:gap-x-6{column-gap:1.5rem}.sm\:space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem * var(--tw-space-y-reverse))}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:pb-8{padding-bottom:2rem}.sm\:pr-6{padding-right:1.5rem}.sm\:pt-5{padding-top:1.25rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}}@media (min-width:768px){.md\:p-8{padding:2rem}}@media (min-width:1024px){.lg\:sticky{position:sticky}.lg\:top-14{top:3.5rem}.lg\:mb-0{margin-bottom:0}.lg\:ml-0{margin-left:0}.lg\:ml-10{margin-left:2.5rem}.lg\:mt-6{margin-top:1.5rem}.lg\:w-28{width:7rem}.lg\:shrink-0{flex-shrink:0}.lg\:flex-row{flex-direction:row}.lg\:flex-col{flex-direction:column}.lg\:flex-nowrap{flex-wrap:nowrap}.lg\:items-end{align-items:flex-end}.lg\:gap-0{gap:0}.lg\:self-start{align-self:flex-start}.lg\:border-b-0{border-bottom-width:0}.lg\:border-l{border-left-width:1px}.lg\:border-border{border-color:hsl(var(--border))}.lg\:px-12{padding-left:3rem;padding-right:3rem}.lg\:pb-0{padding-bottom:0}.lg\:pb-20{padding-bottom:5rem}.lg\:pl-14{padding-left:3.5rem}.lg\:pt-14{padding-top:3.5rem}}