.cloud-atlas{padding:var(--m) 0}.cloud-atlas-heading{min-height:var(--m);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;margin-bottom:32px;display:flex}.cloud-atlas-heading h1{margin:0;line-height:32px}.cloud-atlas .picture-entry{border:0;justify-content:flex-end;align-self:stretch;gap:16px;width:672px;max-width:100%;padding:0}.cloud-atlas .picture-entry .button{min-width:192px}.cloud-atlas .picture-entry h2{font-size:var(--s0);letter-spacing:0;color:var(--ink-2)}.cloud-atlas .picture-entry-actions{font-size:var(--s-1);gap:16px}.cloud-atlas-controls{row-gap:24px;padding-bottom:24px;display:grid}.atlas-control-row{flex-wrap:wrap;align-items:center;gap:24px 32px;min-height:40px;display:flex}.atlas-search,.atlas-sort,.atlas-category{align-items:center;gap:16px;display:inline-flex}.atlas-search input{width:320px}.atlas-check{color:var(--ink-2);cursor:pointer;align-items:center;gap:8px;display:inline-flex}.atlas-results{font-size:var(--s-1);color:var(--ink-3);margin-left:auto}.atlas-random{min-width:96px}.atlas-cloud-grid{contain:layout paint;grid-template-columns:repeat(2,minmax(0,608px));justify-content:space-between;gap:64px 96px;display:grid}@media (width>=901px){@supports (width:round(down, 100px, 64px)){.atlas-cloud-grid:has(>:only-child){padding-left:max(0px, round(nearest, (100% - 608px) / 2, var(--m)));grid-template-columns:minmax(0,608px)}}}.atlas-cloud-card{min-width:0;position:relative}.atlas-cloud-identity{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:16px;height:32px;display:flex}.atlas-block-number{color:var(--ink);line-height:31px;text-decoration:none}.atlas-grow{font-size:var(--s-1);color:var(--ink-2);white-space:nowrap;text-decoration:none}.atlas-cloud-category{min-width:0;font-size:var(--s-1);color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;margin-right:auto;overflow:hidden}.atlas-cloud-area{min-width:0;height:calc(5 * var(--m));margin-top:16px;display:block}.atlas-cloud-area canvas{width:100%;display:block}.atlas-cloud-waiting,.atlas-cloud-skeleton{display:contents}.atlas-cloud-skeleton>*{visibility:hidden}.atlas-cloud-failed{font-size:var(--s-1);text-align:center;color:var(--ink-3);place-content:center;line-height:24px;display:grid;position:absolute;inset:0}.atlas-cloud-status{font-size:var(--s-1);color:var(--ink-3)}.atlas-strength-strip{border-top:1px solid var(--line);min-width:0;padding-top:15px}.atlas-band-groups{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:32px;display:grid}.atlas-band-group{min-width:0}.atlas-band-group[data-dim=true]{opacity:.3}.atlas-band-pictures{aspect-ratio:1;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.atlas-patch-picture{background:var(--black);min-width:0;min-height:0;display:block;position:relative;overflow:hidden}.atlas-patch-picture:after{content:"";background:var(--band);height:2px;position:absolute;bottom:0;left:0;right:0}.atlas-picture-tile{background:color-mix(in srgb, var(--band) 22%, var(--black))}.atlas-patch-picture img{object-fit:cover;width:100%;height:100%;display:block}.atlas-patch-picture i{outline:1px solid var(--black);border:1px solid #fff;width:6.25%;height:6.25%;position:absolute}.atlas-band-heading{height:64px;padding-top:8px}.atlas-band-heading b{font-size:var(--s-1);letter-spacing:.08em;text-transform:uppercase;color:var(--band);font-weight:500;line-height:16px;display:block}.atlas-band-heading>span{font-size:var(--s-1);color:var(--ink-2);margin-top:8px;line-height:16px;display:block}.atlas-count-bar{width:100%;height:48px;margin-bottom:16px;display:block;overflow:visible}.atlas-count-ring{fill:var(--black);stroke:var(--ink-2);stroke-width:1px}.atlas-count-arrow{fill:none;stroke:var(--ink-2);stroke-width:1px}.atlas-no-results{padding:var(--m) 0;color:var(--ink-2)}.atlas-pagination{margin-top:var(--m);font-size:var(--s-1);color:var(--ink-3);justify-content:space-between;align-items:center;gap:16px;display:flex}.atlas-cloud-footer{height:var(--m);font-size:var(--s-1);color:var(--ink-3);margin:24px 0 0;line-height:16px}@media (hover:hover) and (pointer:fine){.atlas-block-number:hover,.atlas-grow:hover{text-underline-offset:4px;text-decoration:underline}}@media (width<=1439px){.cloud-atlas .picture-entry{width:auto}.atlas-band-groups{gap:16px}}@media (width<=900px){.atlas-cloud-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.cloud-atlas{padding:32px 0 var(--m)}.atlas-search,.atlas-sort,.atlas-category{gap:8px;width:100%;display:grid}.atlas-search input,.atlas-sort .select,.atlas-category .select{width:100%}.cloud-atlas-controls{row-gap:16px}.atlas-results{flex:1 0 auto;margin-left:0}.atlas-band-groups{grid-template-columns:repeat(4,80px);justify-content:space-between;gap:8px}.atlas-band-heading{height:auto;min-height:64px}.atlas-pagination{flex-wrap:wrap;justify-content:center}.atlas-pagination>span{text-align:center;order:-1;width:100%}}@media (pointer:coarse){.atlas-check,.atlas-grow{min-height:var(--touch-target)}.cloud-atlas .picture-entry-actions{min-height:48px}.atlas-grow{align-items:center;display:inline-flex}}@media (width>=641px) and (pointer:coarse){.cloud-atlas-controls{row-gap:20px;padding-bottom:20px}.atlas-control-row{row-gap:20px}}@media (width<=640px) and (pointer:coarse){.atlas-search,.atlas-sort,.atlas-category{gap:12px}.cloud-atlas-controls{padding-bottom:20px}.atlas-control-row{row-gap:20px}.atlas-search input{min-height:48px}}.atlas-cloud-loading{height:calc(5 * var(--m));pointer-events:none;place-items:center;display:grid;position:absolute;inset:48px 0 auto}.cloud-figure{position:relative}.cloud-figure svg{background:var(--black);outline:1px solid var(--line);width:100%;display:block}.cloud-figure-axis{stroke:var(--line)}.cloud-figure-ring{fill:var(--line-faint);stroke:var(--line-2)}.cloud-figure-band circle{opacity:.8}.cloud-figure-band[data-band=barely]{fill:var(--barely)}.cloud-figure-band[data-band=weakly]{fill:var(--weakly)}.cloud-figure-band[data-band=strongly]{fill:var(--strongly)}.cloud-figure-band[data-band=strongest]{fill:var(--strongest)}.cloud-figure-landed circle{fill:var(--ink);opacity:.7}.cloud-figure-landed circle[data-marked]{opacity:1;stroke:var(--black);stroke-width:1.5px}.cloud-figure-distance{stroke:var(--ink);stroke-dasharray:4 3}.cloud-figure-mean{fill:var(--ink);stroke:var(--black);stroke-width:1.5px}.cloud-figure-mean-label{fill:var(--ink);stroke:var(--black);stroke-width:3px;paint-order:stroke;font-family:var(--mono);font-size:12px}.cloud-figure-lit-ring{fill:none;stroke:var(--ink)}.cloud-figure-lit-dot{fill:var(--ink);stroke:var(--black);stroke-width:1.5px}.cloud-figure-lead{stroke:var(--ink-2)}.cloud-figure-label{top:calc(100% + var(--space-2));font-size:var(--s-1);white-space:nowrap;color:var(--ink-2);position:absolute}.cloud-figure-label[data-side=left]{transform:translate(-100%)}.how-picture{background:var(--black);aspect-ratio:1;display:block;position:relative;overflow:hidden}.how-picture img,.how-picture canvas{width:100%;height:100%;display:block}.how-picture canvas{position:absolute;inset:0}.home-material{position:relative}.home-field{background-color:var(--black);height:256px;image-rendering:pixelated;background-repeat:repeat;position:relative}.home-field-ticks{pointer-events:none;width:100%;height:6px;position:absolute;left:0}.home-field-ticks line{stroke:var(--line-2);stroke-width:1px;shape-rendering:crispedges}.home-field-ticks-top{top:-8px}.home-field-ticks-bottom{bottom:-8px}.home-field canvas{width:100%;height:100%;image-rendering:pixelated;display:block;position:absolute;inset:0}.home-field[data-brush] canvas{cursor:crosshair;touch-action:none}.home-field:not([data-live]) canvas{opacity:0}.home-material-note{top:calc(100% + var(--patch));font-size:var(--s-1);color:var(--ink-2);margin:0;line-height:16px;position:absolute;left:0}.home{--home-words:448px;--window:calc(100dvh / var(--page-scale));--home-panel:calc(100% - var(--edge) - var(--home-words) - var(--m));grid-column:full;grid-template-columns:minmax(var(--m), 1fr) var(--home-words) minmax(var(--m), 1fr) var(--home-panel);align-items:start;display:grid}.home-words{grid-area:1/2;min-width:0;container-type:inline-size}.home-panel{height:var(--window);background:var(--black);grid-area:1/4;position:sticky;top:0;overflow:hidden}.home-entrance{min-height:var(--window);padding-block:var(--m);grid-template-rows:auto minmax(0,1fr) auto;justify-items:center;display:grid}.home-title{color:var(--ink);font-size:min(var(--s2), calc(100cqw / 6.2));letter-spacing:-.04em;white-space:nowrap;font-weight:300;text-decoration:none}.home-links{text-align:center;align-self:center;justify-items:center;gap:8px;display:grid}.home-end .home-links{text-align:left;justify-items:start}.home-foot{gap:var(--space-1);align-self:end;justify-items:center;display:grid}.home-turn{gap:var(--patch);display:flex}.home-turn button,.home-down{border:1px solid var(--line-2);width:40px;height:40px;color:var(--ink-2);cursor:pointer;background:0 0;place-items:center;padding:0;display:grid}.home-turn button:hover,.home-down:hover{color:var(--ink);border-color:var(--ink)}.home-down{color:var(--ink-3);border-color:#0000}.home-links a{color:var(--ink);font-size:var(--s1);line-height:var(--lh1);letter-spacing:-.02em;text-decoration:none}.home-links a:hover{text-underline-offset:6px;text-decoration:underline}.home-note{margin:var(--patch) 0 0;font-size:var(--s-1);color:var(--ink-3);grid-row:3}.home-beat,.home-end{min-height:var(--window);align-content:center;display:grid}.home-beat-words{gap:var(--patch);padding-block:var(--m);display:grid}.home-beat-words .label{margin:0}.home-sentence{max-width:44ch;color:var(--ink-2);margin:0}.home-end .home-links{margin-top:var(--patch)}.home-layer{opacity:0;pointer-events:none;position:absolute;inset:0}.home-layer[data-shown]{opacity:1;pointer-events:auto}.home-layer-live .home-material,.home-layer-live .home-field{height:100%}.home-layer-live .home-field-ticks{display:none}.home-layer-live .home-material-note{top:auto;bottom:var(--patch);left:var(--patch)}.home-layer-figure{padding-top:var(--top);place-content:center;display:grid}.home-figure{gap:var(--patch);margin:0;display:grid}.home-picture{position:relative}.home-neighbourhood{box-sizing:border-box;border:1px dashed var(--ink);pointer-events:none;position:absolute}.home-caption{min-height:40px;font-size:var(--s-1);line-height:var(--lh-1);color:var(--ink-3);gap:4px;margin:0;display:grid}.home-cloud{margin-bottom:var(--patch);position:relative}.home-cloud .cloud-figure-band,.home-cloud .cloud-figure-lit,.home-cloud .cloud-figure-label{opacity:0}.home-cloud:not([data-arrived="0"]) .cloud-figure-band[data-band=barely],.home-cloud:is([data-arrived="2"],[data-arrived="3"],[data-arrived="4"],[data-arrived="5"]) .cloud-figure-band[data-band=weakly],.home-cloud:is([data-arrived="3"],[data-arrived="4"],[data-arrived="5"]) .cloud-figure-band[data-band=strongly],.home-cloud:is([data-arrived="4"],[data-arrived="5"]) .cloud-figure-band[data-band=strongest],.home-cloud[data-arrived="5"] .cloud-figure-lit,.home-cloud[data-arrived="5"] .cloud-figure-label{opacity:1}.home-strip{border:1px solid var(--line);position:relative;overflow:hidden}.home-strip img{max-width:none;image-rendering:pixelated;position:absolute;top:0}@media (prefers-reduced-motion:no-preference){.home-layer,.home-cloud .cloud-figure-band,.home-cloud .cloud-figure-lit,.home-cloud .cloud-figure-label{transition:opacity var(--motion-move)}}@media (width<=1023px){.home{display:block}.home-panel{z-index:1;height:calc(.6 * var(--window))}.home-words{padding-inline:var(--edge)}.home-entrance{min-height:calc(.4 * var(--window));padding-block:var(--patch) var(--space-2)}.home-foot{margin-top:var(--patch)}.home-down{height:24px}.home-beat,.home-end{align-content:start}.home-beat-words{padding-block:var(--patch) var(--m)}.home-words>section{scroll-snap-align:start}.site[data-home] .site-footer{scroll-snap-align:end}html:has(.site[data-home]){scroll-snap-type:y mandatory;scroll-padding-top:calc(.6 * 100dvh / var(--page-scale))}}.frame{--frame-room:var(--patch);--tick-length:6px;padding:var(--frame-room);position:relative}.frame:before{content:"";border:1px solid var(--sampled,var(--line));pointer-events:none;position:absolute;inset:0}.frame .cells{aspect-ratio:1;background:var(--black);outline:1px solid var(--line-2);position:relative}.frame-ticks{pointer-events:none;position:absolute;overflow:visible}.frame-ticks line{stroke:var(--line-2);stroke-width:1px;shape-rendering:crispedges}.frame-ticks-top,.frame-ticks-bottom{right:var(--frame-room);left:var(--frame-room);width:calc(100% - 2 * var(--frame-room));height:var(--tick-length)}.frame-ticks-top{top:calc((var(--frame-room) - var(--tick-length)) / 2)}.frame-ticks-bottom{bottom:calc((var(--frame-room) - var(--tick-length)) / 2)}.frame-ticks-left,.frame-ticks-right{top:var(--frame-room);bottom:var(--frame-room);width:var(--tick-length);height:calc(100% - 2 * var(--frame-room))}.frame-ticks-left{left:calc((var(--frame-room) - var(--tick-length)) / 2)}.frame-ticks-right{right:calc((var(--frame-room) - var(--tick-length)) / 2)}.frame-corner{max-width:calc(100% - 2 * var(--frame-room));background:var(--black);color:var(--ink-3);font-size:var(--s-1);white-space:nowrap;text-overflow:ellipsis;padding:0 6px;line-height:16px;position:absolute;overflow:hidden}.frame-corner-top{top:-8px;left:var(--frame-room)}.frame-corner-bottom{right:var(--frame-room);bottom:-8px}.material-stage{gap:var(--space-3);width:100%;display:grid}.stage-head h2{font-size:var(--s0);margin:0;font-weight:400}.stage-head p{margin:var(--space-1) 0 0;font-size:var(--s-1);color:var(--ink-2)}.stage-head a{color:var(--ink)}.stage-body{grid-template-columns:minmax(0, 640px) minmax(200px, clamp(200px, 100% - 640px - var(--space-4), 360px));align-items:start;gap:var(--space-4);display:grid}.stage-view{gap:var(--patch);min-width:0;display:grid}.stage-body[data-single]{grid-template-columns:minmax(0,640px)}.stage-fit{min-width:0}.stage-fit>.frame{width:fit-content}.stage-canvas{background:var(--black);cursor:none;touch-action:none;position:relative;overflow:hidden}.stage-canvas canvas{image-rendering:pixelated;display:block}.stage-loading{inset:auto var(--space-3) var(--space-3) var(--space-3);font-size:var(--s-1);color:var(--ink-2);position:absolute}.stage-ring{border:1.5px solid var(--sampled,var(--ink));pointer-events:none;border-radius:50%;outline:1px solid #00000080;position:absolute;transform:translate(-50%,-50%)}.stage-controls{align-items:center;gap:var(--space-2) var(--patch);font-size:var(--s-1);flex-wrap:wrap;display:flex}.stage-icon{border:1px solid var(--line-2);width:40px;height:40px;color:var(--ink);cursor:pointer;background:0 0;place-items:center;padding:0;display:inline-grid}.stage-icon:disabled{color:var(--ink-3);cursor:default}.stage-icon[aria-expanded=true]{border-color:var(--ink);background:var(--ink);color:var(--black)}.stage-reset{align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-4) 0 var(--space-3);border:1px solid var(--line-2);color:var(--ink);font:500 var(--s-1) / 1 var(--mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;display:inline-flex}.stage-reset:disabled{color:var(--ink-3);cursor:default}.stage-thumbnails button:focus-visible{outline-offset:-2px}.stage-controls .slider{width:200px}.stage-zoom{align-items:center;gap:var(--space-1);display:inline-flex}.stage-zoom output{text-align:center;min-width:3ch;color:var(--ink-2)}.stage-menus{gap:var(--space-1);margin-left:auto;display:inline-flex}.stage-panel{align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-3);border:1px solid var(--line);background:var(--black);font-size:var(--s-1);flex-wrap:wrap;display:flex}.stage-fields{align-items:end;gap:var(--space-2) var(--space-3);flex-wrap:wrap;width:100%;display:flex}.stage-fields label{color:var(--ink-2);gap:4px;display:grid}.stage-fields input,.stage-fields select{width:12ch;min-height:40px;font:inherit;color:var(--ink);background-color:var(--black);border:1px solid var(--line-2);padding:0 12px}.stage-fields input[type=number]{width:15ch}.stage-fields select{width:auto;padding-right:30px}.stage-message{font-size:var(--s-1);color:var(--ink-2);margin:0}.stage-notice{min-height:48px}.stage-thumbnails{gap:var(--space-2);max-height:640px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.stage-thumbnails button{align-items:center;gap:var(--space-2);width:100%;color:var(--ink-2);font:inherit;font-size:var(--s-1);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;grid-template-columns:48px minmax(0,1fr);padding:4px;display:grid}.stage-thumbnails button[aria-pressed=true]{border-color:var(--ink);color:var(--ink)}.stage-thumbnails button:not([data-fired]) img{opacity:.45}.stage-thumbnails img{width:48px;height:48px;image-rendering:pixelated;display:block}@media (width<=720px){.stage-body{grid-template-columns:minmax(0,1fr)}.stage-thumbnails{grid-auto-columns:56px;grid-auto-flow:column;max-height:none;overflow-x:auto}.stage-thumbnails button{grid-template-columns:1fr;padding:2px}.stage-thumbnails span{display:none}.stage-menus{margin-left:0}}@media (pointer:coarse){.stage-canvas{cursor:default}.stage-ring{display:none}.stage-icon{width:var(--touch-target);height:var(--touch-target)}.stage-reset{height:var(--touch-target)}.stage-fields input,.stage-fields select{min-height:var(--touch-target);font-size:16px}}@media (hover:hover) and (pointer:fine){.stage-icon:hover:not(:disabled),.stage-reset:hover:not(:disabled),.stage-thumbnails button:hover{background:var(--line-faint)}}.material-stage[data-layout=instrument]{gap:0;container:stage/inline-size}.stage-instrument{gap:var(--patch);grid-template-columns:minmax(0,1fr);display:grid}.stage-instrument .stage-controls .slider{flex:160px;width:auto;min-width:0}.stage-instrument .stage-readouts{order:1}.stage-instrument .stage-message{line-height:16px}.stage-instrument .stage-readouts{gap:var(--patch)}.stage-instrument .stage-readouts dl{row-gap:var(--patch)}.stage-instrument .stage-actions{align-content:space-between;height:112px}.stage-readouts{gap:var(--space-6);flex-direction:column;min-width:0;display:flex}.stage-readouts dl{align-items:baseline;gap:var(--space-2) var(--patch);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;grid-auto-rows:minmax(24px,auto);margin:0;display:grid}.stage-readouts dl[hidden]{display:none}.stage-readouts dt,.stage-readouts dd{line-height:24px}.stage-readouts dt{white-space:normal}.stage-readouts dt:has(+dd){padding-block:4px;line-height:16px}.stage-readouts dd{font-size:var(--s0);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;margin:0}.stage-readouts .stage-panel{flex-flow:column;align-items:stretch}.stage-readouts .stage-panel>*{flex-shrink:0}.stage-readouts .stage-fields{flex-direction:column;align-items:stretch}.stage-readouts .stage-fields input,.stage-readouts .stage-fields input[type=number],.stage-readouts .stage-fields select{width:100%}.stage-actions{gap:var(--patch);margin-top:auto;display:grid}.stage-words{align-items:baseline;gap:var(--space-2);color:var(--ink-3);font-size:var(--s-1);flex-wrap:wrap;margin:0;display:flex}.stage-word{color:var(--ink-2);font:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2);text-underline-offset:5px;cursor:pointer;background:0 0;border:0;padding:0}.stage-word[aria-expanded=true],span.stage-word{color:var(--ink);-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.stage-actions .button{width:100%}@container stage (width>=544px){.stage-instrument{grid-template-columns:max(calc(var(--cells,512px) + 2 * var(--patch)), 544px);row-gap:var(--patch);position:relative}.stage-instrument .stage-fit{max-width:calc(var(--cells,512px) + 2 * var(--patch))}.stage-instrument .stage-controls{min-height:48px;padding-top:var(--space-2);grid-row:2}.stage-instrument .stage-readouts{justify-content:space-between;align-items:center;gap:var(--patch) var(--space-6);flex-flow:wrap;order:0;grid-row:3;min-height:40px}.stage-readouts dl{align-items:center;column-gap:var(--patch);grid-template-columns:auto auto;min-height:40px}.stage-instrument .stage-actions{align-items:center;gap:var(--space-6);height:auto;margin-top:0;display:flex}.stage-instrument .stage-actions .button{width:auto}.stage-readouts .stage-owner{flex-basis:100%;order:3}.stage-instrument .stage-message{grid-row:4}.stage-readouts .stage-panel{flex-basis:100%;order:4}.stage-instrument .stage-controls{flex-wrap:nowrap}.stage-instrument .stage-controls .slider{flex-basis:0}}@media (width>=1200px){@container stage (width>=544px){.stage-readouts .stage-panel{top:0;left:calc(100% + var(--m));z-index:2;width:256px;max-height:calc(var(--cells,512px) + 2 * var(--patch));overscroll-behavior:contain;padding:var(--patch);border:1px solid var(--line);background:var(--black);position:absolute;overflow-y:auto}}}.stage-instrument .stage-reset{justify-content:center;width:104px}@media (pointer:coarse){.stage-word{min-height:var(--touch-target)}.stage-instrument .stage-controls{padding-top:var(--space-1)}.stage-instrument .stage-word,.stage-instrument .stage-actions .button{min-height:48px}}@media (hover:hover) and (pointer:fine){.stage-word:hover{color:var(--ink);-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}}.publish-material{font-size:var(--s-1);color:var(--ink-2)}.publish-material-form{gap:var(--space-2);width:100%;max-width:420px;font-size:var(--s-1);display:grid}.publish-material-form label{gap:4px;display:grid}.publish-material-form input{font:inherit;color:inherit;border:1px solid var(--line);background:0 0;border-radius:0;padding:6px 8px}.publish-material-form p{margin:0}.publish-material-actions{align-items:center;gap:var(--space-3);display:flex}.playground{--cells:256px;width:100%;padding:0 var(--patch) var(--m);grid-column:full;grid-template-columns:minmax(0,1fr);display:grid}@supports (width:round(down, 100px, 128px)){.playground{--cells:max(256px, round(down, 100vw / var(--page-scale) - 288px, 128px));grid-template-columns:minmax(0,round(down,100%,16px))}}.playground-stage{min-width:0}.playground-head{align-content:end;align-items:baseline;gap:var(--space-2) var(--space-6);height:128px;padding-bottom:var(--patch);flex-wrap:wrap;display:flex}.playground-head h1,.playground-head p{margin:0}.playground-head p{color:var(--ink-2)}.playground-status{margin:var(--m) 0;color:var(--ink-2)}@media (width>=1200px){.playground{--cells:512px;grid-template-columns:max(calc(var(--cells) + 2 * var(--patch)), 544px) minmax(0, 1fr);column-gap:var(--m);height:calc(100dvh / var(--page-scale) - var(--top));padding:0 0 0 var(--m);overflow:clip}@supports (width:round(down, 100px, 128px)){.playground{--cells:min(1024px, max(256px, round(down, min(100dvh / var(--page-scale) - 352px, 100vw / var(--page-scale) - 608px), 128px)))}.playground:has(.stage-owner){--cells:min(1024px, max(256px, round(down, min(100dvh / var(--page-scale) - 512px, 100vw / var(--page-scale) - 608px), 128px)))}@media (pointer:coarse){.playground:has(.stage-owner){--cells:min(1024px, max(256px, round(down, min(100dvh / var(--page-scale) - 640px, 100vw / var(--page-scale) - 608px), 128px)))}}}.playground-head{padding-bottom:0}.playground-shelf{overscroll-behavior:contain;min-height:0;padding:var(--m) var(--m) var(--m) 0;overflow-y:auto}}.playground-shelf{align-content:start;min-width:0;display:grid}@media (width<=1199px){.playground,.playground .stage-instrument{justify-content:center}.playground .stage-fit{justify-self:center;width:100%}.playground .stage-fit>.frame{margin-inline:auto}.playground-head{height:auto;min-height:128px;padding-top:var(--patch);text-align:center;flex-flow:column;justify-content:flex-end;align-items:center}.playground-tiles{justify-content:center}.playground-shelf{padding-top:var(--m)}}.playground-line{align-items:center;gap:var(--space-2) var(--patch);min-height:var(--m);border-bottom:1px solid var(--line);flex-wrap:wrap;display:flex}.playground-line h2{margin:0}.playground-empty{color:var(--ink-3);font-size:var(--s-1)}.playground-count{color:var(--ink-2);font-size:var(--s-1);font-variant-numeric:tabular-nums;margin-left:auto}.playground-yours .playground-empty+.playground-word{margin-left:auto}.playground-word{color:var(--ink-2);font:inherit;font-size:var(--s-1);text-decoration:underline;-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2);text-underline-offset:5px;cursor:pointer;background:0 0;border:0;padding:0}.playground-danger{color:var(--danger)}.playground-group>.playground-tiles,.playground-yours>.playground-tiles{padding-top:0}.playground-kept-actions{align-items:center;gap:var(--space-2) var(--patch);min-height:var(--m);padding:var(--space-2) 0;border-bottom:1px solid var(--line);color:var(--ink-2);font-size:var(--s-1);flex-wrap:wrap;display:flex}.playground-choice{color:var(--ink-2);font:inherit;font-size:var(--s-1);white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0}.playground-choice .label{margin-right:var(--space-2)}.playground-choice[aria-expanded=true],.playground-choice[aria-expanded=true] .label{color:var(--ink)}.playground-choice-row{min-height:var(--m);border-bottom:1px solid var(--line);align-items:center;display:flex}.playground-choice-row .segmented{border-bottom:0}.playground-block{padding-top:var(--m)}.playground-block-head{align-content:flex-end;align-items:baseline;gap:var(--patch);height:48px;padding-bottom:var(--space-2);border-bottom:1px solid var(--line);flex-wrap:wrap;display:flex;position:relative}.playground-block-head h2{margin:0}.playground-block-head h2 a{color:inherit;text-decoration:none}.playground-tiles{gap:48px var(--patch);padding:var(--patch) 0 48px;grid-template-columns:repeat(auto-fill,128px);margin:0;list-style:none;display:grid}.playground-tile{gap:var(--space-2);width:100%;color:var(--ink-2);font:inherit;font-size:var(--s-1);text-align:left;cursor:pointer;background:0 0;border:0;padding:0;line-height:16px;text-decoration:none;display:grid}.playground-tile-name{height:40px;padding-bottom:var(--space-1);border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-content:end;display:grid}.playground-tile-name>span{white-space:nowrap;text-overflow:ellipsis;grid-column:1;min-height:16px;overflow:hidden}.playground-tile-name>.playground-tile-marks{padding-left:var(--space-2);color:var(--ink-3);grid-area:1/2/span 2;align-content:end;justify-items:end;display:grid}.playground-tile img{aspect-ratio:1;background:var(--black);width:100%;height:auto;image-rendering:pixelated;display:block}.playground-tile-reading{font-variant-numeric:tabular-nums;height:24px}.playground-tile[aria-pressed=true]{color:var(--ink)}.playground-tile[aria-pressed=true] .playground-tile-name{border-bottom-color:var(--ink)}button.playground-tile:not([data-fired]),button.playground-tile[data-withdrawn]{color:var(--ink-3)}button.playground-tile:not([data-fired]) img,button.playground-tile[data-withdrawn] img{opacity:.45}.playground-head{position:relative}.playground-head-number h1{margin:0}.playground-head-number h1 a{color:inherit;text-decoration:none}.playground-head-number .playground-preview{top:0;left:calc(100% + var(--m))}.playground-preview{top:calc(100% + var(--space-2));z-index:4;width:min(100%,416px);padding:var(--patch);border:1px solid var(--line-2);background:var(--black);position:absolute;left:0}.playground-preview-card{gap:var(--patch);font-size:var(--s-1);display:grid}.playground-preview-card p{margin:0}.playground-preview-band{align-items:center;gap:var(--space-2);grid-template-columns:96px repeat(4,minmax(0,64px));display:grid}.playground-preview-picture{aspect-ratio:1;background:var(--line-faint);position:relative;overflow:clip}.playground-preview-picture img{object-fit:cover;width:100%;height:100%;display:block}.playground-preview-picture i{border:1px solid var(--ink);outline:1px solid var(--black);width:6.25%;height:6.25%;position:absolute}.playground-preview-foot{justify-content:space-between;align-items:baseline;gap:var(--patch);padding-top:var(--space-3);border-top:1px solid var(--line);color:var(--ink-2);display:flex}.playground-preview-foot a{color:var(--ink)}.playground-preview-sheet{width:100%;max-width:100%;max-height:calc(85dvh / var(--page-scale));padding:var(--space-6) var(--patch) var(--m);border:0;border-top:1px solid var(--line-2);background:var(--black);color:var(--ink);margin:auto 0 0}.playground-preview-sheet::backdrop{background:var(--scrim)}.playground-preview-sheet-head{margin-bottom:var(--patch);justify-content:space-between;align-items:baseline;display:flex}.playground-preview-sheet .playground-preview-band{grid-template-columns:repeat(4,minmax(0,1fr))}.playground-preview-sheet .playground-preview-band .band{grid-column:1/-1}.outline-travel{z-index:20;border:1px solid var(--ink);pointer-events:none;position:fixed}@media (width<=640px){.playground{grid-template-columns:minmax(0,1fr)}.playground .stage-controls{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.playground .stage-controls>.stage-icon{justify-self:end}.playground .stage-reset{justify-self:start}.playground .stage-controls .slider{grid-column:1/-1;width:100%}.playground .stage-readouts dl{grid-template-columns:auto auto;justify-content:center}.playground .stage-actions{justify-items:center;height:auto}.playground .stage-words{justify-content:center}.playground .stage-actions>.button{width:auto;max-width:100%}.playground-choice-row{min-width:0}.playground-choice-row .segmented{flex-wrap:wrap}.playground-yours .playground-line{align-items:center;gap:0 var(--patch);grid-template-columns:minmax(0,1fr) auto auto;grid-auto-rows:1fr;display:grid}.playground-yours .playground-line:has(.playground-empty){height:calc(2 * var(--m))}.playground-yours .playground-line>.playground-word{grid-area:1/3}.playground-yours .playground-empty{grid-area:2/1/auto/-1}.playground-tiles{row-gap:var(--patch);padding-bottom:var(--patch);grid-template-columns:repeat(auto-fill,96px)}}@media (pointer:coarse){.playground-word,.playground-choice{min-height:var(--touch-target)}.playground-block-head h2 a{min-width:var(--touch-target);min-height:var(--touch-target);align-items:center;display:inline-flex}}@media (hover:hover) and (pointer:fine){.playground-word:hover,.playground-choice:hover,.playground-block-head h2 a:hover,.playground-tile:hover{color:var(--ink)}.playground-tile:hover .playground-tile-name{border-bottom-color:var(--line-2)}}.selection-map{width:var(--m);height:var(--m);flex:none}.selection-map rect[data-cell=unread]{fill:#ffffff0d}.selection-map rect[data-cell=off]{fill:var(--line)}.selection-map rect[data-cell=on]{fill:var(--ink)}.selection-map[data-lit] rect[data-cell=on]{fill:var(--sampled,var(--ink))}@media (prefers-reduced-motion:no-preference){.selection-map rect{transition:fill var(--motion)}}.grow-status{grid-template-columns:var(--m) minmax(0, 1fr) auto;gap:var(--patch);align-items:center;display:grid}.grow-status p{margin:0}.grow-status-first{color:var(--ink);line-height:24px}.grow-status-second{min-height:16px;color:var(--ink-2);font-size:var(--s-1);line-height:16px}.grow-status .button{min-height:calc(2 * var(--patch))}.grow-fired{color:var(--strongest)}.grow-failure{color:var(--danger)}.grow-kept{align-items:center;gap:var(--space-2);color:var(--ink-3);font-size:var(--s-1);letter-spacing:.08em;text-transform:uppercase;font-weight:500;display:inline-flex}.grow-kept:before{content:"";border:1px solid var(--line-2);width:10px;height:10px}.grow-kept[data-on]{color:var(--ink)}.grow-kept[data-on]:before{border-color:var(--ink);background:var(--ink)}@media (prefers-reduced-motion:no-preference){.grow-kept:before{transition:background-color var(--motion), border-color var(--motion)}}.train-tray{z-index:12;pointer-events:none;flex-direction:column;align-items:flex-end;display:flex;position:fixed;bottom:0;right:0}.train-tray>*{pointer-events:auto}.train-tray[data-folded]{transform:translateY(calc(100% - var(--dock-tab-height)))}@media (prefers-reduced-motion:no-preference){.train-tray{transition:transform .24s cubic-bezier(.2,.7,.2,1)}}.train-tray-tab{z-index:1;align-items:center;gap:var(--space-2);height:var(--dock-tab-height);padding:0 var(--space-3) 0 var(--space-2);border:1px solid var(--line);border-right:0;border-bottom-color:var(--black);background:var(--black);color:var(--ink);font:inherit;font-size:var(--s-1);cursor:pointer;margin-bottom:-1px;font-weight:500;display:flex;position:relative}.train-tray-thumbnail{background:var(--black);width:24px;height:24px;image-rendering:pixelated;display:block}.train-tray-chevron{color:var(--ink-2)}@media (hover:hover) and (pointer:fine){.train-tray-tab:hover .train-tray-chevron{color:var(--ink)}}.train-tray-body{gap:var(--patch);padding:var(--patch);border-top:1px solid var(--line);border-left:1px solid var(--line);background:var(--black);display:grid}.train-tray-window{width:calc(4 * var(--m));outline:1px solid var(--sampled,var(--line-2));display:block}.train-tray-cells{aspect-ratio:1;background:var(--black);width:100%;image-rendering:pixelated;display:block}.train-tray-status{grid-template-columns:var(--m) minmax(0, 1fr);gap:var(--patch);width:calc(4 * var(--m));align-items:center;display:grid}.train-tray-status p{margin:0}.train-tray-actions{align-items:center;gap:var(--patch);width:calc(4 * var(--m));flex-wrap:wrap;display:flex}.train-tray[data-sheet]{left:0}.train-tray[data-sheet]>.train-tray-body{align-self:stretch;justify-items:center}.not-found h1{font-size:var(--s0);color:var(--ink-2);margin:0;line-height:24px}.not-found a{color:var(--ink);text-underline-offset:4px}@media (width<=640px){.not-found.page{padding-top:var(--m)}}@font-face{font-family:Paper Mono;src:url(/fonts/PaperMono-Variable.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--black:#000;--ink:oklch(94.5% .006 80);--ink-2:oklch(68.5% .008 80);--ink-3:oklch(47.4% .008 80);--line:#ffffff24;--line-2:#ffffff47;--line-faint:#ffffff0f;--barely:#8f9aa8;--weakly:#7fd3b5;--strongly:#dccf63;--strongest:#ee9a62;--paint-1:oklch(66% .17 145);--paint-2:oklch(66% .135 75);--paint-3:oklch(66% .13 230);--paint-4:oklch(66% .17 5);--paint-1-look:oklch(86% .15 175);--paint-2-look:oklch(86% .15 105);--paint-3-look:oklch(86% .065 260);--paint-4-look:oklch(86% .075 35);--danger:oklch(71.9% .169 13.4);--warn:oklch(87.9% .153 91.6);--ok:oklch(90.5% .089 164.2);--axis-1:oklch(71.9% .169 13.4);--axis-2:oklch(84.5% .13 165);--axis-3:oklch(82.8% .101 230.3);--measure:var(--ink);--scrim:oklch(0% 0 none/.7);--mono:"Paper Mono", ui-monospace, Menlo, Consolas, monospace;--s-1:12px;--s0:15px;--s1:28px;--s2:104px;--lh-1:16px;--lh0:24px;--lh1:32px;--lh2:112px;--m:64px;--patch:16px;--top:64px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-10:40px;--touch-target:44px;--motion:.14s ease-out;--motion-press:.1s ease-out;--motion-move:.24s cubic-bezier(.33, 1, .68, 1);--motion-move-out:.24s cubic-bezier(.32, 0, .67, 0)}@media (width<=640px){:root{--s1:24px;--s2:64px;--lh1:32px;--lh2:64px}}*{box-sizing:border-box;line-height:round(up,1em + 4px,8px)}p,ul,ol{margin-block:var(--space-4)}html,body,#root{height:100%}html{scrollbar-gutter:stable}html:has(.block-panel,dialog:modal){overflow:hidden}body{background:var(--black);color:var(--ink);font:400 var(--s0) / var(--lh0) var(--mono);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;margin:0}::selection{background:#ffffff38}b,strong{font-weight:500}h1,h2,h3,h4{font-size:inherit;font-weight:400;line-height:inherit;margin:0}:focus-visible{outline:1px solid var(--ink);outline-offset:2px}a{color:inherit}button,input,textarea,select{font:inherit;color:inherit}.display{font-size:var(--s2);font-weight:300;line-height:var(--lh2);letter-spacing:-.04em}.heading{font-size:var(--s1);font-weight:400;line-height:var(--lh1);letter-spacing:-.02em}.label{font-size:var(--s-1);font-weight:500;line-height:var(--lh-1);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.muted{color:var(--ink-2)}.band{font-size:var(--s-1);font-weight:500;line-height:var(--lh-1);letter-spacing:.08em;text-transform:uppercase}.band.barely,.chip.barely{color:var(--barely)}.band.weakly,.chip.weakly{color:var(--weakly)}.band.strongly,.chip.strongly{color:var(--strongly)}.band.strongest,.chip.strongest{color:var(--strongest)}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.site{--content:1312px;--edge-minimum:var(--m);--edge:var(--edge-minimum);--edge-end:max(var(--edge-minimum), calc(100% - var(--edge) - var(--content)));grid-template-columns:[full-start] var(--edge) [content-start] minmax(0, var(--content)) [content-end] minmax(var(--edge-minimum), 1fr) [full-end];grid-template-rows:auto 1fr auto;min-height:100%;display:grid}@supports (width:round(down, 100px, 64px)){.site{--edge:calc(var(--edge-minimum) + max(0px, round(nearest, (100% - 1440px) / 2, var(--m))))}}:root{--page-scale:1}@media (width>=2240px){:root{--page-scale:1.25}}.site:not([data-unscaled]){zoom:var(--page-scale)}:where(.site>*){grid-column:content;min-width:0}.ground{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.frame-header{height:var(--top);padding:0 var(--edge-end) 0 var(--edge);border-bottom:1px solid var(--line);grid-column:full;align-items:center;gap:28px;display:flex;position:relative}.site[data-home] .frame-header{z-index:3;background:var(--black);position:fixed;top:0;left:0;right:0}.site[data-home][data-entrance] .frame-header{transform:translateY(-100%)}@media (prefers-reduced-motion:no-preference){.site[data-home] .frame-header{transition:transform var(--motion-move)}.site[data-home][data-entrance] .frame-header{transition:transform var(--motion-move-out)}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:clip}.wordmark{font-size:var(--s0);letter-spacing:.02em;font-weight:500;text-decoration:none;position:relative}.frame-nav{--nav-mark-room:12px;font-size:var(--s0);align-self:stretch;align-items:center;gap:20px;display:flex}.frame-nav>a{padding-inline-start:var(--nav-mark-room)}.frame-nav a{color:var(--ink-2);white-space:nowrap;text-decoration:none;position:relative}.frame-nav-short{display:none}.frame-nav a.active{color:var(--ink)}.frame-nav a.active:before,.frame-header[data-busy] .frame-nav a.pending:before{content:"";background:currentColor;width:6px;height:6px;margin-top:-3px;position:absolute;top:50%;left:0}@media (prefers-reduced-motion:no-preference){.frame-header[data-busy] .frame-nav a:is(.active,.pending):before{animation:1.6s step-end infinite frame-busy}@keyframes frame-busy{50%{opacity:0}}}@media (prefers-reduced-motion:reduce){.frame-header[data-busy] .frame-nav a:is(.active,.pending):before{background:0 0;border:1px solid}}.wordmark:focus-visible,.frame-nav>a:focus-visible{outline:none}.wordmark:focus-visible:after,.frame-nav>a:focus-visible:after{content:"";border:1px solid var(--ink);pointer-events:none;height:calc(1lh + 14px);margin-top:calc(-.5lh - 7px);position:absolute;top:50%;left:-7px;right:-7px}.frame-nav>a:not(.active):focus-visible:after{left:calc(var(--nav-mark-room) - 7px)}.frame-header[data-busy] .frame-nav>a.pending:focus-visible:after{left:-7px}.page{padding-block:var(--m)}.site-footer{padding:0 var(--edge-end) 0 var(--edge);font-size:var(--s-1);white-space:nowrap;color:var(--ink-3);flex-wrap:wrap;grid-column:full;column-gap:24px;line-height:32px;display:flex;position:relative}.site-footer:before{content:"";background:var(--line);height:1px;position:absolute;inset:0 0 auto}.site-footer>*{line-height:inherit}.site-footer a{white-space:nowrap;color:var(--ink-2);text-decoration:none}.site-footer p{margin:0}.page-message{max-width:560px;margin-block:var(--m);text-align:center}@supports (width:round(down, 100px, 64px)){.page-message{margin-left:max(0px, round(nearest, (100% - 560px) / 2, var(--m)))}}.page-message h1{font-size:var(--s1)}.page-message p{overflow-wrap:anywhere}.button{justify-content:center;align-items:center;gap:var(--space-2);border:1px solid var(--line-2);min-height:40px;color:var(--ink);font:500 var(--s-1) / var(--lh-1) var(--mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;touch-action:manipulation;background:0 0;border-radius:0;padding:0 16px;text-decoration:none;display:inline-flex}.button.primary{border-color:var(--ink);background:var(--ink);min-height:48px;color:var(--black);padding:0 22px}.button.danger{color:var(--danger)}.chip{justify-content:center;align-items:center;gap:var(--space-2);color:var(--ink-2);font:500 var(--s-1) / var(--lh-1) var(--mono);letter-spacing:.08em;white-space:nowrap;cursor:pointer;touch-action:manipulation;background:0 0;border:1px solid #0000;border-radius:0;padding:4px 8px;text-decoration:none;display:inline-flex}.chip[aria-pressed=true]{border-color:var(--ink);color:var(--ink)}.chip[aria-disabled=true],.chip:disabled,.button:disabled{opacity:.4;cursor:default}.segmented{gap:var(--space-2) 22px;border-bottom:1px solid var(--line);flex-wrap:wrap;width:fit-content;max-width:100%;padding:8px 0;display:inline-flex}.segmented>button{align-items:center;gap:var(--space-2);color:var(--ink-2);font:inherit;font-size:var(--s0);white-space:nowrap;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0 0 0 16px;display:inline-flex;position:relative}.segmented>button:before{content:"";border:1px solid var(--line-2);width:8px;height:8px;margin-top:-4px;position:absolute;top:50%;left:0}.segmented>button[aria-checked=true]{color:var(--ink)}.segmented>button[aria-checked=true]:before{border-color:var(--ink);background:var(--ink)}.segmented>button[aria-disabled=true]{color:var(--ink-3);cursor:not-allowed}.segmented-groups{align-items:stretch;gap:var(--space-2) var(--space-6);flex-wrap:wrap;max-width:100%;display:inline-flex}.segmented-divider{background:var(--line);width:1px}.explain{border:1px solid var(--line-2);width:16px;height:16px;color:var(--ink-3);font:inherit;font-size:var(--s-1);cursor:pointer;background:0 0;border-radius:0;flex:none;place-items:center;padding:0;line-height:14px;display:inline-grid;position:relative}.explain[aria-expanded=true]{border-color:var(--ink);background:var(--ink);color:var(--black)}@media (pointer:coarse){.explain{width:24px;height:24px;font-size:var(--s0)}.explain:after{content:"";position:absolute;inset:-10px}}.explanation{gap:var(--space-2);max-width:68ch;color:var(--ink-2);font-size:var(--s-1);flex-direction:column;display:flex}.explanation p{margin:0}.explanation-reveal{opacity:0;visibility:hidden;grid-template-rows:0fr;display:grid}.explanation-reveal[data-open]{opacity:1;visibility:visible;grid-template-rows:1fr}.explanation-reveal>.explanation{min-height:0;overflow:hidden}@media (prefers-reduced-motion:no-preference){.explanation-reveal{transition:grid-template-rows var(--motion-move-out), opacity var(--motion-move-out), visibility var(--motion-move-out)}.explanation-reveal[data-open]{transition:grid-template-rows var(--motion-move), opacity var(--motion-move), visibility var(--motion-move)}}.explanation-terms{gap:var(--space-1);flex-direction:column;margin:0;display:flex}.explanation-terms div{gap:var(--space-2);grid-template-columns:13ch minmax(0,1fr);display:grid}.explanation-terms dt{color:var(--ink)}.explanation-terms dd{margin:0}.link-control{color:var(--ink-2);font:inherit;font-size:var(--s-1);cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0;text-decoration:none}.link-control[aria-current=true]{color:var(--ink)}.link-control:disabled{opacity:.4;cursor:default}.input,select{border:1px solid var(--line-2);background-color:var(--black);min-height:40px;color:var(--ink);font:inherit;font-size:var(--s0);border-radius:0;padding:0 12px}select{appearance:none;cursor:pointer;padding-right:30px}.select{max-width:100%;display:inline-grid;position:relative}.select>select{width:100%}.select:after{content:"";background:var(--ink-2);pointer-events:none;width:6px;height:6px;margin-top:-3px;position:absolute;top:50%;right:12px}.input::placeholder{color:var(--ink-3)}input[type=range]{appearance:none;cursor:pointer;background:0 0;height:24px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:var(--line-2);height:1px}input[type=range]::-webkit-slider-thumb{appearance:none;box-sizing:border-box;border:1px solid var(--ink);background:var(--black);border-radius:0;width:12px;height:12px;margin-top:-5.5px}input[type=range]::-moz-range-track{background:var(--line-2);height:1px}input[type=range]::-moz-range-progress{background:var(--ink);height:1px}input[type=range]::-moz-range-thumb{box-sizing:border-box;border:1px solid var(--ink);background:var(--black);border-radius:0;width:12px;height:12px}input[type=range]:disabled{opacity:.4;cursor:default}input[type=checkbox],input[type=radio]{appearance:none;border:1px solid var(--line-2);vertical-align:-1px;cursor:pointer;background:0 0;border-radius:0;flex:none;width:12px;height:12px;margin:0}input[type=checkbox]:checked,input[type=radio]:checked{border-color:var(--ink);background:var(--ink)}input[type=checkbox]:disabled,input[type=radio]:disabled{opacity:.4;cursor:default}input[type=number]{appearance:textfield}input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}input[type=color]{appearance:none;border:1px solid var(--line-2);cursor:pointer;background:0 0;border-radius:0;padding:0}input[type=color]::-webkit-color-swatch-wrapper{padding:2px}input[type=color]::-webkit-color-swatch{border:0;border-radius:0}input[type=color]::-moz-color-swatch{border:0;border-radius:0}@media (hover:hover) and (pointer:fine){.frame-nav a:hover,.site-footer a:hover,.link-control:hover:not(:disabled),.explain[aria-expanded=false]:hover{border-color:var(--ink-2);color:var(--ink)}.segmented>button[aria-checked=false]:not([aria-disabled=true]):hover{color:var(--ink)}.segmented>button[aria-checked=false]:not([aria-disabled=true]):hover:before{border-color:var(--ink)}.chip:hover:not(:disabled,[aria-disabled=true]),.button:hover:not(:disabled){border-color:var(--ink);color:var(--ink)}.button.primary:hover:not(:disabled){color:var(--black);background:#fff;border-color:#fff}.segmented>button[aria-checked=true][data-repeatable]:hover:before{background:0 0}input[type=checkbox]:hover:not(:disabled,:checked),input[type=radio]:hover:not(:disabled,:checked),select:hover:not(:disabled),.input:hover:not(:disabled){border-color:var(--ink)}}@media (pointer:coarse){.button,.chip,.segmented>button,.input,select{min-height:var(--touch-target)}.input,select,textarea,input:not([type=range],[type=checkbox],[type=radio]){font-size:16px}.button,.chip{min-width:var(--touch-target)}.chip{padding:5px 11px}.input,select{padding-left:12px}.button .glyph,.chip .glyph,.segmented .glyph{width:20px;height:20px}.link-control{min-height:var(--touch-target)}input[type=range]{height:var(--touch-target)}.wordmark,.frame-nav a,a.link-control{min-block-size:var(--touch-target);align-items:center;display:inline-flex}}html{-webkit-tap-highlight-color:transparent}.button:not(:disabled,[aria-disabled=true]):active,.chip:not(:disabled,[aria-disabled=true]):active,.segmented>button:not(:disabled,[aria-disabled=true]):active,.link-control:not(:disabled,[aria-disabled=true]):active,.frame-nav a:active,.explain:active{opacity:.8}.button:not(.primary,:disabled,[aria-disabled=true]):active{background:var(--line-faint)}@media (prefers-reduced-motion:no-preference){.button,.chip,.segmented>button,.link-control,.frame-nav a,.explain{transition:background-color var(--motion), border-color var(--motion), color var(--motion), opacity var(--motion-press)}}@media (width<=831px){.frame-nav-full{display:none}.frame-nav-short{display:inline}.frame-nav-short.frame-nav-squares{gap:4px;margin-inline-start:4px;display:flex}.frame-nav-squares i{border:1px solid;width:4px;height:4px}.frame-nav a.active .frame-nav-squares i{background:currentColor}}.frame-menu{display:none}@media (width<=640px){.site{--edge-minimum:var(--patch)}.page{padding-block:var(--patch)}.site-footer{column-gap:var(--patch);white-space:normal}.frame-header{z-index:10;background:var(--black);justify-content:space-between}.frame-header .wordmark{font-size:var(--s0)}.frame-menu{min-height:44px;display:inline-flex}.frame-nav{padding:8px var(--edge) 16px;border-bottom:1px solid var(--line);background:var(--black);font-size:var(--s0);display:none;position:absolute;top:100%;left:0;right:0}.frame-nav[data-open]{gap:0;display:grid}.frame-nav>a{align-items:center;min-height:44px;display:flex}.frame-nav .frame-nav-full{display:inline}.frame-nav .frame-nav-short{display:none}}.response-view{aspect-ratio:1;background:var(--black);position:relative;overflow:clip}.response-view img{color:#0000;object-fit:cover;width:100%;height:100%;font-size:0;display:block}.response-overlay{width:100%;height:100%;image-rendering:pixelated;pointer-events:none;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.response-overlay{transition:opacity var(--motion)}}.response-legend{align-items:center;gap:var(--space-2);font-size:var(--s-1);margin:0;display:flex}.response-legend-tint{outline:1px solid var(--line);height:10px;display:inline-flex}.response-legend-tint>span{width:6px}.prefix-cells{grid-template-columns:repeat(5,1fr);gap:2px;display:grid}.prefix-cell{background:oklch(from var(--ink) l c h / var(--alpha));outline:1px solid var(--line);height:6px}.prefix-cell[data-highlight=true]{outline-color:var(--measure)}.library-dock[data-placement=float]{z-index:12;pointer-events:none;flex-direction:column;align-items:flex-end;display:flex;position:fixed;bottom:0;right:0}.library-dock[data-placement=float]>*{pointer-events:auto}:root{--dock-tab-height:36px}@media (pointer:coarse){:root{--dock-tab-height:var(--touch-target)}}:root:has(.library-dock[data-placement=float]){--dock-inset-bottom:var(--dock-tab-height)}.library-dock[data-sheet]{left:0}.library-dock[data-sheet]>.dock{align-self:stretch}.library-dock[data-folded]{transform:translateY(calc(100% - var(--dock-tab-height)))}@media (prefers-reduced-motion:no-preference){.library-dock[data-folds]{transition:transform .24s cubic-bezier(.2,.7,.2,1)}}