:root{--ground:#fff;--ink:#0d0d0d;--amber:#ffad38;--amber-rgb:255 173 56;--ink-2:#3d3d3d;--ink-3:#6e6e6e;--ink-4:#a6a6a6;--dim:#b3b3b3;--display:"Gloock", "Times New Roman", serif;--text:"Newsreader", Georgia, serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--gut:clamp(3.4rem, 5vw, 5rem);--code-size:1.12rem;--row:1.84rem;--pad:.7rem;--pivot:5.2rem;--floor:19.4rem;--ease:cubic-bezier(.22, .7, .2, 1)}*{box-sizing:border-box}html{background:var(--ground);-webkit-text-size-adjust:100%}body{background:var(--ground);color:var(--ink);font-family:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-size:1.2rem;line-height:1.42}[hidden]{display:none!important}::selection{background:var(--ink);color:var(--ground)}.stage ::selection{background:var(--ground);color:var(--ink)}h1,h2{font-family:var(--display);margin:0;font-weight:400}code,pre,#code{font-family:var(--mono)}.quiet{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sign{border:2.5px solid var(--ink);background:var(--ground);color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;padding:.62rem 1rem .68rem;font-size:1rem;line-height:1;text-decoration:none;transition:background-color .3s,border-color .3s,color .3s;display:inline-block}a.sign:focus-visible,button.sign:focus-visible{background:var(--ink);color:var(--ground);outline:none}@media (hover:hover){a.sign:hover,button.sign:hover{background:var(--ink);color:var(--ground)}}.links{z-index:5;padding:max(1.1rem, env(safe-area-inset-top)) clamp(1.1rem, 2vw, 1.6rem) 0 var(--gut);pointer-events:none;justify-content:space-between;gap:.5rem;display:flex;position:absolute;top:0;left:0;right:0}.links a{pointer-events:auto}.links a:last-child{border-color:var(--ground);background:var(--ink);color:var(--ground)}.links a:last-child:focus-visible{background:var(--ground);color:var(--ink)}@media (hover:hover){.links a:last-child:hover{background:var(--ground);color:var(--ink)}}.room{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;display:grid}.page{min-width:0}.desk{height:100svh;min-height:42rem;padding:0 0 1.15rem var(--gut);flex-direction:column;display:flex;position:relative}.title{flex:none;padding-top:4.9rem}.title h1{font-size:clamp(4rem,min(8.4vw,14vh),7.4rem);line-height:.98}#tail{width:0;height:0;display:inline-block}.title p{text-wrap:pretty;max-width:28.5rem;margin:.55rem 0 0;font-size:1.24rem;line-height:1.26}.wire{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.wire path{fill:none;stroke:var(--ink);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:1.9s cubic-bezier(.62,0,.24,1) .2s forwards lay}.stage .wire path{stroke:var(--ground)}@keyframes lay{to{stroke-dashoffset:0}}.shelf{flex:none;align-items:center;gap:1.5rem;margin:1.3rem 0 .75rem;padding-right:2rem;display:flex;position:relative}.picks{flex:none;gap:.15rem;margin-left:-.45rem;padding-bottom:.45rem;display:flex;position:relative}.pick{cursor:pointer;padding:.35rem .42rem;display:block}.pick input{opacity:0;pointer-events:none;position:absolute}.pick svg{width:2.1rem;height:2.1rem;color:var(--ink);opacity:.32;border-radius:.5rem;transition:opacity .45s;display:block;overflow:visible}.pick path{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.pick input:checked+svg{opacity:1}.pick input:focus-visible+svg{outline:2px solid var(--ink);outline-offset:.3rem;opacity:1}@media (hover:hover){.pick:hover svg{opacity:1}}.pick-line{background:var(--ink);width:2.1rem;height:2.5px;transition:transform .7s var(--ease);border-radius:2px;position:absolute;bottom:0;left:0}.about{min-width:0;margin:0 0 .3rem;line-height:1.2}.about b{font-family:var(--display);font-size:1.32rem;font-weight:400;display:block}.about span{color:var(--ink-3);font-size:1.08rem;font-style:italic}.editor{min-height:11rem;margin-left:calc(var(--gut) * -1);transition:flex-grow .8s var(--ease);flex:1 1 0;display:flex;position:relative;overflow:hidden}.editor:after{content:"";bottom:0;right:0;left:var(--gut);background:var(--ink);transform-origin:0;height:2.5px;transition:transform .9s var(--ease);position:absolute;transform:scaleX(0)}.editor:focus-within:after{transform:scaleX(1)}.mark{height:var(--row);animation:fall .9s var(--ease) both;position:absolute;top:0;left:0;right:0}.mark:before{content:"";background:linear-gradient(90deg, var(--amber) 62%, rgb(var(--amber-rgb) / 0));position:absolute;inset:0}@keyframes fall{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.gutter{width:var(--gut);padding:var(--pad) .65rem var(--pad) 0;color:var(--ink-4);font-family:var(--mono);font-size:.78rem;line-height:var(--row);text-align:right;-webkit-user-select:none;user-select:none;white-space:pre;flex:none;position:relative;overflow:hidden}#numbers span{transition:color .35s;display:block}#numbers span.now,#numbers span.hit{color:var(--ink)}.gutter,.sheet{-webkit-mask-image:linear-gradient(#000 calc(100% - 1.6rem),#0000);mask-image:linear-gradient(#000 calc(100% - 1.6rem),#0000)}.sheet{flex:1;min-width:0;position:relative;overflow:hidden}.scroller{pointer-events:none;position:absolute;top:0;left:0}.ink,#code{padding:var(--pad) 2rem 2rem 0;font-size:var(--code-size);line-height:var(--row);tab-size:4;white-space:pre;margin:0}.ink{min-width:100%;color:var(--ink-2)}.ink.arrive{animation:ink-in .9s var(--ease)}@property --wet{syntax:"<percentage>";inherits:false;initial-value:120%}@keyframes ink-in{0%{--wet:-10%}to{--wet:120%}}.ink.arrive{-webkit-mask-image:linear-gradient(180deg, #000 calc(var(--wet) - 10%), transparent var(--wet));mask-image:linear-gradient(180deg, #000 calc(var(--wet) - 10%), transparent var(--wet))}.t-k{color:var(--ink);font-weight:700}.t-o{color:var(--ink-3)}.t-n{color:var(--ink)}.t-p{color:var(--ink-4)}.t-c{color:var(--ink-3);font-style:italic}.t-x{color:var(--ink);-webkit-text-decoration:underline dotted var(--ink-3) 2px;text-decoration:underline dotted var(--ink-3) 2px;text-underline-offset:.2em}#code{color:#0000;width:100%;height:100%;caret-color:var(--ink);-webkit-text-fill-color:transparent;resize:none;scrollbar-color:var(--ink-4) transparent;scrollbar-width:thin;background:0 0;border:0;outline:none;display:block;position:absolute;inset:0;overflow:auto}#code::selection{background:#0d0d0d21}.caret{width:2.5px;height:var(--row);transition:transform .11s cubic-bezier(.2,.8,.3,1);display:none;position:absolute;top:0;left:0}.caret:before{content:"";background:var(--ink);opacity:0;border-radius:2px;transition:opacity .25s;position:absolute;inset:.2rem 0}.glide #code{caret-color:#0000}.glide .caret{display:block}.caret.shown:before{opacity:1}.caret.shown.resting:before{animation:2.6s ease-in-out infinite breathe}@keyframes breathe{50%{opacity:.22}}.ruler{opacity:0;height:2.5px;transition:opacity .5s;display:flex;position:absolute;top:0;left:0}.ruler.shown{opacity:1;transition-duration:.15s}.ruler b{background:var(--ink-4);opacity:.55;transition:background-color .2s ease, opacity .2s ease, margin .4s var(--ease);border-radius:2px;flex:1;margin:0 1px}.ruler b.on{background:var(--ink);opacity:1}.ruler.whole b{margin:0 -.5px}.foot{flex-wrap:wrap;flex:none;align-items:center;gap:.5rem 1rem;margin-top:.8rem;padding-right:2rem;display:flex}.hint{color:var(--ink-3);font-size:1rem;font-style:italic}.run-again{display:none}.run-again:focus-visible{outline:2.5px solid var(--ink);outline-offset:2px}.generated{opacity:0;min-height:0;transition:flex-grow .8s var(--ease), opacity .6s ease, margin .8s var(--ease);flex:0 0 0;padding-right:2rem;overflow:hidden}.generated.open{opacity:1;scrollbar-color:var(--ink-4) transparent;scrollbar-width:thin;flex-grow:1;margin-top:1rem;overflow:auto}.generated h2{font-size:1.32rem;line-height:1.2}.generated p{margin:.4rem 0 0}.generated pre{color:var(--ink-2);margin:.4rem 0 0;font-size:.92rem;line-height:1.5rem}.notes{max-width:44rem;padding:2.4rem 2rem 5rem var(--gut);color:var(--ink-2);font-size:1.08rem}.notes details+details{margin-top:.1rem}.notes summary{color:var(--ink-3);cursor:pointer;border-radius:.3rem;align-items:center;gap:.6rem;padding:.28rem 0;font-style:italic;list-style:none;transition:color .3s;display:inline-flex}.notes summary::-webkit-details-marker{display:none}.notes summary:before{content:"";width:.72rem;height:.72rem;transition:transform .6s var(--ease);background:linear-gradient(currentColor,currentColor) 50%/100% 2px no-repeat,linear-gradient(currentColor,currentColor) 50%/2px 100% no-repeat;flex:none}.notes details[open] summary{color:var(--ink)}.notes details[open] summary:before{transform:rotate(135deg)}.notes summary:focus-visible{outline:2px solid var(--ink);outline-offset:.2rem}@media (hover:hover){.notes summary:hover{color:var(--ink)}}@supports (interpolate-size:allow-keywords){.notes{interpolate-size:allow-keywords}.notes details::details-content{height:0;transition:height .7s var(--ease), content-visibility .7s allow-discrete;overflow:hidden}.notes details[open]::details-content{height:auto}}.notes p{margin:.7rem 0 0}.notes code{font-size:.82em}.notes dl{margin:.9rem 0}.notes dt{margin-top:.8rem}.notes dd{margin:0}.notes ul{margin:.7rem 0 1.2rem;padding-left:1.2rem}.notes li{margin-bottom:.45rem}.stage{background:var(--ink);min-width:0;height:100svh;min-height:42rem;color:var(--ground);flex-direction:column;display:flex;position:sticky;top:0;overflow:hidden}.rig{top:var(--pivot);transform-origin:0 0;will-change:transform;width:0;height:0;position:absolute;left:50%}.beam{background:conic-gradient(from 151deg at 50% 0, rgb(var(--amber-rgb) / 0) 0deg, rgb(var(--amber-rgb) / .33) 9deg, rgb(var(--amber-rgb) / .37) 29deg, rgb(var(--amber-rgb) / .33) 49deg, rgb(var(--amber-rgb) / 0) 58deg, rgb(var(--amber-rgb) / 0) 360deg);opacity:0;pointer-events:none;width:150rem;height:75rem;position:absolute;top:7.4rem;left:-75rem;-webkit-mask-image:radial-gradient(50rem 46rem at 50% 0,#000 6%,#0000009e 36%,#00000038 72%,#0000 100%);mask-image:radial-gradient(50rem 46rem at 50% 0,#000 6%,#0000009e 36%,#00000038 72%,#0000 100%)}.glow{background:radial-gradient(closest-side, rgb(var(--amber-rgb) / .5), rgb(var(--amber-rgb) / .12) 30%, rgb(var(--amber-rgb) / 0) 72%);opacity:0;pointer-events:none;width:28rem;height:28rem;position:absolute;top:calc(118px - 14rem);left:-14rem}.lamp{width:224px;height:150px;position:absolute;top:0;left:-112px;overflow:visible}.lamp .line{stroke:var(--ground);stroke-width:2.5px;stroke-linecap:round}.lamp .bulb{fill:var(--ink);stroke:var(--ground);stroke-width:2.5px}.bulb-lit{fill:var(--amber);opacity:0}.ember{fill:var(--amber)}.shade{fill:var(--ink);stroke:var(--ground);stroke-width:2.5px;stroke-linejoin:round}.rim{fill:none;stroke:var(--amber);stroke-width:2.5px;stroke-linecap:round;opacity:0}.tag{transform-origin:0 0;width:0;height:0;position:absolute;top:98px;left:56px}.tag-cord{background:var(--ground);transform-origin:0 0;width:2px;height:5rem;position:absolute;top:0;left:-1px}.run{border-color:var(--ground);background:var(--ground);min-height:2.9rem;color:var(--ink);font-family:var(--display);touch-action:none;-webkit-user-select:none;user-select:none;padding:.55rem 1.5rem .68rem;font-size:1.42rem;position:absolute;top:5rem;left:0;transform:translate(-50%)}button.run:focus-visible{background:var(--ground);color:var(--ink);outline:2.5px solid var(--ground);outline-offset:3px}@media (hover:hover){button.run:hover{background:var(--ground);color:var(--ink)}}.moth{width:26px;height:18px;fill:var(--ground);opacity:0;pointer-events:none;position:absolute;top:-9px;left:-13px;overflow:visible}.readout{z-index:1;min-height:0;padding:var(--floor) clamp(1.2rem, 3vw, 2.4rem) 1.6rem;pointer-events:none;flex-direction:column;flex:1;display:flex;position:relative}.output,.status,.input{pointer-events:auto}.output{min-height:0;font-family:var(--display);font-variant-numeric:lining-nums;text-align:center;white-space:pre-line;overflow-wrap:anywhere;scrollbar-width:none;flex:0 auto;font-size:4rem;line-height:1.08;transition:opacity .22s;overflow:hidden auto}.output::-webkit-scrollbar{display:none}.output.live{transition:opacity .22s ease, font-size .7s var(--ease)}.output.gone{opacity:0}.output.long{-webkit-mask-image:linear-gradient(#0000,#000 3.2rem);mask-image:linear-gradient(#0000,#000 3.2rem)}.output.stale{opacity:.42;transition:opacity .9s}.output:focus-visible{outline:2px solid var(--ground);outline-offset:2px}.output span{display:block}.output .fresh{animation:lit 1.5s var(--ease) both}@keyframes lit{0%{opacity:0;color:var(--amber);transform:translateY(-.1em)}35%{opacity:1;color:var(--amber);transform:none}to{opacity:1;color:var(--ground);transform:none}}.status{text-align:center;overflow-wrap:anywhere;max-width:30rem;animation:rise .8s var(--ease) both;flex:none;margin:.8rem auto 0;font-size:1.2rem;line-height:1.3}.status:empty{display:none}.output:empty+.status{margin-top:2.2rem}.status.waiting{color:var(--dim);font-style:italic;animation-delay:.5s}@keyframes rise{0%{opacity:0;transform:translateY(.3rem)}}.status em{color:var(--dim);margin-top:.3rem;font-size:1rem;display:block}.where{background:var(--amber);color:var(--ink);border-radius:999px;margin:0 .45rem .3rem 0;padding:.28rem .72rem .34rem;font-size:1rem;line-height:1;display:inline-block}.input{text-align:center;flex:none;width:min(100%,17rem);margin:auto auto 0;padding-top:1rem}.input label{color:var(--dim);font-size:1.02rem;font-style:italic;display:block}.input textarea{border:0;border-bottom:2.5px solid var(--ground);width:100%;color:var(--ground);caret-color:var(--amber);font-family:var(--display);text-align:center;resize:none;scrollbar-width:none;background:0 0;border-radius:0;outline:none;padding:.2rem .4rem .3rem;font-size:1.32rem;line-height:1.3;display:block}.input textarea:focus{border-bottom-color:var(--amber)}.fuse{background:var(--amber);opacity:0;pointer-events:none;height:2.5px;position:absolute;bottom:0;left:0;right:0;transform:scaleX(1)}@media (width<=900px){:root{--gut:1rem;--code-size:1rem;--row:1.6rem;--pivot:0rem;--floor:13.4rem}.links{padding-right:var(--gut);position:relative}.links a:last-child{border-color:var(--ink);background:var(--ground);color:var(--ink)}.links a:last-child:focus-visible{background:var(--ink);color:var(--ground)}.room{flex-direction:column;align-items:stretch;display:flex}.page,.desk{display:contents}.desk>.wire,.stage>.wire{display:none}.title{padding:.7rem var(--gut) 0;order:1}.title h1{font-size:4.3rem}.title p{max-width:26rem;font-size:1.14rem}.shelf{padding:0 var(--gut);order:2;margin:.95rem 0 .9rem;display:block}.picks{justify-content:space-between;margin:0}.about{margin:.55rem 0 0}.about b{font-size:1.18rem;display:inline}.about b:after{content:"."}.stage{order:3;height:auto;min-height:31rem;position:relative}.readout{flex:1 0 auto}.output{flex:none;max-height:24rem}.status{font-size:1.14rem}.editor{flex:none;order:4;height:23.5rem;margin:.5rem 0 0}.gutter{width:2.3rem;padding-right:.55rem}.editor:after{left:0}.foot{padding:0 var(--gut);order:5;margin:.8rem 0 0}.run-again{background:var(--ink);color:var(--ground);padding-inline:1.5rem;display:inline-block}.hint{flex-basis:100%}.keys{display:none}.generated{max-height:0;padding:0 var(--gut);transition:max-height .8s var(--ease), opacity .6s ease, margin .8s var(--ease);flex:none;order:6}.generated.open{max-height:32rem}.notes{max-width:none;padding:2rem var(--gut) 4rem;order:7}}@media (width<=900px) and (hover:hover){.links a:last-child:hover{background:var(--ink);color:var(--ground)}}@media (prefers-reduced-motion:reduce){.sign,.pick svg,.pick-line,.editor,.editor:after,.generated,.notes summary:before,.output,#numbers span{transition:none}.wire path{stroke-dashoffset:0;animation:none}.mark,.status,.ink.arrive,.output .fresh{animation:none}.ink.arrive{-webkit-mask-image:none;mask-image:none}.notes details::details-content{transition:none}}