/*! tailwindcss v4.3.3 | 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)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:"MonoLisa", ui-monospace, SFMono-Regular, Menlo, monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-pixel:Silkscreen, ui-monospace, monospace;--color-night:oklch(15% .05 292);--color-dusk:oklch(21% .08 300);--color-plum:oklch(30% .12 310);--color-ink:oklch(95% .02 300);--color-dim:oklch(78% .05 300);--color-pink:oklch(70% .3 350);--color-cyan:oklch(86% .17 200);--color-sun:oklch(90% .19 95);--color-orange:oklch(74% .21 45);--color-good:oklch(85% .22 145);--color-bad:oklch(70% .25 25)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);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}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--header:3rem;scroll-padding-top:var(--header);background:var(--color-night);color:var(--color-ink)}body{background:var(--color-night);font:1rem/1.6 ui-sans-serif,system-ui,sans-serif}:where(p,li,figcaption) code{font-family:var(--font-mono);color:var(--color-cyan);white-space:nowrap;font-size:.88em}a{color:var(--color-cyan);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px}a:hover{color:var(--color-sun)}:focus-visible{outline:3px solid var(--color-sun);outline-offset:2px}pre{font-family:var(--font-mono)}mark{color:var(--color-night);background:var(--color-sun)}}@layer components{.skip{z-index:50;background:var(--color-sun);color:var(--color-night);font-family:var(--font-pixel);padding:.5rem 1rem;position:absolute;top:-4rem;left:1rem}.skip:focus{top:.5rem}.topbar{z-index:30;height:var(--header);padding-inline:max(1rem, env(safe-area-inset-left));background:#0c061ee0;align-items:stretch;gap:1.5rem;display:flex;position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.topbar{background:color-mix(in oklch, var(--color-night) 88%, transparent)}}.topbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:2px solid var(--color-plum)}.wordmark{font:700 .95rem/1 var(--font-pixel);color:var(--color-sun);text-shadow:2px 2px 0 var(--color-pink);white-space:nowrap;align-self:center;text-decoration:none;display:none}@media (width>=40rem){.wordmark{display:block}}.steps{gap:.75rem;height:100%;display:flex}.steps li{flex:1}.steps a{border-top:4px solid var(--color-plum);height:100%;font:700 .8rem/1.1 var(--font-pixel);color:var(--color-dim);flex-direction:column;justify-content:center;text-decoration:none;display:flex}.steps a span{color:var(--color-dim);font-size:.6rem;font-weight:400}.steps a.is-done{border-color:var(--color-cyan);color:var(--color-ink)}.steps a[aria-current]{border-color:var(--color-pink);color:var(--color-sun)}.steps a[aria-current] span{color:var(--color-pink)}.hero{isolation:isolate;min-height:min(calc(100svh - var(--header)), 50rem);flex-direction:column;padding:2.5rem 1rem 0;display:flex;position:relative;overflow:hidden}.sky{z-index:-1;background:linear-gradient(var(--color-night) 15%, var(--color-dusk) 45%, oklch(42% .2 340) 64%, var(--color-night) 64.2%);position:absolute;inset:0}.sun{width:min(56vw,17rem);position:absolute;bottom:36%;left:50%;translate:-50% 42%}.sun .sun-row{fill:oklch(90% .19 95)}@supports (color:color-mix(in lab, red, red)){.sun .sun-row{fill:color-mix(in oklch, var(--color-sun), var(--color-pink) calc(var(--y) * 3.2%))}}@supports (animation-timeline:scroll()){.sun{animation:linear both sunset;animation-timeline:scroll(root);animation-range:0 80svh}}.hills{fill:oklch(20% .09 300);width:100%;height:9%;position:absolute;bottom:36%;left:0;right:0}.floor{transform-origin:top;background:linear-gradient(var(--color-pink) 3px, transparent 3px) 0 0 / 100% 2.5rem, linear-gradient(90deg, var(--color-pink) 3px, transparent 3px) 50% 0 / 2.5rem 100%, var(--color-night);height:36%;animation:.8s linear infinite floor;position:absolute;bottom:0;left:-50%;right:-50%;transform:perspective(14rem)rotateX(58deg)}.hero-text{text-align:center;max-width:44rem;margin-inline:auto}.kicker{font:400 .75rem/1.2 var(--font-pixel);letter-spacing:.08em;color:var(--color-pink);text-transform:uppercase}.title{font:700 clamp(2rem, 9vw, 4.25rem)/1.05 var(--font-pixel);color:var(--color-sun);text-shadow:3px 3px 0 var(--color-pink), -2px -2px 0 var(--color-cyan);text-wrap:balance;margin-top:.75rem}.lead{color:var(--color-ink);text-wrap:pretty;text-shadow:0 1px 6px var(--color-night);margin-top:1.25rem;font-size:1.05rem}.hero-builder{position:absolute;bottom:12%;left:50%;translate:-50%}.hero-builder .hero-sprite{width:84px;height:96px}.story{border-top:2px solid var(--color-plum);--card-room:40svh;grid-template-columns:minmax(0,1fr);display:grid;position:relative}.stage,.scenes{grid-area:1/1}.stage{top:var(--header);height:calc(100svh - var(--header));padding:.75rem 1rem var(--card-room);background:linear-gradient(90deg, #40145959 1px, transparent 1px) 0 0 / 24px 24px, linear-gradient(#40145959 1px, transparent 1px) 0 0 / 24px 24px, var(--color-night);flex-direction:column;align-self:start;gap:.5rem;display:flex;position:sticky}@supports (color:color-mix(in lab, red, red)){.stage{background:linear-gradient(90deg, color-mix(in oklch, var(--color-plum) 35%, transparent) 1px, transparent 1px) 0 0 / 24px 24px, linear-gradient(color-mix(in oklch, var(--color-plum) 35%, transparent) 1px, transparent 1px) 0 0 / 24px 24px, var(--color-night)}}.panel{border:2px solid var(--color-plum);background:var(--color-dusk)}.panel-label{font:400 .6rem/1.2 var(--font-pixel);color:var(--color-pink);text-transform:uppercase;padding:.2rem .6rem 0}.code-line{padding:.2rem .6rem .4rem;font-size:.8rem;line-height:1.45;overflow-x:auto}.tree-wrap{flex:1;min-height:0;position:relative}.tree-wrap svg{width:100%;height:100%}.json{border:2px solid var(--color-sun);background:var(--color-night);max-width:100%;box-shadow:4px 4px 0 var(--color-pink);padding:.5rem .75rem;font-size:.75rem;line-height:1.5;position:absolute;bottom:0;right:0;overflow-x:auto}.status{min-height:2.6em;font:.75rem/1.3 var(--font-mono);color:var(--color-dim)}.verb{min-width:4.5em;font:700 .65rem/1.2 var(--font-pixel);text-align:center;text-transform:uppercase;color:var(--color-night);background:var(--color-cyan);margin-right:.35rem;padding:.1rem .35rem;display:inline-block}.verb[data-verb=rule]{background:var(--color-sun)}.verb[data-verb=write]{background:var(--color-pink)}.verb[data-verb=leave]{background:var(--color-dim)}@media not all and (width>=64rem){.story[data-scene=print] .stage>.panel:first-child{display:none}}.scenes{z-index:2;pointer-events:none;position:relative}.scene{min-height:calc(var(--frames,1) * 9svh + 70svh);flex-direction:column;justify-content:flex-end;padding-inline:1rem;display:flex}.card{bottom:max(.75rem, env(safe-area-inset-bottom));max-height:calc(var(--card-room) - 1.25rem);border:2px solid var(--color-pink);background:#0c061ef0;padding:.9rem 1rem;position:sticky;overflow-y:auto}@supports (color:color-mix(in lab, red, red)){.card{background:color-mix(in oklch, var(--color-night) 94%, transparent)}}.card{box-shadow:4px 4px 0 var(--color-plum);pointer-events:auto;font-size:.95rem;line-height:1.55}.card h2{font:700 1.1rem/1.2 var(--font-pixel);color:var(--color-sun);margin-bottom:.4rem}.card p+p{margin-top:.5rem}.step-number{font:400 .65rem/1.2 var(--font-pixel);color:var(--color-pink);text-transform:uppercase;margin-bottom:.3rem}.note{color:var(--color-dim);font-size:.85rem}.rules{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;list-style:none;display:flex}.rules li{border:2px solid var(--color-sun);counter-increment:rule;padding:.15rem .5rem}.rules li:before{content:"Rule " counter(rule) ": ";font:400 .65rem var(--font-pixel);color:var(--color-sun)}.snippet{background:var(--color-dusk);border-left:4px solid var(--color-sun);margin-top:.6rem;padding:.5rem .75rem;font-size:.72rem;line-height:1.5;overflow-x:auto}@media (width>=64rem){.story{--card-room:1rem;grid-template-columns:minmax(0,2fr) minmax(0,3fr)}.scenes{grid-area:1/1}.stage{border-left:2px solid var(--color-plum);grid-area:1/2;padding:1.25rem 1.5rem 1rem}.scene{min-height:calc(var(--frames,1) * 8svh + 60svh);justify-content:flex-start;padding:0 2rem}.card{top:calc(var(--header) + 28svh);max-height:none;font-size:1rem;bottom:auto}.card h2{font-size:1.35rem}.code-line{font-size:.95rem}.status{min-height:1.4em;font-size:.85rem}}#tree{font-family:var(--font-mono);overflow:visible}#tree .edge{fill:none;stroke:var(--color-cyan);stroke-width:2px;opacity:.55;shape-rendering:crispedges}#tree .node{cursor:default;outline:none}#tree .box{fill:var(--color-dusk);stroke:var(--color-cyan);stroke-width:2px;shape-rendering:crispedges}#tree .type{fill:var(--color-ink);font-size:11px}#tree .label{fill:var(--color-sun);font-size:14px;font-weight:700}#tree .key{fill:var(--color-pink);font-size:10px}#tree[data-mode=list] .label{font-size:11px}#tree .node:hover .box,#tree .node:focus-visible .box{stroke:var(--color-sun)}#tree .is-at .box{stroke:var(--color-pink);stroke-width:3px;fill:var(--color-plum)}#tree .is-changed .box{animation:.9s steps(6,end) both flash}#tree .is-new{animation:.4s steps(4,end) both pop}:is(.sprite,.walker) .px-Y{fill:var(--color-sun)}:is(.sprite,.walker) .px-H{fill:oklch(78% .17 75)}:is(.sprite,.walker) .px-S{fill:oklch(82% .08 60)}:is(.sprite,.walker) .px-E{fill:oklch(20% .03 290)}:is(.sprite,.walker) .px-V{fill:var(--color-orange)}:is(.sprite,.walker) .px-W{fill:oklch(97% .01 100)}:is(.sprite,.walker) .px-B{fill:oklch(55% .17 260)}:is(.sprite,.walker) .px-K{fill:oklch(32% .04 50)}:is(.sprite,.walker) .px-R{fill:var(--color-pink)}:is(.sprite,.walker) .px-P{fill:oklch(97% .01 100)}:is(.sprite,.walker) .px-X{fill:var(--color-sun)}.section{border-top:2px solid var(--color-plum);max-width:72rem;margin-inline:auto;padding:4rem 1rem}@media (width>=64rem){.section{padding-inline:2rem}}.section-title{font:700 clamp(1.6rem, 6vw, 2.75rem)/1.1 var(--font-pixel);color:var(--color-sun);text-shadow:3px 3px 0 var(--color-pink);margin-top:.5rem}.prose{max-width:44rem;color:var(--color-ink);margin-top:1.25rem}.prose p+p,.prose p+ol,.prose ol+p{margin-top:1rem}.versus{gap:1rem;margin-block:2rem;display:grid}@media (width>=64rem){.versus{grid-template-columns:repeat(3,minmax(0,1fr))}}.result-card{border:2px solid var(--color-plum);background:var(--color-dusk);flex-direction:column;min-width:0;display:flex}.result-card figcaption{font:400 .7rem/1.3 var(--font-pixel);color:var(--color-pink);text-transform:uppercase;border-bottom:2px solid var(--color-plum);padding:.4rem .75rem}.result-card pre{flex:1;padding:.75rem;font-size:.78rem;line-height:1.5;overflow-x:auto}.verdict{color:var(--color-night);padding:.5rem .75rem;font-weight:600}.verdict code{color:inherit}.verdict.is-good{background:var(--color-good)}.verdict.is-bad{background:var(--color-bad)}.rule-steps{counter-reset:step;list-style:none}.rule-steps li{counter-increment:step;padding:.35rem 0 .35rem 2.5rem;position:relative}.rule-steps li:before{content:counter(step);width:1.75rem;font:700 .8rem/1.6rem var(--font-pixel);text-align:center;color:var(--color-night);background:var(--color-cyan);position:absolute;top:.35rem;left:0}.rule-steps li.is-added:before{background:var(--color-sun)}.rule-steps li.is-added:after{content:"new";font:400 .6rem var(--font-pixel);color:var(--color-sun);text-transform:uppercase;margin-left:.5rem}.not-llm{border:2px solid var(--color-sun);max-width:44rem;box-shadow:6px 6px 0 var(--color-pink);background:var(--color-dusk);margin-top:2.5rem;padding:1.25rem}.not-llm pre{color:var(--color-bad);background:var(--color-night);margin-top:.75rem;padding:.6rem .75rem;font-size:.78rem;overflow-x:auto}.not-llm-title{font:700 clamp(1.4rem, 5vw, 2rem)/1.1 var(--font-pixel);color:var(--color-sun);margin-bottom:.5rem}.check{color:var(--color-dim);margin-top:2rem}.files{gap:.5rem;margin-top:1.5rem;display:grid}.file{border:2px solid var(--color-plum);background:var(--color-dusk)}.file summary{font:.85rem var(--font-mono);cursor:pointer;justify-content:space-between;gap:1rem;padding:.6rem .75rem;display:flex}.file summary::marker{color:var(--color-pink)}.file[open] summary{border-bottom:2px solid var(--color-plum)}.file pre{tab-size:2;max-height:32rem;padding:.75rem;font-size:.75rem;line-height:1.5;overflow:auto}.file-name{color:var(--color-cyan);overflow-wrap:anywhere;min-width:0}.file-lines{color:var(--color-dim);white-space:nowrap}.run-steps{counter-reset:run;gap:1.25rem;max-width:44rem;margin-top:1.5rem;list-style:none;display:grid}.run-steps li{counter-increment:run;min-width:0}.run-steps p:before{content:counter(run) ". ";font-family:var(--font-pixel);color:var(--color-pink)}.run-steps pre{background:var(--color-dusk);border-left:4px solid var(--color-cyan);margin-top:.5rem;padding:.75rem;font-size:.8rem;overflow-x:auto}.footer{max-width:72rem;padding:2rem 1rem max(3rem, env(safe-area-inset-bottom));border-top:2px solid var(--color-plum);color:var(--color-dim);margin-inline:auto;font-size:.875rem}.footer p+p{margin-top:.75rem}@media (width>=64rem){.footer{padding-inline:2rem}}}@layer utilities{.visible{visibility:visible}.grid{display:grid}.hidden{display:none}.flex-1{flex:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.blur{--tw-blur:blur(8px);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,)}}@font-face{font-family:Silkscreen;src:url(/fonts/Silkscreen-Regular-latin.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Silkscreen;src:url(/fonts/Silkscreen-Bold-latin.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:MonoLisa;src:url(/fonts/MonoLisa-Normal.ttf)format("truetype");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:MonoLisa;src:url(/fonts/MonoLisa-Italic.ttf)format("truetype");font-style:italic;font-weight:100 900;font-display:swap}@keyframes floor{to{background-position:0 2.5rem,50% 0,0 0}}@keyframes sunset{to{translate:-50% 85%}}@keyframes flash{0%,33%,66%{fill:var(--color-sun)}16%,50%,to{fill:var(--color-plum)}}@keyframes pop{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.floor,.sun,#tree .is-changed .box,#tree .is-new{animation:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}