@font-face{font-family:Fragment Mono;src:url(/assets/FragmentMono-Regular-CQGFFnOf.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Herr Von Muellerhoff;src:url(/assets/HerrVonMuellerhoff-Regular-BCGrFrAm.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root,body,button,input,select,textarea,pre,code,h1,h2,p{font-family:Fragment Mono,ui-monospace,monospace}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--size:12px;--line-h:20px;--ink:#ecebe4;--dim:#ecebe47a;--faint:#ecebe440;--line:#ecebe41f;--paper:#0c0c0d;--signal:#f2a51f;--radius-s:2px;--radius:4px;--gutter:24px;--ease:cubic-bezier(.22, .61, .36, 1);--fade:.7s;color:var(--ink);background:var(--paper);font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body{background:var(--paper);margin:0}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:var(--faint) transparent}}::-webkit-scrollbar{background:0 0;width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-thumb{background:var(--faint);border-radius:var(--radius-s)}::-webkit-scrollbar-thumb:hover{background:var(--dim)}::-webkit-scrollbar-button{display:none}body,h1,h2,h3,p,button,input,dialog{font-size:var(--size);line-height:var(--line-h);letter-spacing:.02em;font-weight:400}body,h1,h2,button,#app p{text-transform:uppercase}h1,h2,h3,p{margin:0}button{color:inherit;cursor:pointer;font:inherit;line-height:var(--line-h);-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:color .25s var(--ease);background:0 0;border:0;padding:0}button:hover{color:var(--ink);text-underline-offset:4px;text-decoration:underline}button:disabled{cursor:default;color:var(--faint);text-decoration:none}button:focus-visible,a:focus-visible{text-underline-offset:4px;color:var(--ink);outline:none;text-decoration:underline}input:focus-visible{outline:none}a{color:inherit;text-decoration:none}.dim{color:var(--dim)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#stage{width:100vw;height:100vh;z-index:0;height:100svh;display:block;position:fixed;inset:0}#app{z-index:1;height:100vh;height:100svh;padding:16px var(--gutter) 20px;pointer-events:none;grid-template-rows:auto 1fr auto;display:grid;position:relative}#app>*{pointer-events:auto}header{height:var(--line-h);justify-content:space-between;align-items:center;display:flex}.wordmark{align-items:center;padding-left:24px;display:inline-flex;position:relative}.wordmark span{transition:opacity .7s,visibility .7s}#mark{transform-origin:20px;filter:drop-shadow(0 0 1px #000)drop-shadow(0 0 1px #000b);width:146px;height:124px;position:absolute;top:calc(50% - 62px);left:-24px;transform:scale(.335)}#mark.has-expanded{transition:transform 2s cubic-bezier(.45,0,.25,1)}#frame{pointer-events:none;min-height:0;margin:clamp(12px,3vh,32px) 0;position:relative}#generation{background:var(--paper);max-width:100%;transition:opacity var(--fade) var(--ease);padding:10px 14px 12px;position:absolute;bottom:0;left:0}#generation:empty{display:none}#generation p{color:var(--dim);white-space:pre}#generation p:last-child{color:var(--ink)}#generation.leaving{opacity:0}#generation.ritual{text-align:left;transition:opacity 1.4s var(--ease);background:0 0;padding:0;top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%)}#generation.ritual p{color:var(--dim)}#generation.ritual p:last-child{color:var(--ink)}footer{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;column-gap:24px;display:grid}.record{grid-column:1/5;min-width:0}.transport{grid-column:5/7}.steer{grid-column:7/10}.live{grid-column:10/12}.settings{grid-column:12/13}.group{flex-direction:column;min-width:0;display:flex}.line{height:var(--line-h);white-space:nowrap;align-items:center;min-width:0;display:flex}.group>.label{letter-spacing:.08em;color:var(--faint);align-items:flex-end;height:16px;margin-bottom:4px;font-size:10px}.record h1,.record p{text-overflow:ellipsis;display:block;overflow:hidden}#record-index{color:var(--dim)}.record h1{align-items:baseline;gap:10px;display:flex;overflow:visible}#work-title{letter-spacing:.01em;text-transform:none;white-space:nowrap;font-family:Herr Von Muellerhoff,Fragment Mono,cursive;font-size:30px;line-height:20px;transform:translateY(3px)}.record .fold>span:not(:empty)~span{display:none}#playback-status{color:var(--dim)}#action-note{color:var(--ink)}.group .note{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.group .note.said{color:var(--ink)}.play{gap:16px}#play-button{align-items:center;gap:8px;display:inline-flex}#play-button .icon{width:10px;height:10px}#clock{font-variant-numeric:tabular-nums;transition:opacity var(--fade) var(--ease)}#keep{width:100%;max-width:168px;color:var(--dim);align-items:center;gap:10px;display:flex}#keep:hover:not(:disabled),#keep:focus-visible{color:var(--ink);text-decoration:none}#keep:hover:not(:disabled) span,#keep:focus-visible span{text-underline-offset:4px;text-decoration:underline}#strip{flex:1;min-width:32px;height:11px;display:block}#action-note.elegy.keepable{cursor:pointer}#action-note.elegy.keepable:hover{color:var(--ink);text-underline-offset:4px;text-decoration:underline}body.immersive #clock{opacity:0}.volume{gap:8px}#mute-button .flat,#mute-button[aria-pressed=true] .bars{display:none}#mute-button[aria-pressed=true] .flat{display:inline}#mute-button{color:var(--dim)}#mute-button:hover,#mute-button:focus-visible{color:var(--ink)}#volume-value{text-align:right;width:3ch;color:var(--dim);font-variant-numeric:tabular-nums}.scale{--f:0;--gap:4px;--band:#ecebe41f;--lit:#ecebe447;min-width:32px;max-width:96px;height:var(--line-h);flex:1;display:block;position:relative}.scale:hover,.scale:focus-within{--band:#ecebe42b;--lit:#ecebe463}.scale>i{border-radius:var(--radius-s);pointer-events:none;height:14px;position:absolute;top:3px}.scale .lo{width:max(0px, calc((100% - 2px) * var(--f) + 1px - var(--gap)));background:var(--lit);left:0}.scale .hi{left:calc((100% - 2px) * var(--f) + 1px + var(--gap));background:var(--band);right:0}.scale .zero{background:var(--paper);border-radius:0;width:1px;display:none;left:calc(50% - .5px)}.scale input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}input[type=range]::-webkit-slider-runnable-track{height:var(--line-h);background:0 0}input[type=range]::-moz-range-track{height:var(--line-h);background:0 0}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--signal);border:0;border-radius:1px;width:2px;height:10px;margin-top:5px}input[type=range]::-moz-range-thumb{background:var(--signal);border:0;border-radius:1px;width:2px;height:10px}.options{gap:18px}.options button,.settings button{color:var(--dim);align-items:center;gap:7px;display:inline-flex}.options button:hover,.settings button:hover{color:var(--ink);text-decoration:none}.choice{gap:16px}.choice button:before{content:"";border:1px solid;border-radius:1px;flex:none;width:5px;height:5px}.choice button[aria-pressed=true]{color:var(--ink)}.choice button[aria-pressed=true]:before{background:var(--signal);border-color:var(--signal)}.command .icon{width:10px;height:10px}.key{border:1px solid var(--faint);border-radius:var(--radius-s);width:14px;height:14px;color:var(--dim);justify-content:center;align-items:center;font-size:10px;line-height:1;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.moves button:hover .key{border-color:var(--dim);color:var(--ink)}.moves button[aria-pressed=true]{color:var(--ink)}.moves button[aria-pressed=true] .key{background:var(--signal);border-color:var(--signal);color:var(--paper)}.moves button{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none}#images-button .dim{margin-left:2px}.links{align-items:center;gap:20px;display:flex}.links a{color:var(--dim);transition:color .25s var(--ease)}.links a:hover,.links a:focus-visible{color:var(--ink);text-underline-offset:4px;outline:none;text-decoration:underline}.icon{fill:none;stroke:currentColor;stroke-width:1px;stroke-linecap:square;stroke-linejoin:miter;vector-effect:non-scaling-stroke;flex:none;width:12px;height:12px}header>:not(.wordmark){transition:opacity var(--fade) var(--ease)}.fold{max-height:80px;transition:max-height 1s var(--ease), opacity .6s var(--ease), margin .9s var(--ease);overflow:hidden}body.immersive header>:not(.wordmark){opacity:0;pointer-events:none;transition-duration:1.1s}body.immersive .fold{opacity:0;pointer-events:none;max-height:0;margin-top:0;margin-bottom:0}body.immersive .wordmark span{opacity:0;visibility:hidden}body.immersive #mark{transform:translate(3px,15px)scale(.68)}body.immersive{cursor:none}#work-title{margin:-14px;padding:14px;-webkit-mask:linear-gradient(90deg,#000 46%,#0000 54%) 0 0/230% 100% no-repeat;mask:linear-gradient(90deg,#000 46%,#0000 54%) 0 0/230% 100% no-repeat}.record h1.fresh #work-title{animation:write var(--write,1.8s) cubic-bezier(.4, .1, .45, 1) both}.record h1.fresh #record-index{animation:arrive .8s var(--ease) both}@keyframes write{0%{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}@keyframes arrive{0%{opacity:0}}.record h1.gone #work-title{animation:1.5s cubic-bezier(.5,0,.6,1) both unwrite;-webkit-mask-image:linear-gradient(90deg,#0000 46%,#000 54%);mask-image:linear-gradient(90deg,#0000 46%,#000 54%)}.record h1.gone #record-index{opacity:0;transition:opacity 1s var(--ease)}@keyframes unwrite{0%{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}#action-note.elegy{color:var(--dim);animation:14s linear both elegy}@keyframes elegy{0%{opacity:0}10%{opacity:1}55%{opacity:1}to{opacity:0}}dialog.sheet{width:calc(100% - 2 * var(--gutter));max-width:none;max-height:calc(100svh - 40px);margin:auto var(--gutter) 20px;color:var(--ink);background:var(--paper);border-radius:var(--radius);border:0;padding:16px 18px 20px;overflow:auto}dialog.sheet::backdrop{background:#000000b8}dialog.sheet[open]{animation:rise .55s var(--ease)}dialog.sheet[open]::backdrop{animation:shade .55s var(--ease)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}@keyframes shade{0%{opacity:0}}.sheet-top{align-items:center;gap:24px;margin-bottom:16px;display:flex}.sheet-top h2{margin-right:auto}.tone{grid-template-columns:minmax(96px,1fr) minmax(0,3fr) minmax(64px,1fr) minmax(0,7fr);align-items:center;gap:6px 24px;display:grid}.tone .label{color:var(--faint);text-transform:uppercase;grid-column:1}.tone .options{flex-wrap:wrap;grid-column:2/4;gap:0 18px;display:flex}.tone .hint{text-transform:none;grid-column:4}.tone .scale{--f:.5;grid-column:2;width:100%;max-width:320px}.tone .scale .zero{display:block}.tone .value{color:var(--dim);font-variant-numeric:tabular-nums;grid-column:3}#sound-button[aria-pressed=true]{color:var(--ink)}@media (max-width:640px){.tone{grid-template-columns:72px minmax(0,1fr) 52px}.tone .options{grid-column:2/4}.tone .hint{grid-column:1/-1}}#random-image{color:var(--dim)}#random-image[aria-pressed=true]{color:var(--ink);text-underline-offset:4px;text-decoration:underline}dialog.picker{width:100vw;height:100vh;max-width:none;height:100svh;max-height:none;padding:16px var(--gutter) 20px;color:var(--ink);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0c0c0de6;border:0;grid-template-rows:auto 1fr auto auto;margin:0;display:none;position:fixed;inset:0;overflow:hidden}dialog.picker[open]{animation:shade .5s var(--ease);transition:opacity .6s var(--ease);display:grid}dialog.picker.leaving{opacity:0;pointer-events:none}dialog.picker::backdrop{background:0 0}.stack{margin:8px calc(-1 * var(--gutter));touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;outline:none;position:relative;overflow:hidden}.stack:active{cursor:grabbing}.card{aspect-ratio:4/5;border-radius:var(--radius);transform-origin:50%;will-change:transform, opacity;backface-visibility:hidden;background:#ffffff0a;width:min(19vw,26vh);padding:0;transition:none;position:absolute;top:50%;left:50%;overflow:hidden}.card canvas{opacity:0;filter:grayscale(.35)brightness(.7);width:100%;height:100%;transition:opacity .6s var(--ease), filter .5s var(--ease);display:block}.card.ready canvas{opacity:1}.card.focus canvas,.card:hover canvas{filter:none}.card:hover{text-decoration:none}.card[aria-pressed=true]{overflow:visible}.card[aria-pressed=true] canvas{border-radius:var(--radius)}.card[aria-pressed=true]:after{content:"";border:1px solid var(--dim);border-radius:calc(var(--radius) + 3px);pointer-events:none;position:absolute;inset:-5px}.card:focus-visible{outline:none}.caption{height:var(--line-h);justify-content:center;gap:24px;display:flex}.picker .hint{text-align:center;letter-spacing:.08em;color:var(--faint);margin-top:4px;font-size:10px}@media (max-width:640px){.card{width:min(36vw,24vh)}}body.doc{min-height:100svh;padding:16px var(--gutter) 64px}.doc-head{z-index:2;background:var(--paper);height:auto;padding:0 0 12px;position:sticky;top:0}.links a[aria-current=page]{color:var(--ink);text-underline-offset:4px;text-decoration:underline}.doc-main{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;padding-top:clamp(32px,8vh,96px);display:grid}.doc-main h1{grid-column:1/-1;margin-bottom:8px}.doc-main .lede{text-transform:none;color:var(--ink);grid-column:5/12;max-width:64ch;margin-bottom:40px}.doc-main section{grid-column:1/-1;grid-template-columns:subgrid;border-top:1px solid var(--line);padding:14px 0;display:grid}.doc-main h2{color:var(--faint);text-transform:uppercase;grid-column:1/5}.doc-main section>div{grid-column:5/12;max-width:64ch}.doc-main p,.doc-main li{text-transform:none;color:var(--dim);margin:0 0 10px}.doc-main ul{margin:0 0 10px;padding-left:16px}.doc-main a{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.skip{position:absolute;left:-9999px}.skip:focus{left:var(--gutter);z-index:3;background:var(--paper);padding:4px 8px;top:8px}@media (max-width:760px){.doc-main .lede,.doc-main h2,.doc-main section>div{grid-column:1/-1}.doc-main h2{margin-bottom:6px}}@media (max-width:1100px){.record{grid-column:1/9}.transport{grid-column:9/13}.steer{grid-column:1/6;margin-top:12px}.live{grid-column:6/10;margin-top:12px}.settings{grid-column:10/13;margin-top:12px}}@media (max-width:640px){:root{--gutter:16px}footer{column-gap:16px}.links{gap:14px}.record{grid-column:1/9}.transport{grid-column:9/13;align-items:flex-end}.play{gap:10px}#clock{display:none}.transport .volume{justify-content:flex-end;width:100%}.steer{grid-column:1/13}.live{grid-column:1/7}.settings{grid-column:7/13}.scale{min-width:32px}.options{gap:14px}}@media (prefers-reduced-motion:reduce){#mark.has-expanded,.wordmark span,header>*,.fold,#generation,button{transition:none}dialog.sheet[open],.record h1.fresh #work-title,.record h1.fresh #record-index{animation:none}dialog.sheet[open]::backdrop{animation:none}}body.magazine{padding-bottom:96px}.issue{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;display:grid}.issue>*{grid-column:1/-1}.masthead{grid-template-columns:subgrid;align-items:start;height:auto;padding:clamp(48px,12vh,140px) 0 clamp(40px,8vh,96px);display:grid}.masthead>*{grid-column:1/-1}.kicker{letter-spacing:.08em;color:var(--faint);gap:24px;margin-bottom:clamp(24px,5vh,56px);font-size:10px;display:flex}.masthead h1{grid-template-columns:subgrid;text-transform:none;grid-column:1/-1;row-gap:28px;display:grid}.masthead .script{letter-spacing:0;color:var(--ink);grid-column:1/-1;margin-left:-.04em;font-family:Herr Von Muellerhoff,Fragment Mono,cursive;font-size:clamp(88px,15vw,232px);line-height:.8}.masthead .deck{color:var(--ink);text-transform:none;grid-column:5/11;max-width:52ch;font-size:15px;line-height:24px}.masthead .meta{grid-column:5/12;gap:24px;margin-top:28px;display:flex}.masthead .meta a,.colophon a{color:var(--ink);text-underline-offset:4px;text-decoration:underline}.chapter{grid-template-columns:subgrid;border-top:1px solid var(--line);padding:20px 0 36px;display:grid}.chapter h2{color:var(--ink);text-transform:uppercase;grid-column:1/5;align-items:baseline;gap:16px;display:flex}.chapter h2 .no{color:var(--faint);letter-spacing:.08em;font-size:10px}.chapter .body{grid-column:5/11;max-width:62ch}.chapter p,.chapter dd{text-transform:none;color:var(--dim);margin:0 0 14px;line-height:22px}.chapter .lede{color:var(--ink);margin-bottom:18px;font-size:15px;line-height:24px}.chapter a{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.pull{border-top:1px solid var(--line);grid-template-columns:subgrid;margin:0;padding:clamp(40px,9vh,104px) 0;display:grid}.pull blockquote{grid-column:3/12;margin:0}.pull p{color:var(--ink);text-transform:none;letter-spacing:0;font-family:Herr Von Muellerhoff,Fragment Mono,cursive;font-size:clamp(44px,5.6vw,84px);line-height:1}.maker .portrait{grid-column:5/11;max-width:360px;margin:0 0 24px}.portrait img{aspect-ratio:1;object-fit:cover;border-radius:var(--radius);filter:grayscale()contrast(1.05);background:#ffffff08;width:100%;height:auto;display:block}.portrait figcaption{letter-spacing:.08em;color:var(--ink);justify-content:space-between;margin-top:8px;font-size:10px;display:flex}.terms{grid-template-columns:96px minmax(0,1fr);column-gap:24px;margin:0;display:grid}.terms dt{color:var(--faint);text-transform:uppercase;letter-spacing:.08em;font-size:10px;line-height:22px}.terms dd{margin:0 0 14px}.listen h2{grid-column:1/4}.listen .body{grid-column:4/11;grid-template-columns:subgrid;max-width:none;display:grid}.listen .terms{grid-column:1/-1;grid-template-columns:subgrid}.listen .terms dt{white-space:nowrap;grid-column:1;justify-self:end}.listen .terms dd{grid-column:2/-1;max-width:62ch}.faq h3{color:var(--ink);text-transform:none;margin:0 0 4px}.faq h3:not(:first-child){margin-top:18px}.colophon{border-top:1px solid var(--line);justify-content:space-between;gap:24px;padding-top:20px;display:flex}.colophon p{gap:24px;display:flex}@media (max-width:900px){.masthead .deck,.masthead .meta,.chapter .body{grid-column:1/-1}.chapter h2{grid-column:1/-1;margin-bottom:14px}.pull blockquote{grid-column:1/-1}.maker .portrait{grid-column:1/-1;max-width:280px;margin:0 0 18px}.listen h2{grid-column:1/-1}.listen .body{grid-column:1/-1;display:block}.listen .terms{grid-template-columns:72px minmax(0,1fr)}.listen .terms dt{grid-column:auto;justify-self:start}.listen .terms dd{grid-column:auto}.colophon{flex-direction:column}}