@layer reset{*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100dvh}img,svg,iframe{max-width:100%;display:block}button,input,textarea,select{font:inherit;color:inherit}:where(h1,h2,h3,p,ol,ul,figure,blockquote,pre){margin:0}}@layer tokens{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--step-min:.75rem;--font-ui-mono:"Martian Mono Variable", ui-monospace, Menlo, monospace}[data-hack-root]{--canvas:#fff;--ink:#111;--signal:#e62d2b;--signal-ink:#000;--muted:#5c5b58;--line:#111;--surface:#fff;--bubble:#111;--bubble-ink:#fff;--focus:#e62d2b;--signal-text:color-mix(in srgb, var(--signal) 82%, var(--ink));--font-display:"Anybody Variable", "Arial Black", system-ui, sans-serif;--font-body:"Libre Franklin Variable", "Franklin Gothic Medium", system-ui, sans-serif;--font-mono:"Martian Mono Variable", ui-monospace, Menlo, monospace;--display-weight:900;--display-width:120%;--tracking:-.02em;--heading-transform:lowercase;--text-scale:1;--radius:2px;--density:1;--measure:64ch;--shadow:4px;--tilt:-2.2deg;--stripe-angle:-35deg;--irregularity:1;--motion:1;--motion-intensity:1;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-settle:linear(0, .06, .25 9%, .83 25%, 1.03 33%, 1.08 40%, 1.04 52%, .99 66%, 1);--dur-quick:calc(.14s * var(--motion));--dur-base:calc(.32s * var(--motion));--dur-slow:calc(.7s * var(--motion));--step--1:calc(clamp(.8rem, .78rem + .1vw, .875rem) * var(--text-scale));--step-0:calc(clamp(1rem, .96rem + .19vw, 1.0625rem) * var(--text-scale));--step-1:calc(clamp(1.15rem, 1.08rem + .35vw, 1.35rem) * var(--text-scale));--step-display:calc(clamp(2.9rem, 1.4rem + 7.4vw, 7.6rem) * var(--text-scale));--gap:calc(1rem * var(--density));--gap-l:calc(2rem * var(--density));--gap-xl:calc(4rem * var(--density));--label:max(var(--step-min), .72rem)}@media (prefers-reduced-motion:reduce){[data-hack-root]{--motion:0}}@media (prefers-color-scheme:dark){:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}[data-hack-root]:not([data-colors=custom]){--canvas:#0f0f0f;--ink:#f3f3f1;--muted:#a6a49f;--line:#f3f3f1;--surface:#161616;--bubble:#f3f3f1;--bubble-ink:#0f0f0f;--signal-text:#ff5a4e}}[data-hack-root][data-layout=terminal]:not([data-colors=custom]){--canvas:#0d0d0d;--ink:#ededeb;--muted:#a3a19d;--line:#ededeb;--surface:#141414;--bubble:#232323;--bubble-ink:#ededeb;--signal-text:#ff5a4e}[data-hack-root][data-layout=terminal]{--font-body:var(--font-mono);--font-display:var(--font-mono);--display-width:100%}}@layer base{html{background:#fff}@media (prefers-color-scheme:dark){html{background:#0f0f0f}}[data-hack-root]{background-color:var(--canvas);min-height:100dvh;color:var(--ink);font-family:var(--font-body);font-size:var(--step-0);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;transition:background-color var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out);flex-direction:column;line-height:1.6;display:flex;overflow-x:clip}[data-hack-root] ::selection{background:var(--signal);color:var(--signal-ink)}[data-hack-root] a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:1.5px}[data-hack-root] a:hover{color:var(--signal-text)}[data-hack-root] :focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:1px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{z-index:60;background:var(--ink);color:var(--canvas);font:600 var(--label)/1.2 var(--font-ui-mono);padding:.5rem .9rem;position:absolute;top:-4rem;left:1rem}.skip:focus{top:1rem}.mono{font-family:var(--font-mono);font-size:var(--label);letter-spacing:.02em}code,kbd,pre{font-family:var(--font-mono);font-size:max(.86em, var(--step-min))}}@layer layout{[data-hack-root]:has(>.sheet){grid-template-rows:auto auto minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1fr);height:100dvh;min-height:0;display:grid;overflow:hidden}[data-hack-root]:has(>.sheet)>.sheet{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;scroll-padding-bottom:var(--gap);overflow-y:auto}[data-hack-root]:has(>.sheet)>.foot{padding-block:.35rem .55rem}.mast{justify-content:space-between;align-items:center;gap:var(--gap);padding:calc(var(--gap) * 1.1) clamp(1rem, 4vw, 2.5rem) 0;font-family:var(--font-ui-mono);font-size:var(--label);text-transform:lowercase;display:flex}.mast__home{align-items:center;gap:.6rem;font-weight:600;text-decoration:none;display:inline-flex}.mast__mark{flex:none;width:1.6rem;height:1.6rem}.mast__nav{flex-wrap:wrap;justify-content:flex-end;gap:clamp(.6rem,2vw,1.4rem);display:flex}.mast__nav a{text-decoration:none}.mast__nav a[aria-current=page],.mast__nav a:hover{text-decoration:underline}.sheet{width:100%;min-width:0;max-width:calc(var(--measure) + 2 * clamp(1rem, 4vw, 2.5rem));padding:clamp(.6rem, 2.2vh, 2rem) clamp(1rem, 4vw, 2.5rem) var(--gap);flex-direction:column;flex:1;gap:clamp(.7rem,2.4vh,2rem);margin:0 auto;display:flex}[data-layout=wide]{--measure:96ch}.sheet:not([data-started]){max-width:min(76rem,100%)}.sheet:not([data-started]) .hero__lede{max-width:52ch}.sheet:not([data-started]) .choose{max-width:56rem}[data-layout=split] .sheet{max-width:min(1400px,100%)}@media (width>=960px){[data-layout=split] .sheet{grid-template-columns:minmax(0, var(--measure)) minmax(280px, 1fr);align-items:start;column-gap:var(--gap-xl);display:grid}[data-layout=split] .sheet>.slot--aside{top:var(--gap);grid-area:1/2/span 6;position:sticky}[data-layout=split] .sheet>:not(.slot--aside){grid-column:1}}[data-layout=poster] .hero__title{font-size:calc(var(--step-display) * 1.25)}[data-layout=poster] .thread{font-size:var(--step-1)}.foot{padding:var(--gap) clamp(1rem, 4vw, 2.5rem) calc(var(--gap) * 1.4);font-family:var(--font-ui-mono);font-size:var(--label);color:var(--muted);flex-wrap:wrap;justify-content:center;gap:.4rem 1.4rem;display:flex}.foot a{color:inherit}@media (width<=560px){.mast{gap:.6rem;padding-top:.7rem}.mast__nav{flex-wrap:nowrap;gap:.8rem}.mast__ext,.foot .long{display:none}.foot{gap:.3rem 1rem}[data-hack-root]{--step-display:calc(clamp(2rem, min(10.2vw, 9dvh), 3.4rem) * var(--text-scale))}}@media (height<=700px){.hero__kicker{display:none}}}@layer components{.tape{z-index:45;margin:calc(var(--gap) * .9) -2rem 0;background:var(--ink);color:var(--canvas);transform:rotate(var(--tilt));transform-origin:50%;min-height:2.4rem;font-family:var(--font-ui-mono);font-size:var(--label);text-transform:lowercase;letter-spacing:.03em;box-shadow:0 var(--shadow) 0 var(--signal);align-items:center;gap:.9rem;padding:.55rem calc(2rem + clamp(1rem,4vw,2.5rem));display:flex;position:relative}.tape__dot{background:var(--signal);flex:none;width:.6rem;height:.6rem}.tape[data-state=working] .tape__dot{animation:tape-pulse calc(.9s / max(var(--motion), .01)) steps(2, jump-none) infinite}.tape__text{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.tape__reset{cursor:pointer;background:var(--signal);color:var(--signal-ink);font:700 var(--label)/1.2 var(--font-ui-mono);text-transform:lowercase;border:0;flex:none;padding:.2rem .55rem}.tape__reset:focus-visible{outline:3px solid var(--canvas);outline-offset:2px}@keyframes tape-pulse{50%{opacity:.15}}.hero{flex-direction:column;gap:clamp(.4rem,1.4vh,1rem);padding-top:clamp(0rem,1.5vh,1rem);display:flex}.hero__kicker{font-family:var(--font-ui-mono);font-size:var(--label);color:var(--signal-text);text-transform:lowercase}.hero__title{font-family:var(--font-display);font-weight:var(--display-weight);font-stretch:var(--display-width);font-size:var(--step-display);letter-spacing:var(--tracking);text-transform:var(--heading-transform);text-wrap:balance;text-shadow:calc(var(--shadow) * .9) calc(var(--shadow) * .6) 0 var(--signal);transition:font-size var(--dur-slow) var(--ease-out), text-shadow var(--dur-base) var(--ease-out);line-height:.88}.hero__title .word{white-space:nowrap;display:inline-block}.hero__title .ch{transform:translateY(calc(var(--dy,0) * var(--irregularity) * 1px)) rotate(calc(var(--dr,0) * var(--irregularity) * 1deg));display:inline-block}.hero__lede{max-width:46ch;font-size:var(--step-1);text-wrap:pretty;line-height:1.4}@media (height<=860px){.hero__lede{font-size:var(--step-0)}}@media (height<=640px),(width<=420px) and (height<=780px){.hero__lede{display:none}}[data-started] .hero{gap:.3rem;padding-top:0}[data-started] .hero__title{font-size:calc(clamp(1.7rem, 1.2rem + 2vw, 2.6rem) * var(--text-scale));text-shadow:calc(var(--shadow) * .5) calc(var(--shadow) * .35) 0 var(--signal)}[data-started] .hero__lede{display:none}[data-layout=poster][data-started] .hero__title{font-size:var(--step-display)}.choose{flex-direction:column;gap:clamp(.5rem,1.6vh,1rem);display:flex}.choose__q{font-weight:700;font-size:var(--step-1)}.choose__options{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.6rem,2vw,1rem);display:grid}.choice{text-align:left;padding:calc(clamp(.6rem, 1.6vh, 1rem) * var(--density)) calc(clamp(.7rem, 2vw, 1.1rem) * var(--density));background:var(--surface);color:var(--ink);border:2px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow) var(--shadow) 0 var(--ink);cursor:pointer;transition:transform var(--dur-quick) var(--ease-out), box-shadow var(--dur-quick) var(--ease-out);flex-direction:column;align-items:flex-start;gap:.35rem;display:flex}.choice:hover{transform:translate(calc(-1px * var(--motion-intensity)), calc(-2px * var(--motion-intensity)));box-shadow:calc(var(--shadow) + 2px) calc(var(--shadow) + 2px) 0 var(--signal)}.choice:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.choice__title{font-weight:800;font-size:var(--step-1);line-height:1.15}@media (width<=420px){.choice__title{font-size:var(--step-0)}}.choice__body{font-size:var(--step--1);color:var(--muted);line-height:1.45}.choice[disabled]{opacity:.6;cursor:progress}.choose__extra{font-size:var(--step--1);color:var(--muted);align-items:flex-start;gap:.6rem;max-width:60ch;display:flex}.choose__extra input{accent-color:var(--signal);flex:none;width:1.05rem;height:1.05rem;margin-top:.3rem}.fine{font-size:var(--step--1);color:var(--muted);max-width:62ch}.fine button{color:inherit;font:inherit;text-underline-offset:.18em;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.fine button:hover{color:var(--signal-text)}.notice{border-left:4px solid var(--signal);font-size:var(--step--1);padding:.4rem 0 .4rem .9rem}.notice--error{border-color:var(--ink)}.recovery{font-family:var(--font-mono);font-size:var(--step-0);letter-spacing:.06em;background:var(--surface);border:2px dashed var(--line);-webkit-user-select:all;user-select:all;padding:.5rem .8rem;display:inline-block}.try{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.try__label{font-family:var(--font-ui-mono);font-size:var(--label);color:var(--muted)}.try__item{border:1.5px solid var(--line);color:var(--ink);cursor:pointer;border-radius:var(--radius);font:500 var(--step--1)/1.3 var(--font-body);text-align:left;transition:background-color var(--dur-quick), color var(--dur-quick);background:0 0;padding:.32rem .6rem}.try__item:hover{background:var(--ink);color:var(--canvas)}.thread{gap:var(--gap-l);flex-direction:column;padding:0;list-style:none;display:flex}.msg{animation:msg-in var(--dur-base) var(--ease-out) both;flex-direction:column;gap:.45rem;display:flex}@keyframes msg-in{0%{opacity:0;transform:translateY(calc(8px * var(--motion-intensity) * var(--motion)))}}.msg__who{font-family:var(--font-ui-mono);font-size:var(--label);color:var(--muted);text-transform:lowercase;align-items:center;gap:.6rem;display:flex}.msg__who svg{width:1rem;height:1rem}.msg--you{align-items:flex-end}.msg--you .msg__body{background:var(--bubble);max-width:min(88%,52ch);color:var(--bubble-ink);border-radius:var(--radius);white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:calc(var(--shadow) * -.75) calc(var(--shadow) * .75) 0 var(--signal);transform:rotate(calc(var(--irregularity) * -.35deg));padding:.6rem .9rem}.msg--bot .msg__body{max-width:var(--measure);overflow-wrap:anywhere}.msg__body>*+*{margin-top:.8em}.msg__body ul,.msg__body ol{padding-left:1.3em}.msg__body li+li{margin-top:.25em}.msg__body h3,.msg__body h4{font-size:var(--step-1);line-height:1.25}.msg__body blockquote{border-left:3px solid var(--signal);color:var(--muted);padding-left:.8rem}.msg__body pre{background:var(--bubble);color:var(--bubble-ink);border-radius:var(--radius);padding:.8rem 1rem;overflow-x:auto}.msg__body :not(pre)>code{background:color-mix(in srgb, var(--ink) 9%, transparent);border-radius:2px;padding:.05em .3em}.msg__body a{color:var(--signal-text)}.caret{vertical-align:-.15em;background:var(--signal);width:.55em;height:1.05em;animation:caret calc(1s / max(var(--motion), .01)) steps(2, jump-none) infinite;margin-left:2px;display:inline-block}@keyframes caret{50%{opacity:0}}.msg__tools{font-family:var(--font-ui-mono);font-size:var(--label);color:var(--muted);flex-direction:column;gap:.15rem;padding:0;list-style:none;display:flex}.msg__tools li:before{content:"→ ";color:var(--signal-text)}.msg__tools li[data-ok=false]:before{content:"× "}.cites{font-family:var(--font-ui-mono);font-size:var(--label);flex-wrap:wrap;gap:.4rem .9rem;display:flex}.cites a{color:var(--signal-text)}.msg__error{font-size:var(--step--1);border-left:4px solid var(--signal);padding-left:.7rem}.composer{z-index:40;padding:.5rem clamp(1rem, 4vw, 2.5rem) calc(.5rem + env(safe-area-inset-bottom));background:var(--canvas);position:relative}.composer__box{max-width:var(--measure);border:2px solid var(--line);background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow) var(--shadow) 0 var(--ink);align-items:stretch;gap:0;margin:0 auto;display:flex}[data-layout=split] .composer__box,[data-layout=wide] .composer__box{max-width:min(1400px,100%)}.composer textarea{resize:none;min-width:0;color:var(--ink);font-size:var(--step-0);field-sizing:content;background:0 0;border:0;flex:1;min-height:3rem;max-height:40vh;padding:.75rem .9rem;line-height:1.45}.composer textarea:focus{outline:none}.composer__box:focus-within{outline:3px solid var(--focus);outline-offset:3px}.composer__send,.composer__stop{border:0;border-left:2px solid var(--line);cursor:pointer;font:700 var(--label)/1 var(--font-ui-mono);text-transform:lowercase;letter-spacing:.04em;flex:none;padding:0 1.05rem}.composer__send{background:var(--signal);color:var(--signal-ink)}.composer__send[disabled]{cursor:not-allowed;opacity:.55}.composer__stop{background:var(--ink);color:var(--canvas)}.composer__meta{max-width:var(--measure);font-family:var(--font-ui-mono);font-size:var(--label);color:var(--muted);justify-content:space-between;gap:1rem;margin:.4rem auto 0;display:flex}.slot{gap:var(--gap);flex-direction:column;display:flex}.slot:empty{display:none}.w{border-radius:var(--radius);animation:msg-in var(--dur-base) var(--ease-out) both}.w--card{border:2px solid var(--line);background:var(--surface);box-shadow:var(--shadow) var(--shadow) 0 var(--ink);padding:1rem 1.1rem}.w--card[data-tone=ink]{background:var(--ink);color:var(--canvas);border-color:var(--ink);box-shadow:var(--shadow) var(--shadow) 0 var(--signal)}.w--card[data-tone=signal]{background:var(--signal);color:var(--signal-ink);border-color:var(--ink)}.w--card h3{font-size:var(--step-1);margin-bottom:.35rem;line-height:1.2}.w--terminal,.w--code{color:#ededeb;font-family:var(--font-mono);font-size:max(var(--step-min), .82rem);background:#141414;overflow:hidden}.w__bar{color:#a3a19d;font-size:var(--label);background:#232323;justify-content:space-between;gap:1rem;padding:.45rem .8rem;display:flex}.w__bar b{color:#ff5a4e;font-weight:600}.w--terminal pre,.w--code pre{white-space:pre-wrap;margin:0;padding:.8rem;line-height:1.55;overflow-x:auto}.w--terminal .cmd:before{content:"$ ";color:#ff5a4e}.w--terminal .out{color:#c9c7c2}.w--marquee{white-space:nowrap;background:var(--signal);color:var(--signal-ink);font:800 var(--step-1)/1 var(--font-display);font-stretch:var(--display-width);text-transform:var(--heading-transform);padding:.55rem 0;overflow:hidden}.w--marquee[data-tone=ink]{background:var(--ink);color:var(--canvas)}.w--marquee[data-tone=stock]{background:var(--surface);color:var(--ink);border-block:2px solid var(--line)}.w--marquee span{animation:marquee calc(18s / var(--speed,1)) linear infinite;padding-left:100%;animation-play-state:running;display:inline-block}@media (prefers-reduced-motion:reduce){.w--marquee span{padding-left:0;animation:none}}@keyframes marquee{to{transform:translate(-100%)}}.w--sticker{font:900 var(--step-1)/1 var(--font-display);font-stretch:var(--display-width);text-transform:var(--heading-transform);background:var(--signal);color:var(--signal-ink);transform:rotate(calc(var(--rot,-4) * 1deg));box-shadow:3px 3px 0 var(--ink);align-self:flex-start;padding:.45rem .9rem}.w--sticker[data-tone=ink]{background:var(--ink);color:var(--canvas);box-shadow:3px 3px 0 var(--signal)}.w--sticker[data-tone=stock]{background:var(--surface);color:var(--ink);border:2px solid var(--line)}.w--stat{border-top:4px solid var(--ink);padding-top:.4rem}.w--stat .v{font:900 calc(var(--step-display) * .55)/1 var(--font-display);font-stretch:var(--display-width)}.w--stat .l{font-family:var(--font-ui-mono);font-size:var(--label);text-transform:lowercase}.w--list,.w--timeline,.w--links{border-top:2px solid var(--line);padding-top:.6rem}.w--list h3,.w--timeline h3,.w--links h3,.w--board h3{font-family:var(--font-ui-mono);font-size:var(--label);text-transform:lowercase;color:var(--muted);margin-bottom:.4rem;font-weight:500}.w--list ul,.w--list ol{padding-left:1.2rem}.w--timeline ol{gap:.3rem;padding:0;list-style:none;display:grid}.w--timeline li{grid-template-columns:7rem 1fr;gap:.8rem;display:grid}.w--timeline time{font-family:var(--font-ui-mono);font-size:var(--label);color:var(--signal-text);padding-top:.2rem}.w--quote blockquote{font:800 var(--step-1)/1.25 var(--font-display);font-stretch:var(--display-width);border-left:6px solid var(--signal);padding-left:1rem}.w--quote cite{font:400 var(--label)/1.3 var(--font-ui-mono);color:var(--muted);margin-top:.4rem;font-style:normal;display:block}.w--progress .bar{border:2px solid var(--line);background:var(--surface);height:.9rem}.w--progress .bar span{background:var(--signal);height:100%;transition:width var(--dur-slow) var(--ease-out);display:block}.w--progress .l{font-family:var(--font-ui-mono);font-size:var(--label);justify-content:space-between;margin-bottom:.3rem;display:flex}.w--links ul{flex-wrap:wrap;gap:.5rem 1rem;padding:0;list-style:none;display:flex}.w--board{border:2px solid var(--line);padding:.8rem}.w--board .cols{grid-auto-columns:minmax(9rem,1fr);grid-auto-flow:column;gap:.6rem;display:grid;overflow-x:auto}.w--board .col{background:color-mix(in srgb, var(--ink) 6%, var(--surface));padding:.5rem}.w--board .col h4{font:600 var(--label)/1.3 var(--font-ui-mono);text-transform:lowercase;margin-bottom:.4rem}.w--board .item{background:var(--surface);border:1.5px solid var(--line);font-size:var(--step--1);margin-top:.35rem;padding:.35rem .5rem}.w--board .item small{font-family:var(--font-ui-mono);font-size:var(--label);color:var(--signal-text);display:block}.w__label{font-family:var(--font-ui-mono);font-size:var(--label);color:var(--muted)}.w--app{border:2px solid var(--line);background:var(--surface)}.w--app iframe{background:#fff;border:0;width:100%}[data-pattern=stripes]{background-image:repeating-linear-gradient(var(--stripe-angle), color-mix(in srgb, var(--signal) 10%, transparent) 0 14px, transparent 14px 28px)}[data-pattern=dots]{background-image:radial-gradient(color-mix(in srgb, var(--ink) 16%, transparent) 1.2px, transparent 1.4px);background-size:18px 18px}[data-pattern=grid]{background-image:linear-gradient(color-mix(in srgb, var(--ink) 8%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--ink) 8%, transparent) 1px, transparent 1px);background-size:28px 28px}[data-pattern=tape]{background-image:repeating-linear-gradient(var(--stripe-angle), transparent 0 120px, color-mix(in srgb, var(--ink) 7%, transparent) 120px 150px)}[data-pattern=checker]{background-image:conic-gradient(color-mix(in srgb, var(--ink) 7%, transparent) 25%, transparent 0 50%, color-mix(in srgb, var(--ink) 7%, transparent) 0 75%, transparent 0);background-size:32px 32px}[data-pattern=noise]{background-image:repeating-radial-gradient(circle at 30% 20%, color-mix(in srgb, var(--ink) 5%, transparent) 0 1px, transparent 1px 3px)}.toasts{z-index:50;pointer-events:none;flex-direction:column;gap:.5rem;max-width:min(22rem,100vw - 2rem);display:flex;position:fixed;top:4.5rem;right:1rem}.toast{background:var(--ink);color:var(--canvas);font:500 var(--label)/1.4 var(--font-ui-mono);box-shadow:3px 3px 0 var(--signal);animation:msg-in var(--dur-base) var(--ease-out) both;padding:.6rem .8rem}.page{max-width:72ch;padding:var(--gap-l) clamp(1rem, 4vw, 2.5rem) var(--gap-xl);gap:var(--gap);flex-direction:column;margin:0 auto;display:flex}.page h1{font-family:var(--font-display);font-weight:var(--display-weight);font-stretch:var(--display-width);font-size:calc(clamp(2.2rem, 1.4rem + 3.4vw, 4rem) * var(--text-scale));text-transform:var(--heading-transform);text-shadow:calc(var(--shadow) * .6) calc(var(--shadow) * .4) 0 var(--signal);margin-bottom:.4rem;line-height:.95}.page h2{font-size:var(--step-1);margin-top:var(--gap-l);line-height:1.25}.page h3{font-size:var(--step-0);margin-top:var(--gap)}.page p,.page li{max-width:68ch}.page ul,.page ol{gap:.35rem;padding-left:1.3rem;display:grid}.page table{border-collapse:collapse;width:100%;font-size:var(--step--1)}.page th,.page td{text-align:left;vertical-align:top;border-top:1.5px solid var(--line);padding:.45rem .6rem .45rem 0}.page pre{color:#ededeb;border-radius:var(--radius);white-space:pre;background:#141414;padding:.8rem 1rem;overflow-x:auto}.page .lede{font-size:var(--step-1);line-height:1.45}.btn{border:2px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;font:600 var(--step--1)/1.2 var(--font-body);border-radius:var(--radius);box-shadow:3px 3px 0 var(--ink);align-items:center;gap:.4rem;padding:.45rem .85rem;text-decoration:none;display:inline-flex}.btn:hover{box-shadow:4px 4px 0 var(--signal)}.btn--signal{background:var(--signal);color:var(--signal-ink)}.btn--ink{background:var(--ink);color:var(--canvas)}.row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.card{border:2px solid var(--line);background:var(--surface);flex-direction:column;gap:.5rem;padding:.9rem 1rem;display:flex}.field{flex-direction:column;gap:.3rem;display:flex}.field input,.field textarea{border:2px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:.45rem .6rem}.toggle{align-items:flex-start;gap:.6rem;display:flex}.toggle input{accent-color:var(--signal);flex:none;width:1.1rem;height:1.1rem;margin-top:.25rem}.muted{color:var(--muted)}}@layer motion{[data-effect=shake] .sheet{animation:fx-shake calc(.5s * var(--motion)) var(--ease-out) 2}@keyframes fx-shake{25%{transform:translateX(calc(-6px * var(--motion-intensity)))}75%{transform:translateX(calc(6px * var(--motion-intensity)))}}[data-effect=wiggle] .msg{animation:fx-wiggle calc(.26s * var(--motion)) ease-in-out 4}@keyframes fx-wiggle{50%{transform:rotate(calc(1deg * var(--motion-intensity)))}}[data-effect=glitch] .hero__title{animation:fx-glitch calc(.12s * var(--motion)) steps(2) 8}@keyframes fx-glitch{0%{clip-path:inset(10% 0 55%);transform:translate(-4px)}to{clip-path:inset(60% 0 8%);transform:translate(4px)}}[data-effect=pulse] .composer__box{animation:fx-pulse calc(.6s * var(--motion)) ease-out 2}@keyframes fx-pulse{50%{box-shadow:0 0 0 8px color-mix(in srgb, var(--signal) 45%, transparent)}}[data-effect=spotlight] .sheet{animation:fx-spot calc(1.2s * var(--motion)) ease-out}@keyframes fx-spot{0%{filter:brightness(1.25)contrast(1.15)}}.fx-tape{z-index:30;background:var(--signal);height:3.2rem;transform:rotate(var(--tilt)) translateX(-110%);pointer-events:none;animation:fx-tape calc(1.1s * var(--motion)) var(--ease-out) forwards;box-shadow:0 4px 0 var(--ink);position:fixed;top:45vh;left:-10vw;right:-10vw}@keyframes fx-tape{60%{transform:rotate(var(--tilt)) translateX(0)}to{transform:rotate(var(--tilt)) translateX(110%)}}.fx-confetti{z-index:30;pointer-events:none;position:fixed;inset:0;overflow:hidden}.fx-confetti i{background:var(--signal);width:.55rem;height:.9rem;animation:fx-fall var(--fall,1.6s) linear forwards;position:absolute;top:-2rem}.fx-confetti i:nth-child(3n){background:var(--ink)}.fx-confetti i:nth-child(5n){background:var(--canvas);outline:1px solid var(--ink)}@keyframes fx-fall{to{transform:translate(var(--drift,0), 110vh) rotate(var(--spin,540deg))}}}@font-face{font-family:Anybody Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:50% 150%;src:url(/assets/anybody-vietnamese-wdth-normal-9GtAklmW.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Anybody Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:50% 150%;src:url(/assets/anybody-latin-ext-wdth-normal-BaQ5u-C4.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Anybody Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:50% 150%;src:url(/assets/anybody-latin-wdth-normal-CHqbGEEr.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Libre Franklin Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/libre-franklin-cyrillic-ext-wght-normal-BbRulJFC.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Libre Franklin Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/libre-franklin-cyrillic-wght-normal-se3OnFSl.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Libre Franklin Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/libre-franklin-vietnamese-wght-normal-DTJpi3oK.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Libre Franklin Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/libre-franklin-latin-ext-wght-normal-CeZZaleV.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Libre Franklin Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/libre-franklin-latin-wght-normal-CLTz0ja0.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Martian Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/martian-mono-cyrillic-ext-wght-normal-DAknEryR.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Martian Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/martian-mono-cyrillic-wght-normal-B84CD5C_.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Martian Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/martian-mono-latin-ext-wght-normal-DlL6xMw5.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Martian Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/martian-mono-latin-wght-normal-5W32yIyr.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}