@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Variable.woff2)format("woff2");font-weight:300 900;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-VariableItalic.woff2)format("woff2");font-weight:300 900;font-style:italic;font-display:swap}@font-face{font-family:Departure Mono;src:url(/fonts/DepartureMono-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--bg:#0d0d0c;--fg:#dfdfd9;--text:#c9cac3;--muted:#888b87;--line:#2d302c;--slab:#161616;--edge:#4b4d4a;--raised:#242424;--code-ink:#e6e6e1;--yellow:#fbca00;--yellow-dim:#2b2400;--blue:#299dca;--blue-2:#74c9f0;--blue-dim:#0e1d26;--red:#d85a5a;--red-dim:#2a1414;--shadow:#000;--glass:#1414149e;--hair:#ffffff14;--glint:#ffffff12;--glass-shadow:#00000059;--sky-0:#120f2b;--sky-1:#231a47;--sky-2:#3d2159;--sky-3:#6b2c62;--sky-4:#a8415f;--sky-5:#e2704c;--sky-6:#f7b25a;--cloud:#f0a3a0;--cloud-shade:#b3597a;--hill:#1b1626;--star-1:#3b3a52;--star-2:#8d8aa8;--star-3:#f3f0ff;--nebula:#1a1726;--pixel:"Departure Mono", ui-monospace, monospace;--px:2px;--nav-top:14px;--nav-h:46px;--sans:"Satoshi", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "SFMono-Regular", "SF Mono", Consolas, Menlo, "Liberation Mono", monospace;--1s:1ms;--fig-quick:calc(var(--1s) * .13);--fig-move:calc(var(--1s) * .19);--fig-step:calc(var(--1s) * .011);--fig-ease:cubic-bezier(.22, 1, .36, 1)}@media (prefers-reduced-motion:no-preference){:root{--1s:1s}}*,:before,:after{box-sizing:border-box}html{color-scheme:dark;background:var(--bg)}body{background:var(--bg);color:var(--text);font-family:var(--sans);letter-spacing:-.12px;-webkit-font-smoothing:antialiased;margin:0;font-size:17px;font-weight:300;line-height:1.78}::selection{background:var(--yellow);color:var(--bg)}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}img,video,canvas,svg{max-width:100%;height:auto}button{font:inherit;color:inherit}summary{list-style:none}summary::-webkit-details-marker{display:none}summary:before{content:"+";width:1.4em;font-family:var(--pixel);color:var(--muted);display:inline-block}details[open]>summary:before{content:"-"}summary:hover:before{color:inherit}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.slab{background:var(--slab);border:1px solid var(--line);border-radius:0}.col,.wide{margin-inline:auto;padding-inline:1.25rem}.col{width:min(100%,42.5rem)}.wide{width:min(100%,72rem)}.scroll-x{overflow-x:auto}.emblem{display:block}.emblem svg{width:100%;height:100%;display:block}.page{flex-direction:column;min-height:100dvh;display:flex}main{flex:1}.nav{top:var(--nav-top);z-index:40;width:max-content;max-width:calc(100% - 24px);height:var(--nav-h);margin:var(--nav-top) auto 0;border:1px solid var(--hair);background:var(--glass);backdrop-filter:blur(18px)saturate(140%);box-shadow:inset 0 1px 0 var(--glint), 0 12px 30px var(--glass-shadow);border-radius:999px;align-items:center;gap:18px;padding:0 18px;font-size:13.5px;font-weight:400;line-height:32px;display:flex;position:sticky}.nav a{white-space:nowrap;text-decoration:none}.nav .mark{color:var(--fg);letter-spacing:-.01em;font-weight:650}.nav ul{gap:14px;margin:0;padding:0;list-style:none;display:flex}.nav ul a{color:var(--muted);transition:color var(--fig-quick) var(--fig-ease)}.nav ul a:hover,.nav ul a:focus-visible{color:var(--yellow)}.nav .feed{background:var(--fg);color:var(--bg);transition:transform var(--fig-move) var(--fig-ease);border-radius:999px;align-items:center;gap:10px;margin-right:-12px;padding:3px 3px 3px 14px;font-weight:650;line-height:24px;display:none}.nav .feed span{background:color-mix(in srgb, var(--bg) 8%, transparent);width:24px;height:24px;transition:transform var(--fig-move) var(--fig-ease);border-radius:999px;place-items:center;display:grid}.nav .feed:hover span{transform:translate(2px,-1px)scale(1.06)}.nav .feed:active{transform:scale(.98)}@media (width>=32.5rem){.nav .feed{display:inline-flex}}@media (width<=22.5rem){.nav{gap:12px;padding-inline:14px;font-size:13px}.nav ul{gap:10px}}.foot{text-align:center;color:var(--muted);font-family:var(--pixel);letter-spacing:2px;text-transform:uppercase;flex-direction:column;align-items:center;gap:14px;padding:2.5rem 1.25rem 3rem;font-size:11px;display:flex}.foot a{color:inherit;text-decoration:none}.foot a:hover{color:var(--yellow)}.skip{position:absolute;top:0;left:-9999px}.skip:focus{z-index:60;background:var(--slab);color:var(--fg);border:1px solid var(--edge);padding:.5rem .9rem;top:1rem;left:1rem}html{scroll-padding-top:5rem}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}::view-transition-group(*){animation-duration:calc(var(--1s) * .45);animation-timing-function:var(--fig-ease)}}.nav{view-transition-name:site-nav}.read-progress{z-index:50;background:var(--blue);transform-origin:0;pointer-events:none;height:2px;position:fixed;inset:0 0 auto;transform:scaleX(0)}@supports (animation-timeline:scroll()){.read-progress{animation:linear both read-progress scroll(root)}}@keyframes read-progress{to{transform:scaleX(1)}}.rail{display:none}@media (width>=80rem){.rail~.article .toc{display:none}.rail{width:14.5rem;transition:opacity calc(var(--1s) * .25);font-size:13px;line-height:1.45;display:block;position:fixed;top:6.5rem;left:max(1.5rem,50vw - 38.25rem)}.rail.is-covered{opacity:0;pointer-events:none}.rail-title{color:var(--muted);margin:0 0 .7rem;font-size:13px;font-weight:600}.rail ol{border-left:1px solid var(--line);margin:0;padding:0;list-style:none}.rail a{color:var(--muted);border-left:1px solid #0000;margin-left:-1px;padding:.28rem 0 .28rem .9rem;text-decoration:none;display:block}.rail a:hover{color:var(--fg)}.rail a[aria-current]{border-left-color:var(--blue-2);color:var(--fg)}}.article-head{padding-block:3rem .5rem}.article-head .emblem{width:48px;height:48px;margin-bottom:1.4rem}.article-head h1{max-width:760px;color:var(--fg);letter-spacing:-.035em;text-wrap:balance;margin:0 0 1.1rem;font-size:34px;font-weight:650;line-height:1.12}@media (width>=40rem){.article-head .emblem{width:64px;height:64px}.article-head h1{font-size:46px}.lede{font-size:20px}}.meta{color:var(--muted);font:400 11px/11px var(--pixel);letter-spacing:1px;text-transform:uppercase;flex-wrap:wrap;gap:8px 16px;margin:0;display:flex}.article-head .meta{margin-bottom:1.6rem}.lede{color:var(--fg);text-wrap:pretty;margin:0;font-size:19px;line-height:1.6}.draft-banner{border:1px solid var(--yellow);color:var(--yellow);margin:1.4rem 0 0;padding:.6rem .9rem;font-size:.85rem}.article{padding-block:1.5rem 3rem;font-size:18px;font-weight:350;line-height:1.72}.article p{overflow-wrap:break-word;text-wrap:pretty;margin:0 0 24px}.article em{color:var(--fg)}.article strong,.article b{color:var(--fg);font-weight:600}.article h2,.article h3,.article h4{color:var(--fg);letter-spacing:-.02em;text-wrap:balance}.article h2{margin:64px 0 20px;font-size:28px;font-weight:650;line-height:1.25;position:relative}.article .anc{display:none}@media (width>=40rem) and (hover:hover){.article .anc{color:var(--muted);opacity:0;transition:opacity var(--fig-quick) var(--fig-ease);font-weight:500;text-decoration:none;display:block;position:absolute;top:0;left:-1.25em}.article h2:hover .anc,.article .anc:focus-visible{opacity:1}}.article h3{margin:40px 0 14px;font-size:21px;font-weight:600;line-height:1.35}.article h4{color:var(--text);margin:28px 0 10px;font-size:18px;font-weight:600;line-height:1.4}.article a{color:inherit;text-decoration:underline;text-decoration-color:var(--edge);text-underline-offset:3px;transition:color var(--fig-quick) var(--fig-ease), text-decoration-color var(--fig-quick) var(--fig-ease);text-decoration-thickness:1px}.article a:hover{color:var(--fg);text-decoration-color:var(--yellow)}.article ul,.article ol{margin:0 0 24px;padding-left:24px}.article li{margin-block:8px}.article li::marker{color:var(--muted)}.article hr{border:0;border-top:1px solid var(--line);margin-block:2.5rem}.article blockquote{border-left:2px solid var(--yellow);color:var(--fg);margin:0 0 24px;padding-left:1.2rem}.toc{border:1px solid var(--line);background:var(--slab);margin:0 0 40px;padding:18px 22px 12px}.toc-title{color:var(--muted);margin:0 0 8px;font-size:14px;font-weight:600}.article .toc ol{margin:0;padding-left:22px;font-size:16px;line-height:1.5}.article .toc li{margin-block:6px}.article .toc a{text-decoration:none}.article .toc a:hover{text-decoration:underline}.article table{border-collapse:collapse;width:100%;font-family:var(--mono);color:var(--code-ink);margin-block:0 2.25rem;font-size:13.5px;line-height:1.5}.article th,.article td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;padding:9px 12px}.scroll-x th,.scroll-x td{white-space:nowrap}@media (width<=40rem){.article .col>table{display:block;overflow-x:auto}.article .col>table code{white-space:nowrap;overflow-wrap:normal}}.article th{font-family:var(--sans);color:var(--muted);border-bottom-color:var(--edge);font-size:13px;font-weight:600}.article td b,.article td strong{color:var(--fg);font-weight:600}.article table caption{caption-side:top;font-family:var(--sans);text-align:left;color:var(--muted);padding:0 0 .6rem;font-size:13px;font-weight:600}.article .table-caption{width:min(100%,42.5rem);color:var(--muted);margin:2rem 0 .9rem;font-size:14px;line-height:1.55}.table-caption b,.table-caption strong{color:var(--fg);font-weight:600}.article :not(pre)>code{font-family:var(--mono);background:var(--raised);color:var(--code-ink);overflow-wrap:anywhere;padding:2px 5px;font-size:.84em}.article pre{font-family:var(--mono);tab-size:2;color:var(--code-ink);border:1px solid var(--line);margin-block:24px 32px;padding:18px 20px;font-size:14px;line-height:1.7;overflow-x:auto;background:var(--slab)!important}.article pre code{font:inherit;background:0 0;padding:0}.code-block{border:1px solid var(--line);background:var(--slab);margin-block:24px 32px}.article .code-block pre{border:0;margin:0}.code-bar{border-bottom:1px solid var(--line);color:var(--muted);font:400 11px/1 var(--pixel);letter-spacing:1px;justify-content:space-between;align-items:center;padding:6px 8px 6px 20px;display:flex}.code-copy{border:1px solid var(--edge);background:var(--slab);color:var(--code-ink);font:12px/1.2 var(--mono);cursor:pointer;transition:color var(--fig-quick) var(--fig-ease), border-color var(--fig-quick) var(--fig-ease);border-radius:0;padding:6px 10px}.code-copy:hover{color:var(--yellow);border-color:var(--yellow)}.aside{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);margin:24px 0;padding:16px 0;font-size:15px;line-height:1.6;display:block}.aside>b{color:var(--fg);margin-bottom:4px;font-size:13px;font-weight:600;display:block}.aside code{font-size:.9em}.callout{border:1px solid var(--edge);background:var(--slab);margin:0 0 24px;padding:14px 18px;font-size:15px;line-height:1.6}.callout .label{color:var(--yellow);margin-bottom:4px;font-size:13px;font-weight:600;display:block}.callout>:last-child{margin-bottom:0}.article-foot{border-top:1px solid var(--line);padding-block:2rem 3rem}.article-foot .label{color:var(--muted);margin:0 0 .6rem;font-size:14px;font-weight:600}.article-foot .next{color:inherit;padding-block:.6rem 1.6rem;text-decoration:none;display:block}.article-foot .next b{color:var(--fg);letter-spacing:-.02em;transition:color var(--fig-quick) var(--fig-ease);margin-bottom:4px;font-size:21px;font-weight:650;line-height:1.25;display:block}.article-foot .what{color:var(--muted);font-size:15px;line-height:1.55;display:block}.article-foot .all{color:var(--muted);font-size:15px;font-weight:500;text-decoration:none}.article-foot .next:hover b,.article-foot .all:hover{color:var(--yellow)}.article-foot .me{border-top:1px solid var(--line);color:var(--muted);margin:2.25rem 0 0;padding-top:1.25rem;font-size:15px;line-height:1.6}.article-foot .me b{color:var(--text);font-weight:500}.article-foot .me a{color:var(--text);text-decoration:underline;text-decoration-color:var(--edge);text-underline-offset:3px}.article-foot .me a:hover{text-decoration-color:var(--yellow)}.data-appendix{border-top:1px solid var(--line);margin-top:4rem;padding-top:.5rem}.data-appendix details{border:1px solid var(--line);background:var(--slab);margin:0 0 10px}.data-appendix summary{color:var(--fg);cursor:pointer;padding:12px 16px;font-size:16px;font-weight:600}.data-appendix summary:hover{color:var(--yellow)}.data-appendix details>:not(summary){margin-inline:16px}.data-appendix details>p{max-width:42.5rem;color:var(--muted);font-size:15px;line-height:1.65}.data-appendix details .scroll-x{margin-top:12px}.data-appendix details table{margin-bottom:1.25rem}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.article h2,.article .reel{animation:linear both rise view();animation-range:entry entry 30%}}}@keyframes rise{0%{opacity:.35;transform:translateY(.6rem)}}.fig{content-visibility:auto;contain-intrinsic-size:auto 22rem;margin-block:2rem 2.75rem}.fig-stage{--stage-pad:1.25rem;padding:var(--stage-pad);position:relative;overflow:hidden}.fig-stage>svg{width:100%;height:auto;display:block}.fig-stage>canvas.px-canvas{max-width:none;margin-inline:auto;display:block}.fig-label{margin:calc(var(--stage-pad) * -1) calc(var(--stage-pad) * -1) var(--stage-pad);border-bottom:1px solid var(--line);color:var(--muted);padding:9px 14px;font-size:13px;font-weight:600;line-height:1}.fig-stage.is-bare{padding:0}.fig-controls{justify-content:space-between;align-items:flex-start;gap:1rem;margin-top:1rem;display:flex}.fig-actions{flex-wrap:wrap;flex:1;align-items:center;gap:.6rem;min-width:0;display:flex}.fig-btn{border:1px solid var(--edge);background:var(--slab);color:var(--code-ink);font-family:var(--mono);white-space:nowrap;cursor:pointer;border-radius:0;padding:7px 12px;font-size:12px;line-height:1.3}.fig-btn:hover,.fig-btn[aria-pressed=true],.fig-btn[aria-selected=true]{color:var(--yellow);border-color:var(--yellow)}.fig-btn:disabled{opacity:.4;cursor:default}.fig-btn.is-replay{color:var(--yellow);border-color:var(--yellow);margin-left:auto}figcaption{width:min(100%,42.5rem);color:var(--muted);text-wrap:pretty;margin:.9rem 0 0;font-size:14px;line-height:1.55}figcaption b,figcaption strong{color:var(--fg);font-weight:500}.readouts{flex-wrap:wrap;gap:.9rem 2rem;margin-top:1.1rem;display:flex}.readout{gap:.3rem;display:grid}.readout .k{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600;line-height:1.2}.readout .v{color:var(--fg);font-variant-numeric:tabular-nums;min-width:3.6rem;font-size:20px;font-weight:600;line-height:1.1}.readout.is-active .v{color:var(--yellow)}.readout.is-red .v{color:var(--red)}.knobs{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.8rem 1.6rem;width:100%;display:grid}.knob{gap:.4rem;display:grid}.knob .khead{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:baseline;gap:.5rem;font-size:12px;font-weight:600;display:flex}.knob .kval{color:var(--fg);font-variant-numeric:tabular-nums}.knob input[type=range],.fig input[type=range]{appearance:none;cursor:grab;background:0 0;width:100%;height:18px;margin:0;display:block}.fig input[type=range]:active{cursor:grabbing}.fig input[type=range]::-webkit-slider-runnable-track{background:var(--edge);height:2px}.fig input[type=range]::-moz-range-track{background:var(--edge);height:2px}.fig input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--yellow);border:0;border-radius:50%;width:14px;height:14px;margin-top:-6px}.fig input[type=range]::-moz-range-thumb{background:var(--yellow);border:0;border-radius:50%;width:14px;height:14px}.scrub{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--yellow);border-bottom:1px dashed var(--yellow);cursor:ew-resize;touch-action:none;user-select:none;white-space:nowrap;padding:0 .1em;font-size:.9em}.scrub:hover,.scrub.live{background:var(--yellow-dim)}.out{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--fg);font-size:.9em}.hint{font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin:-.6rem 0 1.6rem;font-size:11px}.hint.gone{opacity:0;transition:opacity calc(var(--1s) * .4)}.slab-table{padding:.7rem .9rem .8rem}.slab-table .tt{font-family:var(--mono);color:var(--fg);justify-content:space-between;align-items:baseline;gap:1rem;padding-bottom:.4rem;font-size:12px;display:flex}.slab-table .tt span{color:var(--muted);font-size:10.5px}.slab-table .tt span i{color:var(--yellow);font-style:normal}.slab-table table{border-collapse:separate;border-spacing:0 3px;width:100%;font-family:var(--mono);color:var(--code-ink);margin:0;font-size:12px}.slab-table th,.slab-table td{text-align:left;white-space:nowrap;border:0;padding:5px 8px}.slab-table th{color:var(--muted);font-weight:400}.slab-table td{background:var(--raised);border-block:1px solid var(--line)}.slab-table td:first-child{border-left:1px solid var(--line)}.slab-table td:last-child{border-right:1px solid var(--line)}.slab-table tr.is-active td{background:var(--yellow-dim);color:var(--yellow);border-color:var(--yellow)}.slab-table tr.is-muted td{color:var(--muted)}svg .box{fill:var(--slab);stroke:var(--edge);stroke-width:1px}svg .box.is-blue{fill:var(--blue-dim);stroke:var(--blue)}svg .box.is-active{fill:var(--yellow-dim);stroke:var(--yellow)}svg .box.is-red{fill:var(--red-dim);stroke:var(--red)}svg .box.is-ghost{fill:none;stroke:var(--line);stroke-dasharray:3 3}svg .box-shadow{fill:var(--bg);stroke:var(--edge);stroke-width:1px}svg .lbl{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;fill:var(--code-ink);font-variant-numeric:tabular-nums;font-size:11px}svg .lbl.is-blue{fill:var(--blue-2)}svg .lbl.is-active{fill:var(--yellow)}svg .lbl.is-red{fill:var(--red)}svg .lbl.is-muted{fill:var(--muted)}svg .lbl.is-small{font-size:9.5px}svg .lbl.is-plain{text-transform:none;letter-spacing:.02em}svg .wire{fill:none;stroke:var(--edge);stroke-width:1px;stroke-dasharray:4 4}svg .wire.is-solid{stroke-dasharray:none}svg .wire.is-blue{stroke:var(--blue)}svg .wire.is-flow{stroke:var(--yellow);stroke-width:1.5px;animation:wire-flow calc(var(--1s) * 1.2) linear infinite}svg .wire.is-red{stroke:var(--red)}svg .dot{fill:var(--yellow)}svg .dot.is-blue{fill:var(--blue-2)}svg .dot.is-muted{fill:var(--muted)}svg .axis{stroke:var(--line);stroke-width:1px}svg .grid{stroke:var(--line);stroke-width:1px;stroke-dasharray:2 4}svg .bar{fill:var(--edge)}svg .bar.is-blue{fill:var(--blue)}svg .bar.is-active{fill:var(--yellow)}svg .bar.is-red{fill:var(--red)}svg .line{fill:none;stroke:var(--muted);stroke-width:1.5px}svg .line.is-blue{stroke:var(--blue-2)}svg .line.is-active{stroke:var(--yellow);stroke-width:2px}svg .line.is-red{stroke:var(--red)}@keyframes wire-flow{to{stroke-dashoffset:-16px}}@media (prefers-reduced-motion:reduce){svg .wire.is-flow{animation:none}}.sky{--sky-s:3px;margin-top:calc(-1 * (var(--nav-top) + var(--nav-h)));justify-content:center;display:flex;overflow:hidden}.sky-stage{width:calc(var(--sky-w) * var(--sky-s));height:calc(var(--sky-h) * var(--sky-s));flex:none}.sky canvas{display:block;width:100%!important;height:100%!important}@media (width>=40rem){.sky{--sky-s:4px}}@media (width>=120rem){.sky{--sky-s:5px}}@media (width>=150rem){.sky{--sky-s:6px}}.home-intro{padding-block:2.25rem 2.5rem}.home-intro h1{max-width:24ch;color:var(--fg);letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:25px;font-weight:500;line-height:1.3}.writing{padding-bottom:2rem}.writing ol{margin:0;padding:0;list-style:none}.writing li{background:repeating-linear-gradient(90deg, var(--line) 0 var(--px), transparent var(--px) calc(var(--px) * 2)) top / 100% var(--px) no-repeat}.writing a{color:inherit;gap:10px;padding-block:1.6rem 1.75rem;text-decoration:none;display:grid;position:relative}.writing b{color:var(--fg);letter-spacing:-.025em;text-wrap:balance;transition:color var(--fig-quick) var(--fig-ease);font-size:22px;font-weight:650;line-height:1.2}.writing .what{max-width:56ch;color:var(--muted);text-wrap:pretty;font-size:16px;font-weight:350;line-height:1.55}.writing a:hover b,.writing a:focus-visible b,.writing .when.is-draft{color:var(--yellow)}.writing .cursor{visibility:hidden;position:absolute;top:1.6rem;left:-18px}.writing a:hover .cursor,.writing a:focus-visible .cursor{visibility:visible}@media (prefers-reduced-motion:no-preference){.writing a:hover .cursor,.writing a:focus-visible .cursor{animation:cursor-bob calc(var(--1s) * .9) steps(1, end) infinite}}@keyframes cursor-bob{50%{transform:translate(3px)}}.empty{color:var(--muted)}@media (width>=40rem){.home-intro{padding-block:3.25rem}.home-intro h1{font-size:32px}.writing b{font-size:25px}.writing .what{font-size:17px}}.reel{width:min(100%,66rem);margin-block:2.5rem 3rem}.reel-stage{aspect-ratio:var(--ar-wide);background:var(--slab);border:1px solid var(--line);cursor:pointer;position:relative;overflow:hidden}.reel-stage canvas{width:100%;max-width:none;display:block}.reel-hint{border:1px solid var(--edge);background:var(--bg);opacity:0;width:38px;height:38px;transition:opacity var(--fig-quick) ease;pointer-events:none;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:14px;right:14px}.reel-hint svg{width:16px;fill:var(--fg)}.reel[data-state=paused] .reel-stage:hover .reel-hint,.reel[data-state=ended] .reel-stage:hover .reel-hint{opacity:1}.reel-bar{align-items:center;gap:14px;margin-top:12px;display:flex}.reel-play{border:1px solid var(--edge);cursor:pointer;background:0 0;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;padding:0;display:grid}.reel-play:hover{border-color:var(--yellow)}.reel-play svg{width:16px;fill:var(--fg);display:none}.reel-play:hover svg{fill:var(--yellow)}.reel .i-play,.reel[data-state=playing] .i-pause,.reel[data-state=ended] .i-replay{display:block}.reel[data-state=playing] .i-play,.reel[data-state=ended] .i-play{display:none}.reel-track{flex:1;height:34px;position:relative}.reel-segs{pointer-events:none;gap:4px;height:4px;display:flex;position:absolute;inset:15px 0 auto}.reel-seg{background:var(--raised);flex-basis:0;position:relative;overflow:hidden}.reel-seg i{background:var(--fg);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.reel-track input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.reel-track input[type=range]::-webkit-slider-runnable-track{background:0 0;height:34px}.reel-track input[type=range]::-moz-range-track{background:0 0;height:34px}.reel-track input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--yellow);border:0;border-radius:50%;width:12px;height:12px;margin-top:11px}.reel-track input[type=range]::-moz-range-thumb{background:var(--yellow);border:0;border-radius:50%;width:12px;height:12px}.reel-track input[type=range]:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}.reel-time{min-width:7.6em;font-family:var(--mono);color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;flex:none;font-size:12px}.reel-chapters{padding:0;gap:4px;margin:2px 0 0 48px;padding-right:calc(7.6em + 14px);font-size:12px;list-style:none;display:flex}.reel-chapters li{flex-basis:0;min-width:0}.reel-chapters button{width:100%;color:var(--muted);font-family:var(--sans);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;padding:2px 0;font-size:12px;font-weight:500;display:block;overflow:hidden}.reel-chapters button:hover{color:var(--fg)}.reel-chapters button.is-active{color:var(--yellow)}.reel-now{display:none}.reel figcaption{margin-top:1rem}.reel-data{margin-top:.8rem;font-size:14px}.reel-data summary{width:max-content;color:var(--muted);cursor:pointer;font-size:13px;font-weight:600}.reel-data summary:hover{color:var(--fg)}.reel-data table{margin-top:.6rem}@media (width<=860px){.reel-stage{aspect-ratio:var(--ar-narrow)}.reel-chapters{display:none}.reel-now{color:var(--yellow);margin:0 0 0 48px;font-size:12px;font-weight:500;display:block}}.foot-line[data-astro-cid-jo6i4kqk]{align-items:center;gap:14px;display:inline-flex}