:root{--bg:#000;--fg:oklch(93% 0 0);--md:oklch(60% 0 0);--lo:oklch(38% 0 0);--line:oklch(30% 0 0);--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--md);margin:0;overflow:hidden}body{font-family:var(--mono);letter-spacing:.02em;font-size:15px;line-height:1.55}a{color:inherit}button{font:inherit;letter-spacing:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.rail{z-index:3;width:420px;max-width:100vw;height:100dvh;color:var(--fg);letter-spacing:.06em;font-size:13px;position:fixed;top:0;left:0}.label{background:var(--bg);color:color-mix(in oklch, var(--fg) calc(var(--monochord-reveal,1) * 100%), var(--bg));gap:10px;padding:1px 7px;display:inline-flex}.label .num{color:var(--lo)}.item[data-highlighted] .num,.item[data-active] .num{color:var(--md)}.voices{grid-auto-columns:76px;grid-auto-flow:column;margin:4px 0 36px;display:inline-grid;position:relative}.voices:before{content:"";background:var(--line);height:1px;position:absolute;top:25px;left:10px;right:10px}.voice{color:var(--lo);flex-direction:column;align-items:center;gap:0;padding:0 0 2px;display:flex;position:relative}.voice-num{letter-spacing:.1em;height:18px;color:var(--line);font-size:10px;line-height:18px;transition:color .2s}.voice-tick{background:currentColor;width:1px;height:8px;margin:7px 0;transition:height .25s cubic-bezier(.16,1,.3,1),margin .25s cubic-bezier(.16,1,.3,1);position:relative}.voice-name{letter-spacing:.2em;padding-left:.2em;font-size:11px;transition:color .2s}.voice:hover{color:var(--md)}.voice:hover .voice-tick{height:12px;margin-bottom:3px}.voice[aria-checked=true]{color:var(--fg)}.voice[aria-checked=true] .voice-num{color:var(--md)}.voice[aria-checked=true] .voice-tick{height:15px;margin-bottom:0}.voice[aria-checked=true] .voice-tick:after{content:"";background:var(--fg);width:7px;height:7px;position:absolute;top:-3.5px;left:-3px;transform:rotate(45deg)}.voice:focus-visible{outline:none}.voice:focus-visible .voice-name{outline:1px solid var(--fg);outline-offset:3px}.speaker{z-index:2;color:var(--lo);padding:6px;display:block;position:fixed;bottom:18px;right:22px}.speaker svg{display:block}.speaker:hover,.speaker[aria-pressed=true]{color:var(--fg)}:focus-visible{outline:1px solid var(--fg);outline-offset:2px}.pencil{pointer-events:none;position:fixed;inset:0}.pencil-line{stroke-dasharray:1;stroke-dashoffset:1px;animation:1.5s cubic-bezier(.45,.05,.3,1) .4s forwards pencil-draw}.pencil-head{opacity:0;animation:.25s ease-out 1.85s forwards pencil-head}@keyframes pencil-draw{to{stroke-dashoffset:0}}@keyframes pencil-head{to{opacity:.9}}@media (prefers-reduced-motion:reduce){.pencil-line{stroke-dashoffset:0;animation:none}.pencil-head{opacity:.9;animation:none}}.intro{text-align:center;padding:72px 88px 64px;display:flex;position:fixed;inset:0;overflow-y:auto}.intro-body{min-width:0;max-width:680px;text-shadow:0 0 2px var(--bg), 0 0 6px var(--bg), 0 0 12px var(--bg);margin:auto}.links{letter-spacing:.2em;justify-content:center;gap:36px;margin:0;font-size:12px;display:flex}.links a{color:var(--md);text-decoration:none;transition:color .2s;position:relative}.links a:before{content:"[";opacity:0;transition:opacity .2s,transform .25s cubic-bezier(.16,1,.3,1);position:absolute;left:-14px;transform:translate(-4px)}.links a:hover,.links a:focus-visible{color:var(--fg)}.links a:hover:before,.links a:focus-visible:before{opacity:1;transform:none}.intro h1{color:var(--fg);letter-spacing:.24em;margin:0 0 12px;padding-left:.24em;font-size:44px;font-weight:500;line-height:1}.intro .lede{color:var(--md);letter-spacing:.04em;margin:0 0 32px;font-size:15px}.intro p{margin:0 0 16px}@media (width<=640px){.speaker{bottom:10px;right:10px}.voices{grid-auto-columns:58px}.voice-name{letter-spacing:.14em;padding-left:.14em;font-size:9px}.links{gap:24px;font-size:11px}.intro{padding:64px 52px 48px}.intro h1{letter-spacing:.18em;padding-left:.18em;font-size:30px}}