@layer components{.code-block{--code-foreground:var(--color-ink);--code-token-keyword:var(--lightningcss-light,#3f5a22)var(--lightningcss-dark,#9cc0e0);--code-token-string:var(--lightningcss-light,#6b5c14)var(--lightningcss-dark,#cdd48a);--code-token-string-expression:var(--code-token-string);--code-token-constant:var(--lightningcss-light,#8a4a24)var(--lightningcss-dark,#e0aa80);--code-token-function:var(--color-ink);--code-token-parameter:var(--color-ink);--code-token-link:var(--code-token-string);--code-token-punctuation:var(--color-ink-soft);--code-token-comment:var(--color-ink-soft);border-radius:var(--card-radius);background:var(--color-paper-raised);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-ink) 6%, transparent)}.code-block figcaption{color:var(--color-ink-soft);font-family:var(--font-display);font-size:var(--text-sm);padding:.75em 1.5em 0}.code-block pre{overflow-x:auto}.code-block pre::-webkit-scrollbar{height:12px}.code-block pre{tab-size:2;padding:.5em 1.5em 1.2em;line-height:1.5}.prose>.code-block{grid-column:content-start/wide-end}@media print{.code-block pre{white-space:pre-wrap;overflow-wrap:anywhere}}.copy-link{color:var(--color-ink-soft);transition:color var(--duration-quick) var(--ease-move), opacity var(--duration-quick) var(--ease-move);border-radius:3px;place-items:center;padding:.25em;text-decoration:none;display:inline-grid;position:relative}.copy-link:is(:hover,:focus-visible){color:var(--accent-a)}.copy-link[data-copied]:after{content:"Copied";background:var(--color-ink);color:var(--color-paper);font:700 .75rem / 1 var(--font-display);white-space:nowrap;transition:opacity var(--duration-quick) var(--ease-move), translate var(--duration-move) var(--ease-snap);border-radius:3px;padding:.35em .6em;position:absolute;inset-block-end:100%;inset-inline-start:50%;translate:-50% -.2em}@starting-style{.copy-link[data-copied]:after{opacity:0;translate:-50% .2em}}:is(h2,h3)>.copy-link{vertical-align:.15em;opacity:0;margin-inline-start:.2em;font-size:.55em}:is(h2,h3):is(:hover,:focus-within)>.copy-link{opacity:1}@media (hover:none){:is(h2,h3)>.copy-link{opacity:.5}}@media print{.copy-link{display:none}}.cue{-webkit-text-decoration:underline dotted color-mix(in oklab, var(--accent-a) 55%, transparent) .1em;text-decoration:underline dotted color-mix(in oklab, var(--accent-a) 55%, transparent) .1em;text-underline-offset:.25em;transition:background-color var(--duration-quick) var(--ease-move);border-radius:.15em}.cue:hover:not([data-let-go]){background:color-mix(in oklab, var(--accent-a) 18%, transparent);-webkit-text-decoration-color:var(--accent-a);text-decoration-color:var(--accent-a)}.cue:has(:checked){background:color-mix(in oklab, var(--accent-a) 30%, transparent);text-decoration-style:solid}.cue:has(:focus-visible){outline:2px solid var(--brand-key);outline-offset:2px}@media (prefers-reduced-motion:reduce){.cue{transition:none}}.debate{--head-size:4.5em;--overhang:calc(var(--head-size) / 4);--bubble:var(--lightningcss-light,color-mix(in oklab, var(--color-paper), var(--color-ink) 6%))var(--lightningcss-dark,color-mix(in oklab, var(--color-paper-raised), var(--color-ink) 10%));gap:1.5em;padding:0;list-style:none;display:grid}@media (width<34rem){.debate{--head-size:3.5em}}.debate-line{align-items:center;gap:.6em;display:flex}.debate-line:nth-child(2n){flex-direction:row-reverse}.debate-line+.debate-line{margin-block-start:0}.debate-head{width:var(--head-size);aspect-ratio:1;margin-block:calc(-1 * var(--overhang));flex:none;overflow:clip;translate:0 -10%}.debate-head>img{width:200%;max-width:none;height:100%}.debate-says{background:var(--bubble);border-radius:.9em;max-width:min(30em,85%);padding:.45em .8em;font-size:.95em;line-height:1.45;position:relative}.debate-says>*+*{margin-block-start:.5em}.debate-says:before{content:"";aspect-ratio:1;background:inherit;width:.7em;position:absolute;inset-block-end:calc(50% - .35em);inset-inline-start:-.3em;rotate:45deg}.debate-line:nth-child(2n) .debate-says:before{inset-inline:auto -.3em}.debate-line:nth-child(2n) .debate-head{scale:-1 1}@media (prefers-reduced-motion:no-preference){.debate-line:is(:hover,:focus-within) .debate-head>img{animation:debate-talk var(--talk) step-end infinite}}@keyframes debate-talk{0%{translate:-50%}9%{translate:0}13%{translate:-50%}19%{translate:0}33%{translate:-50%}46%{translate:0}50%{translate:-50%}57%{translate:0}63%{translate:-50%}77%{translate:0}}@media print{.debate-head{display:none}}.figure{width:min(100%, min(24em, 65svh) * var(--aspect));justify-self:center;gap:.6em;display:grid}.figure img{width:100%;height:auto;filter:brightness(var(--image-brightness,1));border-radius:6px}.figure figcaption{color:var(--color-ink-soft);font-family:var(--font-display);font-size:.92em;line-height:1.4}.footnote-glue{white-space:nowrap}.footnote-marker{min-width:1.5em;height:1.5em;box-shadow:inset 0 0 0 1.5px var(--accent-a);color:inherit;font:700 .6em / 1 var(--font-display);vertical-align:1em;cursor:pointer;transition:background-color var(--duration-quick) var(--ease-move), translate var(--duration-quick) var(--ease-snap);background:0 0;border:0;border-radius:999px;place-items:center;margin:-.75em 0 0 .15em;padding:0 .4em;display:inline-grid;position:relative}:is(.footnote-marker:hover,.footnote:has(>:popover-open)>.footnote-marker){background:color-mix(in oklab, var(--accent-a) 45%, transparent)}.footnote-marker:hover{translate:0 -.12em}.footnote-marker:active{transition-duration:60ms;translate:0 .06em}.footnote-panel{--surface:color-mix(in oklab, var(--color-paper), var(--color-ink) 8%);max-width:min(22em, 100vw - 2 * var(--gutter));background:var(--surface);color:var(--color-ink);box-shadow:0 1px 2px color-mix(in oklab, var(--color-shadow) 50%, transparent), 0 .5rem 1rem -.75rem var(--color-shadow);font-size:var(--text-sm);font-style:normal;font-weight:var(--weight-body);text-align:start;white-space:normal;--fade:var(--duration-quick) var(--ease-move);opacity:0;transition:opacity var(--fade), scale var(--duration-move) var(--ease-snap), overlay var(--fade) allow-discrete, display var(--fade) allow-discrete;border:0;border-radius:3px;padding:1.1em 1.4em 1.2em;line-height:1.5;scale:.9}.footnote-panel:popover-open{opacity:1;scale:1}@starting-style{.footnote-panel:popover-open{opacity:0;scale:.9}}.footnote-panel::backdrop{transition:background-color var(--duration-move) var(--ease-move), overlay var(--duration-move) allow-discrete, display var(--duration-move) allow-discrete;background-color:#0000}.footnote-panel:popover-open::backdrop{background-color:var(--lightningcss-light,#ffffff8c)var(--lightningcss-dark,#00000080)}@starting-style{.footnote-panel:popover-open::backdrop{background-color:#0000}}@supports (position-area:top){@media (width>=40rem){.footnote-marker{anchor-name:var(--footnote-anchor)}.footnote-panel{position-anchor:var(--footnote-anchor);position-area:bottom span-right;position-try-fallbacks:flip-inline;margin:.5em 0 0;inset:auto}}}@media (width<40rem){.footnote-panel{inset:auto var(--gutter) var(--gutter);width:auto;max-width:none;margin:0}}@media (prefers-reduced-motion:reduce){.footnote-marker,.footnote-panel,.footnote-panel::backdrop{transition:none;translate:none}}@media print{.footnote-panel{display:none}}.inline-code{background:color-mix(in oklab, var(--color-ink) 7%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-ink) 12%, transparent);overflow-wrap:anywhere;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:3px;padding:.1em .3em}.post-link{-webkit-text-decoration:underline dotted var(--accent-a) .12em;text-decoration:underline dotted var(--accent-a) .12em;text-underline-offset:.25em;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-color var(--duration-quick) var(--ease-move);border-radius:.15em}.post-link:hover{background:color-mix(in oklab, var(--accent-a) 18%, transparent);text-decoration-style:solid;text-decoration-thickness:.18em}@media (prefers-reduced-motion:reduce){.post-link{transition:none}}.quiz{--pad:min(1.25em, var(--gutter) - .25rem);--shift:1.5rem;--hold:.15s;interpolate-size:allow-keywords;margin-inline:calc(-1 * var(--pad));padding:calc(var(--pad) * 1.2) var(--pad) var(--pad);border-radius:var(--card-radius);background:var(--color-paper-raised);box-shadow:var(--card-shadow);gap:1em;display:grid;overflow-x:clip;container-type:inline-size}.quiz-stage{padding-block-end:.4em;display:grid;overflow:visible clip}.quiz-question{border:0;min-inline-size:0;margin:0;padding:0}.quiz-question legend{inline-size:100%;padding:0}.quiz-count{color:var(--color-ink-soft);font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;display:block}.quiz-prompt{text-wrap:balance;margin-block-start:.2em;font-size:1.125em;font-weight:600;line-height:1.25;display:block}.quiz-detail{color:var(--color-ink-soft);margin-block-start:.4em}.quiz-answers{--columns:2;grid-template-columns:repeat(var(--columns), 1fr);gap:.75em;margin-block-start:1.1em;display:grid}.quiz-answers[data-count="3"]{--columns:3}@container (width<28rem){.quiz-answers[data-count="3"]{--columns:1}}.quiz-answer{border:1px solid var(--color-rule);background:var(--color-paper);min-block-size:3em;box-shadow:0 .2em 0 var(--color-rule);cursor:pointer;font-family:var(--font-display);text-align:center;transition:translate var(--duration-quick) var(--ease-snap), box-shadow var(--duration-quick) var(--ease-move), border-color var(--duration-quick) var(--ease-move), background-color var(--duration-quick) var(--ease-move);border-radius:3px;place-items:center;padding:.5em 1.5em;font-weight:600;line-height:1.2;display:grid;position:relative}.quiz-answer:hover{border-color:var(--accent-a);box-shadow:0 .3em 0 var(--accent-a);translate:0 -.1em}.quiz-answer:active,.quiz-answer:has(:checked){border-color:var(--accent-a);box-shadow:0 0 0 var(--accent-a);transition-duration:60ms;translate:0 .2em}.quiz-answer:has(:checked){background:color-mix(in oklab, var(--color-paper), var(--accent-a) 22%)}.quiz-answer:has(:focus-visible){outline:2px solid var(--brand-key);outline-offset:2px}.quiz-answer>svg{color:var(--accent-a);transition:scale var(--duration-quick) var(--ease-snap), rotate var(--duration-quick) var(--ease-snap);position:absolute;inset-block-start:.4em;inset-inline-end:.4em;rotate:-30deg;scale:0}.quiz-answer:has(:checked)>svg{rotate:0deg;scale:1}.quiz-results>*+*{margin-block-start:1em}.quiz-results:focus{outline:none}.quiz-controls{justify-items:end;margin-block-start:-.25em;display:grid}.quiz-skip,.quiz-again{color:var(--color-ink-soft);cursor:pointer;font-family:var(--font-display);text-underline-offset:.2em;transition:color var(--duration-quick) var(--ease-move), text-decoration-color var(--duration-quick) var(--ease-move), opacity var(--duration-quick) var(--ease-move), visibility var(--duration-quick);background:0 0;border:0;border-radius:2px;grid-area:1/1;padding:.15em .3em;font-size:.7em;font-weight:600;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:.1em;position:relative}:is(.quiz-skip,.quiz-again):hover{color:var(--color-ink);-webkit-text-decoration-color:var(--accent-a);text-decoration-color:var(--accent-a)}:is(.quiz-skip,.quiz-again):is(:focus-visible,:has(:focus-visible)){outline:2px solid var(--brand-key);outline-offset:2px}.quiz-question,.quiz-results{max-block-size:max-content;transition:max-block-size var(--duration-quick) var(--ease-move), opacity var(--duration-move) var(--ease-move) var(--duration-quick), translate var(--duration-move) var(--ease-move) var(--duration-quick), visibility 0s var(--duration-quick);grid-area:1/1}.quiz-question:not(:has(:checked))~.quiz-question,.quiz-results,.quiz-again{visibility:hidden;opacity:0;translate:var(--shift) 0}.quiz-question:not(:has(:checked))~.quiz-question,.quiz-results{max-block-size:0}.quiz-question:has(:checked),.quiz:has(.quiz-skip :checked) .quiz-question{visibility:hidden;opacity:0;max-block-size:0;translate:calc(-1 * var(--shift)) 0;transition:max-block-size var(--duration-quick) var(--ease-move) calc(var(--hold) + var(--duration-quick)), opacity var(--duration-quick) var(--ease-move) var(--hold), translate var(--duration-quick) var(--ease-move) var(--hold), visibility var(--duration-quick) var(--hold)}.quiz:has(.quiz-skip :checked){--hold:0s}.quiz:has(.quiz-skip :checked,.quiz-question:last-of-type :checked) .quiz-results,.quiz:has(.quiz-skip :checked,.quiz-question:last-of-type :checked) .quiz-again{visibility:visible;opacity:1;translate:0}.quiz:has(.quiz-skip :checked,.quiz-question:last-of-type :checked) .quiz-results{max-block-size:max-content}.quiz:has(.quiz-skip :checked,.quiz-question:last-of-type :checked) .quiz-again{transition-delay:var(--duration-move)}.quiz:has(.quiz-skip :checked,.quiz-question:last-of-type :checked) .quiz-skip{visibility:hidden;opacity:0}@media (prefers-reduced-motion:reduce){.quiz{--shift:0px;interpolate-size:numeric-only}.quiz-answer:is(:hover,:active,:has(:checked)){translate:none}}.quiz-tally{font-family:var(--font-display);font-size:var(--text-sm);grid-template-columns:max-content 1fr 2ch;gap:.4em .75em;font-weight:600;display:grid}.quiz-tally>div{grid-column:1/-1;grid-template-columns:subgrid;align-items:center;display:grid}.quiz-tally>div:before,.quiz-tally>div:after{content:"";border-radius:1px;grid-area:1/2;block-size:.6em}.quiz-tally>div:before{background:color-mix(in oklab, var(--color-rule) 50%, transparent)}.quiz-tally>div:after{inline-size:calc(var(--share) * 100%);background:var(--accent-a);transform-origin:0;transition:scale var(--duration-move) var(--ease-move) calc(var(--duration-move) * 1.25)}.quiz-tally dd{text-align:end;font-variant-numeric:tabular-nums;grid-column:3;margin:0}.quiz:not(:has(.quiz-skip :checked,.quiz-question:last-of-type :checked)) .quiz-tally>div:after{scale:0 1}@media (prefers-reduced-motion:reduce){.quiz-tally>div:after{transition:none}}.quiz-reveal{text-align:center;text-wrap:balance}.quiz-reveal>*+*{margin-block-start:1em}.quiz-reveal .figure{width:min(100%, calc(10em * var(--aspect)));margin-block:0}.post-update{border-radius:var(--card-radius);background:var(--color-paper-raised);box-shadow:var(--card-shadow);padding:1em 1.25em 1.1em;font-size:.9em;position:relative}.post-update>*+*{margin-block-start:.5em}.post-update:before{content:"";background:color-mix(in oklab, var(--brand-row) 40%, transparent);width:.85em;height:3.25em;rotate:var(--tape-angle);position:absolute;inset-block-start:var(--tape-top);inset-inline-start:-.5em}.post-update-label{color:var(--lightningcss-light,var(--brand-row))var(--lightningcss-dark,color-mix(in oklab, var(--brand-row) 45%, white));font-family:var(--font-display);font-size:var(--text-sm);font-weight:700}.ramble{font-size:var(--text-sm);letter-spacing:-.01em;text-align:justify;hyphens:auto;line-height:1.35}.ramble>p+p{margin-block-start:.35em}.spicy-take{--spicy-indent:0px;isolation:isolate;font-weight:calc(var(--weight-body) + 120);margin-inline-start:var(--spicy-indent);padding:1em 1.25em 1.1em;position:relative}.spicy-take>*+*{margin-block-start:.5em}.spicy-take:before{content:"";z-index:-1;border-radius:var(--card-radius);background:color-mix(in oklab, var(--color-paper-raised), var(--spicy) 5%);box-shadow:inset 3px 0 var(--spicy), var(--card-shadow);position:absolute;inset:0}.spicy-take>.copy-link{--accent-a:var(--spicy);opacity:.6;margin:0;position:absolute;inset-block-start:.5em;inset-inline-end:.5em}.spicy-take:is(:hover,:focus-within)>.copy-link{opacity:1}@media (width<34rem){.spicy-take{--spicy-indent:1.25rem}}.spicy-take-label{color:var(--spicy);font-family:var(--font-display);font-size:var(--text-sm);font-weight:700}.spicy-take-label>svg{vertical-align:-.25em;margin-inline-end:.3em;font-size:1.3em;display:inline}.spicy-take-label .footnote-marker{--accent-a:var(--spicy);margin-inline-end:.1em;font-size:.69em}.spicy-take-label .footnote-panel{font-family:var(--font-body);font-size:1em;font-weight:var(--weight-body)}.spicy-take-flames{z-index:-2;transform-origin:100%;width:4em;transition:translate var(--duration-quick) var(--ease-move);background:url(/spicy-flames.webp) 100%/contain no-repeat;position:absolute;inset-block:.3em;inset-inline-start:0}@media (prefers-reduced-motion:no-preference){.spicy-take:is(:hover,:focus-within) .spicy-take-flames{translate:calc(-1 * min(80%, var(--gutter) + var(--spicy-indent))) 0;transition:translate var(--duration-move) var(--ease-snap);animation:.45s ease-in-out infinite alternate spicy-take-flicker}.spicy-take:hover .spicy-take-label svg{animation:spicy-take-wiggle .5s var(--ease-move)}}@media (prefers-reduced-motion:reduce){.spicy-take-flames{translate:calc(-1 * min(80%, var(--gutter) + var(--spicy-indent))) 0;opacity:0;transition:opacity var(--duration-quick) var(--ease-move)}.spicy-take:is(:hover,:focus-within) .spicy-take-flames{opacity:1}}@keyframes spicy-take-flicker{0%{scale:.94 1}to{scale:1.08 1.02}}@keyframes spicy-take-wiggle{25%{rotate:-14deg}60%{rotate:10deg}}@media print{.spicy-take-flames,.spicy-take-label .footnote{display:none}}.story-card{--pad:1.25em;--grid:color-mix(in oklab, var(--color-rule) 25%, transparent);margin-inline:calc(-1 * var(--pad));padding:calc(var(--pad) * 1.4) var(--pad) var(--pad);border-radius:var(--card-radius);background:linear-gradient(var(--grid) 1px, transparent 1px) 0 0 / 100% 1.25rem, linear-gradient(90deg, var(--grid) 1px, transparent 1px) 0 0 / 1.25rem 100%, var(--color-paper-raised);box-shadow:var(--card-shadow);position:relative}.story-card>*+*{margin-block-start:1em}.story-card:before{content:"";background:color-mix(in oklab, var(--brand-mesh) 55%, transparent);width:6.5em;height:1.25em;rotate:var(--tape-angle);position:absolute;inset-block-start:-.8em;inset-inline-start:var(--tape-left)}.story-card figcaption{font-family:var(--font-display);font-size:var(--text-sm);flex-wrap:wrap;align-items:baseline;gap:.25em 1em;display:flex}.story-card-title{font-weight:700}.story-card-context{color:var(--color-ink-soft)}.swap-chip{display:none}@media (prefers-reduced-motion:no-preference){.swap-said{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.swap-chip{--slot:1s;white-space:nowrap;clip-path:inset(0 round 3px);perspective:6em;line-height:1.3;display:inline-grid}.swap-item{animation:var(--flip) calc(var(--n) * var(--slot)) ease-in-out infinite;animation-delay:calc((var(--i) - var(--n)) * var(--slot));grid-area:1/1;justify-self:center}.swap:hover .swap-item{animation-play-state:paused}.swap-chip[data-n="2"]{--n:2;--flip:swap-flip-2}.swap-chip[data-n="3"]{--n:3;--flip:swap-flip-3}.swap-chip[data-n="4"]{--n:4;--flip:swap-flip-4}}@keyframes swap-flip-2{0%,35%{opacity:1;transform:none}50%{opacity:0;transform:translateY(-100%)rotateX(60deg)}50.01%,85%{opacity:0;transform:translateY(100%)rotateX(-60deg)}to{opacity:1;transform:none}}@keyframes swap-flip-3{0%,23.33%{opacity:1;transform:none}33.33%{opacity:0;transform:translateY(-100%)rotateX(60deg)}33.34%,90%{opacity:0;transform:translateY(100%)rotateX(-60deg)}to{opacity:1;transform:none}}@keyframes swap-flip-4{0%,17.5%{opacity:1;transform:none}25%{opacity:0;transform:translateY(-100%)rotateX(60deg)}25.01%,92.5%{opacity:0;transform:translateY(100%)rotateX(-60deg)}to{opacity:1;transform:none}}}
