:root{--page:#000;--ink:#fff;--grey:#8c8c8c;--rule:#333;--wash:#161616;--paper:#fff;--paper-ink:#000;--paper-grey:#666;--paper-rule:#d4d4d4;--paper-wash:#f0f0f0;--sans:"Helvetica Neue", Helvetica, "Nimbus Sans", "Nimbus Sans L", FreeSans, Arial, sans-serif;--mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--small:13px;--body:15px;--title:20px;--big:28px;--fade:.16s ease;--margin:clamp(16px, 2.25vw, 32px);--gutter:clamp(12px, 1.7vw, 24px);--cols:12;--spread-w:min(760px, 54vw)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:var(--page)}body{background:var(--page);color:var(--ink);font:400 var(--body) / 1.45 var(--sans);-webkit-font-smoothing:antialiased;margin:0}::selection{background:var(--ink);color:var(--page)}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit}kbd{font:400 .85em/1 var(--mono);border:1px solid #636363;border-radius:3px;padding:1px 4px}h1,h2,h3{font-weight:400}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip{left:var(--margin);z-index:50;background:var(--ink);color:var(--page);font-size:var(--small);padding:10px 14px;position:absolute;top:-60px}.skip:focus{top:var(--margin)}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}html.is-inverted{filter:invert()}@media (min-width:1024px){body{height:100svh;overflow:hidden}}.stage{isolation:isolate;grid-template-columns:repeat(var(--cols), minmax(0, 1fr));column-gap:var(--gutter);height:100svh;padding:var(--margin);grid-template-rows:auto 1fr auto;display:grid;position:relative;overflow:hidden}.stage__field{z-index:2;background:radial-gradient(ellipse 34% 30% at 50% var(--glow-y,56%), #ffffff12, #fff0 100%);position:absolute;inset:0}.stage__canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.stage__canvas:active{cursor:grabbing}.stage__canvas:is([data-hover=case],[data-hover=current]){cursor:pointer}.stage__flat{position:absolute;inset:0}.hero{z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex;position:absolute;top:80px;left:0;right:0}.hero canvas{display:block}.hero[data-state=off] canvas{opacity:0}.hero[data-state=in] canvas{animation:.64s cubic-bezier(.2,.7,.2,1) both logo-open}.hero[data-state=out] canvas{opacity:0;transition:opacity .12s}@keyframes logo-open{0%{clip-path:inset(0 50%)}to{clip-path:inset(0)}}.bar{z-index:3;grid-column:1/-1;grid-template-columns:subgrid;border-bottom:1px solid var(--rule);font-size:var(--small);align-items:baseline;padding-bottom:12px;display:grid;position:relative}.bar__name{font-size:var(--small);white-space:nowrap;grid-column:1/span 3;margin:0;font-weight:700;line-height:1.3}.bar__line,.bar__hint{color:var(--grey);margin:0;line-height:1.3}.bar__line{grid-column:4/span 3}.bar__hint{grid-column:7/span 3}.bar__hint--touch{display:none}.bar__nav{grid-column:10/-1;justify-self:end;align-items:baseline;gap:20px;display:flex}.bar__link{white-space:nowrap;min-height:24px;line-height:1.3;text-decoration:none;display:inline-block}.bar__link:hover{text-decoration:underline}.bar__count{color:var(--grey)}.caption{z-index:3;grid-area:3/1/auto/span 4;align-self:end;max-width:36ch;position:relative}.caption__no{font-size:var(--small);color:var(--grey);font-variant-numeric:tabular-nums;margin:0}.caption__title{font-size:var(--title);letter-spacing:-.01em;margin:4px 0 0;font-weight:700;line-height:1.2}.caption__desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:6px 0;display:-webkit-box;overflow:hidden}.caption__desc:empty{display:none}.caption__meta{font-size:var(--small);color:var(--grey);min-height:1.45em;margin:0 0 4px}.caption__open{min-height:44px}.caption__label{text-underline-offset:3px;text-decoration:underline}.caption__open kbd{color:var(--grey);margin-left:2px}.caption[data-swap=in]>:is(.caption__title,.caption__desc,.caption__meta){animation:fade-in var(--fade) both}.caption[data-swap=out]>:is(.caption__title,.caption__desc,.caption__meta){opacity:0;transition:opacity .12s}@keyframes fade-in{0%{opacity:0}}.turn{z-index:3;text-align:right;grid-area:3/10/auto/-1;place-self:end;gap:8px;display:grid;position:relative}.turn__btn{text-align:right;justify-items:end;gap:2px;min-height:44px;display:grid}.turn__btn[hidden]{display:none}.turn__dir{font-size:var(--small);color:var(--grey)}[data-prev] .turn__dir:before{content:"← "}[data-next] .turn__dir:after{content:" →"}.turn__name{max-width:24ch}.turn__btn:hover .turn__name{text-decoration:underline}.index{z-index:30;background:var(--page);position:fixed;inset:0}.index[data-phase=in]{animation:fade-in var(--fade) both}.index[data-phase=out]{animation:.12s both fade-out}@keyframes fade-out{to{opacity:0}}.index__sheet{overscroll-behavior:contain;height:100%;padding:0 var(--margin) var(--margin);scrollbar-color:var(--rule) var(--page);overflow-y:auto}.index__head{z-index:2;grid-template-columns:repeat(var(--cols), minmax(0, 1fr));column-gap:var(--gutter);padding:var(--margin) 0 12px;background:var(--page);border-bottom:1px solid var(--ink);font-size:var(--small);align-items:center;display:grid;position:sticky;top:0}.index__title{font-size:var(--title);letter-spacing:-.01em;grid-column:1/span 3;margin:0;font-weight:700;line-height:1.2}.index__tally{color:var(--grey);grid-column:4/span 2;margin:0}.index__find{grid-column:6/span 3}.index__find input{background:var(--page);border:1px solid #636363;border-radius:0;width:100%;min-height:36px;padding:0 8px}.index__find input:focus{border-color:var(--ink);outline:none}.index__find input::placeholder{color:var(--grey)}.index__order{grid-column:9/span 3;justify-content:flex-end;gap:14px;display:flex}.index__order button,.index__close{min-height:44px;color:var(--grey)}.index__order button[aria-pressed=true]{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.index__order button:hover,.index__close:hover{color:var(--ink)}.index__close{color:var(--ink);white-space:nowrap;grid-column:12;justify-self:end}.tracklist{margin:0;padding:0;list-style:none}.tracklist:focus-visible{outline-offset:-2px}.track{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));column-gap:var(--gutter);border-bottom:1px solid var(--rule);cursor:pointer;align-items:center;min-height:72px;margin:0 -10px;padding:10px;display:grid}.track__no{font-size:var(--small);color:var(--grey);font-variant-numeric:tabular-nums;grid-column:1}.track__logo{grid-column:2/span 3;align-items:center;height:52px;display:flex;overflow:hidden}.track__logo canvas{object-fit:contain;object-position:left center;max-width:100%;display:block}.track__name{overflow-wrap:anywhere;grid-column:5/span 5}.track__meta{font-size:var(--small);color:var(--grey);grid-column:10/-1;justify-self:end;gap:16px;display:flex}.track:hover .track__name{text-decoration:underline}.track[aria-selected=true]{background:var(--ink);color:var(--page)}.track[aria-selected=true] :is(.track__no,.track__meta){color:var(--page)}.track[aria-selected=true] .track__logo canvas{filter:invert()}.index__empty{color:var(--grey);margin:0;padding:24px 0}.index__foot{font-size:var(--small);color:var(--grey);justify-content:space-between;gap:16px;padding-top:20px;display:flex}.spread{z-index:20;width:var(--spread-w);background:var(--paper);color:var(--paper-ink);position:fixed;top:0;bottom:0;right:0}.spread:before{content:"";z-index:1;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1.4 -.55'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.spread ::selection{background:var(--paper-ink);color:var(--paper)}.spread :focus-visible{outline-color:var(--paper-ink)}.spread[data-phase=in]{animation:.22s ease-out both spread-in}.spread[data-phase=out]{animation:.18s ease-in both spread-out}@keyframes spread-in{0%{transform:translate(100%)}}@keyframes spread-out{to{transform:translate(100%)}}.spread__sheet{overscroll-behavior:contain;height:100%;padding:0 var(--gutter);position:relative;overflow-y:auto}.spread__head{padding:var(--margin) 0 20px;border-bottom:1px solid var(--paper-rule)}.spread__bar{font-size:var(--small);align-items:center;gap:14px;display:flex}.spread__no{color:var(--paper-grey);font-variant-numeric:tabular-nums}.spread__close{min-height:44px;margin-left:auto}.spread__close:hover{text-decoration:underline}.spread__close kbd{border-color:var(--paper-rule)}.spread__logo{justify-content:center;margin-top:8px;display:flex}.spread__logo canvas{display:block}.spread__title{font-size:var(--big);letter-spacing:-.015em;overflow-wrap:anywhere;margin:18px 0 0;font-weight:700;line-height:1.1}.spread__protocol{gap:var(--gutter);border-bottom:1px solid var(--paper-rule);font-size:var(--small);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:14px 0;display:grid}.spread__protocol dt{color:var(--paper-grey)}.spread__protocol dd{margin:2px 0 0}.spread__standfirst{max-width:60ch;margin:20px 0 0;font-size:17px;line-height:1.4}.spread__links{border-bottom:1px solid var(--paper-rule);margin:0;padding:12px 0 20px}.spread__link{text-underline-offset:3px;padding:12px 0;display:inline-block}.spread__body{padding:24px 0 72px}.spread__state{color:var(--paper-grey);margin:0}.spread__state--error{color:var(--paper-ink)}.readme{max-width:66ch;font-size:var(--body);overflow-wrap:break-word;line-height:1.55}.readme>:first-child{margin-top:0}.readme :is(h1,h2,h3,h4,h5,h6){letter-spacing:-.01em;margin:1.6em 0 .5em;font-weight:700;line-height:1.25}.readme h1{font-size:24px}.readme h2{font-size:20px}.readme h3{font-size:17px}.readme :is(h4,h5,h6){font-size:var(--body)}.readme p,.readme ul,.readme ol{margin:0 0 1em}.readme ul,.readme ol{padding-left:1.3em}.readme li+li{margin-top:.25em}.readme a{text-underline-offset:3px}.readme code{font:400 .88em/1.4 var(--mono);background:var(--paper-wash);padding:.1em .3em}.readme pre{background:var(--paper-ink);color:var(--paper);margin:0 0 1.2em;padding:14px 16px;overflow-x:auto}.readme pre code{background:0 0;padding:0;font-size:13px;line-height:1.55}.readme blockquote{border-left:2px solid var(--paper-ink);margin:0 0 1em;padding-left:14px}.readme img{max-width:100%;height:auto}.readme hr{border:0;border-top:1px solid var(--paper-rule);margin:2em 0}.readme table{border-collapse:collapse;font-size:var(--small);margin:0 0 1.2em;display:block;overflow-x:auto}.readme :is(th,td){border-bottom:1px solid var(--paper-rule);text-align:left;vertical-align:top;padding:6px 12px 6px 0}.readme th{border-bottom-color:var(--paper-ink);font-weight:700}.noscript{z-index:60;padding:var(--margin);background:var(--page);place-items:center;display:grid;position:fixed;inset:0}@media (min-width:1024px){body[data-state=open] :is(.caption,.turn){opacity:0;pointer-events:none;transition:opacity .12s}}body[data-state=loading] :is(.caption__open,.turn){visibility:hidden}@media (max-width:1023px){:root{--cols:4;--field-h:max(540px, 76svh)}.stage{grid-template-rows:calc(var(--field-h) - var(--margin)) auto auto;height:auto}.stage__field{height:var(--field-h);bottom:auto}.stage__canvas{touch-action:pan-y}.bar{top:var(--margin);left:var(--margin);right:var(--margin);column-gap:var(--gutter);grid-template-columns:repeat(4,minmax(0,1fr));position:absolute}.bar__name{grid-column:1/span 2}.bar__count,.bar__line,.bar__hint,.bar__nav [data-motion-toggle]{display:none}.bar__nav{grid-column:3/-1;gap:14px}.caption{grid-area:2/1/auto/-1;align-self:start;max-width:none;margin-top:16px}.turn{border-top:1px solid var(--rule);text-align:left;grid-area:3/1/auto/-1;grid-template-columns:1fr 1fr;place-self:start stretch;margin-top:16px;padding-top:12px}.turn__btn{text-align:left;justify-items:start}[data-next]{text-align:right;justify-items:end}.index__head{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:8px}.index__title{grid-column:1/span 2}.index__tally{grid-column:3}.index__close{grid-column:4}.index__find,.index__order{grid-column:1/-1}.index__order{justify-content:flex-start}.track{row-gap:4px}.track__logo,.track__name{grid-column:2/-1}.track__meta{grid-column:2/-1;justify-self:start}.spread{width:100%}.spread__title{font-size:24px}.spread__protocol{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1023px) and (pointer:coarse),(max-width:699px){.bar__hint--keys{display:none}}body[data-motion=reduced] *,body[data-motion=reduced] :before,body[data-motion=reduced] :after{scroll-behavior:auto!important;transition-duration:.001ms!important;transition-delay:0s!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}@media (forced-colors:active){.track[aria-selected=true]{outline:2px solid canvastext}}.boot{z-index:45;background:var(--page);transition:background-color .42s;position:fixed;inset:0}.boot__frame{height:100%;padding:var(--margin);grid-template-rows:auto 1fr auto;display:grid}.boot__name{font-size:var(--small);margin:0;font-weight:700}.boot__logo{will-change:transform;justify-content:center;place-self:center;align-items:center;display:flex}.boot__logo canvas{display:block}.boot[data-logo=in] .boot__logo canvas{animation:.64s cubic-bezier(.2,.7,.2,1) both logo-open}.boot__disks{flex-wrap:wrap;gap:5px;margin-bottom:12px;display:flex}.boot__disk{border:1px solid #636363;border-radius:1px;width:13px;height:14px;position:relative}.boot__disk:before{content:"";background:#636363;width:6px;height:4px;position:absolute;top:0;left:3px}.boot__disk.is-written{background:var(--ink);border-color:var(--ink);animation:.22s ease-out disk-written}.boot__disk.is-written:before{background:#8c8c8c}@keyframes disk-written{0%{transform:translateY(-3px)}}.boot__line{font-size:var(--small);color:var(--grey);gap:16px;margin:0;display:flex}.boot__count{font-variant-numeric:tabular-nums}.boot__skip{right:var(--margin);bottom:var(--margin);font-size:var(--small);color:var(--grey);margin:0;position:absolute}.boot[data-phase=out]{pointer-events:none;background-color:#0000}.boot[data-phase=out] :is(.boot__name,.boot__disks,.boot__line,.boot__skip){opacity:0;transition:opacity .18s}body[data-boot] .hero{visibility:hidden}.hero[data-state=shown] canvas{opacity:1}body[data-boot] :is(.bar,.caption,.turn){opacity:0}:is(.bar,.caption,.turn){transition:opacity .32s}.tip{z-index:25;background:var(--ink);color:var(--page);white-space:nowrap;pointer-events:none;padding:4px 8px;font-size:12px;font-weight:700;position:fixed;top:0;left:0}.spread__drive{background:#0d0d0d;width:22px;position:absolute;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:inset -1px 0 #000,inset 1px 0 #1f1f1f}.spread__slot{left:50%;top:calc(var(--drive-y,50vh) - var(--drive-h,300px) / 2 - 6px);height:calc(var(--drive-h,300px) + 12px);background:#000;width:5px;position:absolute;transform:translate(-50%);box-shadow:0 0 0 1px #262626,inset 1px 0 #050505}.spread__led{left:50%;top:calc(var(--drive-y,50vh) + var(--drive-h,300px) / 2 + 22px);background:#2b2b2b;border-radius:50%;width:6px;height:6px;position:absolute;transform:translate(-50%)}body[data-drive=reading] .spread__led{background:var(--ink);animation:.7s step-end both led-read;box-shadow:0 0 6px #fffc}@keyframes led-read{0%,20%,45%,70%{opacity:1}10%,30%,55%,80%{opacity:.25}}.spread__badge{writing-mode:vertical-rl;letter-spacing:.08em;color:var(--grey);font-size:10px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)rotate(180deg)}@media (min-width:1024px){body[data-renderer=webgl] .spread[data-phase=out]{animation-delay:.26s}}@media (max-width:1023px){.spread__drive{display:none}}[data-reading]:after{content:"";vertical-align:-2px;background:currentColor;width:.55em;height:1em;margin-left:4px;animation:1s step-end infinite caret;display:inline-block}@keyframes caret{50%{opacity:0}}.spread__body[data-read=in] .readme>*{animation:.26s ease-out both read-in;animation-delay:calc(var(--i,24) * 22ms)}@keyframes read-in{0%{opacity:0;transform:translateY(4px)}}