.hero{isolation:isolate;padding:64px 0 var(--sec-pad);position:relative}.hero-head{align-items:end}.hero-head .head{grid-column:1/span 8}.hero-head .side{grid-column:9/span 4;margin-bottom:11px}.actions{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.stage{margin-top:48px;position:relative}.blueprint{z-index:0;pointer-events:none;will-change:transform;background-image:linear-gradient(90deg, var(--bp-col) 0 1px, transparent 1px), linear-gradient(var(--bp-row) 0 1px, transparent 1px);background-size:var(--bp-p,94px) 100%, 100% 24px;background-position:var(--bp-x,0px) 0, 0 0;-webkit-mask-composite:source-in;width:100vw;position:absolute;top:-48px;bottom:-96px;left:calc(50% - 50vw);-webkit-mask-image:linear-gradient(90deg,#0000,#000 56px calc(100% - 56px),#0000),linear-gradient(#0000,#000 44px calc(100% - 72px),#0000);mask-image:linear-gradient(90deg,#0000,#000 56px calc(100% - 56px),#0000),linear-gradient(#0000,#000 44px calc(100% - 72px),#0000);mask-composite:intersect}.reg{pointer-events:none;z-index:0;background:linear-gradient(var(--border-control), var(--border-control)) 8px 0 / 1px 100% no-repeat, linear-gradient(var(--border-control), var(--border-control)) 0 8px / 100% 1px no-repeat;opacity:.55;width:17px;height:17px;position:absolute}.reg-tl{top:-32px;left:-32px}.reg-tr{top:-32px;right:-32px}.reg-bl{bottom:-32px;left:-32px}.reg-br{bottom:-32px;right:-32px}.turn{z-index:1;--ink-subtle:#57564f;--ember-text:#974113;box-shadow:0 0 0 1px var(--hair), 0 1px 2px #1818180a, 0 28px 56px -28px #1e2a4452;border-radius:12px;position:relative}.turn:before{content:"";z-index:-1;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glass-edge), inset 0 1px 0 #ffffffd9;background:#fff;position:absolute;inset:0}.turn-bar{border-bottom:1px solid var(--hair);align-items:center;gap:16px;min-height:48px;padding:6px 8px 6px 20px;display:flex}.turn-title{min-width:0;font:500 14px/20px var(--sans);align-items:baseline;gap:12px;display:flex}.turn-title .sub{font:400 12px/16px var(--mono);color:var(--ink-subtle);white-space:nowrap}.transport{align-items:center;gap:12px;min-width:0;margin-left:auto;display:flex}.clock{font:400 12px/16px var(--mono);font-variant-numeric:tabular-nums;color:var(--ink-subtle);white-space:nowrap}.clock .now{color:var(--ink)}.play-btn{cursor:pointer;background:var(--surface-raised);min-width:92px;height:32px;color:var(--ink);box-shadow:inset 0 0 0 1px var(--border-control);font:500 13px/16px var(--sans);border:0;border-radius:9999px;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 14px 0 10px;transition:background-color .12s;display:inline-flex;position:relative}.play-btn:hover,.turn:has(.tracks:hover) .play-btn{background:var(--surface-hover)}.play-btn:active{background:#e4e3df}.play-btn .icon{flex:none;width:16px;height:16px;display:none}.turn:is([data-state=poster],[data-state=paused]) .play-btn .i-play,.turn[data-state=playing] .play-btn .i-pause,.turn[data-state=ended] .play-btn .i-replay{display:block}.turn .play-btn{box-shadow:none}.turn .play-btn:before{content:"";border-radius:inherit;background:var(--ember-text);pointer-events:none;-webkit-mask-composite:xor;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.turn[data-state=poster] .play-btn,.turn[data-state=poster]:has(.tracks:hover) .play-btn{background:#fff}.turn[data-state=poster] .play-btn:hover{background:var(--surface-hover)}.turn[data-state=poster] .play-btn:before{animation:1.6s ease-in-out infinite alternate play-ring}@keyframes play-ring{0%{opacity:1}to{opacity:.25}}@media (prefers-reduced-motion:reduce){.turn[data-state=poster] .play-btn:before{animation:none}}.cue{font:500 13px/16px var(--sans);color:var(--ember-text);white-space:nowrap}.turn:not([data-state=poster]) .cue{display:none}.result{min-width:0;font:500 13px/16px var(--sans);color:var(--ember-text);align-items:center;gap:8px;display:none}.turn[data-state=ended] .result{display:inline-flex}.mk-sq{background:var(--ember);border-radius:2px;flex:none;width:8px;height:8px}.tracks{cursor:pointer;grid-template-columns:calc((100% + var(--gap)) / 6) minmax(0, 1fr);grid-template-rows:32px 120px 56px 64px 104px 40px;display:grid;position:relative}.tl{border-right:1px solid var(--hair);flex-direction:column;grid-column:1;justify-content:center;gap:4px;padding:0 16px 0 36px;display:flex}.ln{grid-column:2;padding:0 24px;position:relative}.ln.r1,.ln.r4{overflow:clip}.r0{grid-row:1}.r1{grid-row:2}.r2{grid-row:3}.r3{grid-row:4}.r4{grid-row:5}.r5{grid-row:6}.r1,.r2,.r3,.r4,.r5{border-top:1px solid #1e2a440f}.tl-h{font:500 14px/20px var(--sans);align-items:center;gap:8px;display:flex}.tl-h .n,.tl-s{font:400 12px/16px var(--mono);color:var(--ink-subtle)}.tl-time{font:400 11px/16px var(--mono);color:var(--ink-subtle);justify-content:flex-start;padding-top:4px}.legend{font:400 11px/16px var(--mono);color:var(--ink-subtle);white-space:nowrap;gap:12px;display:flex}.legend i{vertical-align:middle;margin-right:4px;display:inline-block}.legend .lg-raw{background:radial-gradient(circle, var(--noise) 0 1px, transparent 1.4px) 0 0 / 4px 4px;width:8px;height:4px}.lg-clean{background:var(--brand);border-radius:1px;width:2px;height:10px}.lane-art{position:absolute;top:0;left:24px}.lane-art svg,.win,.win-in,.reply-g{position:absolute;top:0;left:0}.win{will-change:transform;overflow:hidden}.win-in{will-change:transform}.hdr-wave{pointer-events:none;display:none;position:absolute;top:0;left:0;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.lane-art .win.clean{-webkit-mask-image:linear-gradient(90deg,#00000080,#00000080 calc(100% - 200px),#000 calc(100% - 32px));mask-image:linear-gradient(90deg,#00000080,#00000080 calc(100% - 200px),#000 calc(100% - 32px))}.lane-art .win.raw{-webkit-mask-image:linear-gradient(90deg,#0000,#000 20px);mask-image:linear-gradient(90deg,#0000,#000 20px)}.ruler{position:absolute;inset:0 24px}.ruler .tk{background:#1e2a442e;width:1px;height:4px;position:absolute;bottom:0}.ruler .tk.major{background:var(--border-control);height:8px}.ruler .lbl{font:400 11px/16px var(--mono);color:var(--ink-subtle);font-variant-numeric:tabular-nums;position:absolute;top:4px;transform:translate(-50%)}.cap{z-index:2;top:50%;left:calc(24px + var(--x,0px));white-space:nowrap;margin-left:-8px;padding:0 8px;position:absolute;transform:translateY(-50%)}.cap-meta,.cap-text,.kv,.wait{text-shadow:0 0 1px #fff,0 0 2px #fff,0 0 3px #fff,0 0 6px #fff}.cap-meta{font:400 11px/16px var(--mono);color:var(--ink-subtle);gap:8px;transition:opacity .16s;display:flex}.cap-meta b{color:var(--ink);font-weight:500}.cap-text{font:400 14px/20px var(--sans);margin-top:4px}.w{opacity:0;transition:opacity .12s}.w.on{opacity:1}#capCaller:not(.on) .cap-meta{opacity:0}.w.caret:after{content:"";vertical-align:-2px;background:var(--brand);width:1.5px;height:15px;margin-left:2px;display:inline-block}.kv{font:400 12px/16px var(--mono);color:var(--ink);gap:12px;display:flex}.kv .k{color:var(--ink-subtle);margin-right:4px}.v{opacity:0;transition:opacity .16s}.v.on{opacity:1}.rw{color:var(--ink-subtle);transition:color .12s}.rw.on{color:var(--ink)}.wait{font:400 12px/16px var(--mono);color:var(--ink-subtle);opacity:0;align-items:center;gap:4px;transition:opacity .16s;display:flex;position:absolute;top:0;left:8px}.turn:not([data-state=poster])[data-phase=listen] .wait{opacity:1}.wait .dots{gap:3px;margin-left:4px;display:inline-flex}.wait .dots i{opacity:.5;background:currentColor;border-radius:50%;width:3px;height:3px}.turn[data-state=playing][data-phase=listen] .wait .dots i{animation:1.2s ease-in-out infinite blink}.wait .dots i:nth-child(2){animation-delay:.2s}.wait .dots i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,to{opacity:.25}50%{opacity:1}}.reply-g{opacity:.55;width:100%;height:100%;transition:opacity .24s}.turn[data-reply="1"] .reply-g{opacity:1}.overlay{pointer-events:none;z-index:1;grid-area:2/2/7;position:relative}.overlay.top{z-index:1}.overlay-in{position:absolute;inset:0 24px}.playhead{background:var(--primary);will-change:transform;width:2px;margin-left:-1px;position:absolute;top:0;bottom:40px;left:0}.playhead:before{content:"";background:inherit;border-radius:50%;width:10px;height:10px;margin-left:-5px;position:absolute;top:-5px;left:50%;box-shadow:0 0 0 2px #fff}.guide{border-left:1px dashed var(--guide);opacity:0;width:0;-webkit-mask-image:linear-gradient(#000 0 var(--gA,0px), transparent var(--gA,0px) var(--gB,0px), #000 var(--gB,0px));mask-image:linear-gradient(#000 0 var(--gA,0px), transparent var(--gA,0px) var(--gB,0px), #000 var(--gB,0px));transition:opacity .2s;position:absolute;top:0;bottom:16px}.dim{border-inline:1px solid var(--border-control);opacity:0;height:9px;transition:opacity .2s;position:absolute;bottom:12px}.dim:before{content:"";background:var(--border-control);height:1px;position:absolute;top:4px;left:0;right:0}.dim-lbl{font:400 11px/16px var(--mono);color:var(--ink-subtle);white-space:nowrap;opacity:0;transition:opacity .2s;position:absolute;bottom:8px}.turn[data-gap="1"] :is(.guide,.dim,.dim-lbl){opacity:1}.rail{z-index:3;border-radius:9999px;width:24px;height:0;position:absolute;top:0;left:-12px}.rail-track{background:#1e2a4433;width:1px;margin-left:-.5px;position:absolute;top:16px;bottom:16px;left:50%}.rail-step{left:50%;top:var(--y,0px);width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute}.rail-step em{display:none}.rail-orb{background:#ffffffe6;border-radius:50%;transition:background-color .2s,box-shadow .2s;position:absolute;inset:0;box-shadow:inset 0 0 0 1.5px #a9a8a1}.rail-orb:after{content:"";opacity:0;background:#fff;border-radius:50%;transition:opacity .2s;position:absolute;inset:3.5px}[data-s=run]>.rail-orb{box-shadow:inset 0 0 0 1.5px var(--primary)}[data-s=done]>.rail-orb{background:var(--brand);box-shadow:0 0 0 3px #3185fc29}[data-s=done]>.rail-orb:after{opacity:.95}.rail-link,.rail-bead{pointer-events:none;will-change:transform, opacity;transition:transform .42s var(--ease), opacity .26s ease;position:absolute;top:0;left:0}.rail-link{background:var(--ember);transform-origin:0 0;width:1px;height:1px}.rail-bead{width:0;height:0}.rail-bead i{background:var(--ember);will-change:transform;border-radius:50%;width:12px;height:12px;position:absolute;top:-6px;left:-6px;box-shadow:0 0 0 2px #fff}.rail.idle :is(.rail-link,.rail-bead){opacity:0;visibility:hidden;transition:opacity .26s,visibility 0s .26s}.float{z-index:3;will-change:transform;position:absolute}.float-kb{bottom:-48px;right:-96px}.chip-kb{width:272px;font:400 12px/16px var(--mono);color:var(--ink-muted);white-space:nowrap;border-radius:12px;padding:12px 16px;transition:box-shadow .24s}.chip-kb.used{box-shadow:inset 0 1px #ffffffd9,0 0 0 1px #3185fc47,0 14px 32px -14px #1e2a4466}.kb-top{color:var(--ink);align-items:center;gap:8px;display:flex}.kb-top .icon{width:16px;height:16px;color:var(--brand-text)}.kb-st{color:var(--ink-muted);align-items:center;gap:6px;margin-left:auto;display:inline-flex}.kb-st:before{content:"";width:6px;height:6px;box-shadow:inset 0 0 0 1px var(--border-control);border-radius:50%;transition:background-color .16s,box-shadow .16s}.chip-kb.used .kb-st:before{background:var(--brand);box-shadow:0 0 0 3px #3185fc33}.kb-row{border-top:1px solid #1e2a441a;justify-content:space-between;gap:12px;margin-top:8px;padding-top:8px;display:flex}.kb-row b{color:var(--ink);font-weight:500}.sub-label{font:400 12px/16px var(--mono);color:var(--ink-subtle);padding-bottom:16px}.rows{border-top:1px solid var(--border)}.row{column-gap:var(--gap);border-bottom:1px solid var(--border);grid-template-columns:repeat(12,minmax(0,1fr));align-items:baseline;padding:32px 0;display:grid;position:relative}.row .idx{font:400 12px/16px var(--mono);color:var(--ink-subtle);grid-column:1}.row .name{grid-column:2/span 3}.row .name h3{font:400 32px/40px var(--sans);letter-spacing:-.025em}.row .name p{font:400 12px/16px var(--mono);color:var(--ink-subtle);margin-top:4px}.row .name .lat{color:var(--ink);margin-top:8px}.row .desc{grid-column:5/span 4}.row .desc p{font:400 16px/24px var(--sans);color:var(--ink-muted);max-width:32ch}.row .desc .list{max-width:none;font:400 12px/16px var(--mono);color:var(--ink-subtle);margin-top:12px}.ep{font:400 12px/16px var(--mono);color:var(--brand-text);gap:8px;margin-top:16px;text-decoration:none;display:inline-flex}.ep b{color:var(--ink);font-weight:500}.ep:hover{text-underline-offset:3px;text-decoration:underline}.row .art-col{grid-column:9/span 4;align-self:start;position:relative}.ways .row .name{grid-column:1/span 4}.ways .row .go{grid-column:9/span 4}.art{isolation:isolate;min-height:128px;box-shadow:0 0 0 1px var(--border);transition:box-shadow .4s var(--ease);border-radius:12px;padding:16px;position:relative;overflow:hidden}.art:before{content:"";z-index:-1;border-radius:inherit;background:var(--surface-raised);transition:background-color .4s var(--ease);position:absolute;inset:0}.art.cmp{height:128px}.art-cap{font:400 11px/16px var(--mono);color:var(--ink-subtle);position:absolute;top:12px}.cmp-lane{position:absolute;bottom:16px;left:16px;overflow:clip}.cmp .cap-l{left:16px}.cmp .cap-r{right:16px}.cmp-line{background:var(--ink);pointer-events:none;will-change:transform;width:1px;margin-left:-.5px;position:absolute;top:36px;bottom:12px;left:16px}.cmp-knob{width:24px;height:24px;color:var(--ink);backdrop-filter:blur(6px)saturate(1.4);box-shadow:inset 0 0 0 1px var(--border), inset 0 1px 0 #ffffffe6, var(--shadow-sm);background:#ffffff9e;border-radius:9999px;justify-content:center;align-items:center;margin:-12px 0 0 -12px;display:flex;position:absolute;top:50%;left:50%}.cmp-knob .icon{width:12px;height:12px}.cmp input{opacity:0;cursor:ew-resize;width:calc(100% - 32px);height:100%;margin:0;position:absolute;inset:0 16px}.cmp:has(input:focus-visible){outline:2px solid var(--brand);outline-offset:2px}.tx li{grid-template-columns:56px 64px minmax(0,1fr);align-items:baseline;column-gap:8px;display:grid}.tx li+li{margin-top:12px}.tx .ts{font:400 11px/16px var(--mono);color:var(--ink-subtle);font-variant-numeric:tabular-nums}.tx .spk{font:500 11px/16px var(--mono);color:var(--ink)}.tx p{font:400 13px/18px var(--sans)}.akv{font:400 12px/16px var(--mono);grid-template-columns:72px minmax(0,1fr);align-items:baseline;row-gap:12px;display:grid}.akv dt{color:var(--ink-subtle)}.akv .q{font:400 13px/18px var(--sans);color:var(--ink)}.akv .arrow{color:var(--ink-subtle);padding:0 4px}.voice{font:400 12px/16px var(--mono);color:var(--ink-subtle);align-items:center;gap:8px;display:flex}.say{font:400 13px/18px var(--sans);margin-top:8px}.mw{transition:opacity .14s,color .14s}.mw.off{opacity:0}.q .mw.off{opacity:1;color:var(--ink-subtle)}.mrow{transition:color .2s;position:relative}.mrow.off,.mrow.off *{color:#0000}.mrow:before{content:"";opacity:0;background:repeating-linear-gradient(90deg, var(--border-control) 0 3px, transparent 3px 6px);width:48px;height:1px;transition:opacity .2s;position:absolute;top:8px;left:0}.mrow.off:before{opacity:1}.mw.caret:after{content:"";vertical-align:-2px;background:var(--brand);width:1.5px;height:13px;margin-left:2px;display:inline-block}.say .mw.off{opacity:1;color:var(--ink-subtle)}.narr-box{height:32px;margin-top:12px;position:relative}.narr-lane{position:absolute;top:0;left:0;overflow:clip}.narr-lane svg{position:absolute;top:0;left:0}.narr-win,.narr-win-in{will-change:transform;position:absolute;top:0;left:0;overflow:hidden}.narr-ph{background:var(--primary);opacity:0;will-change:transform;border-radius:1px;width:2px;height:40px;margin-left:-1px;transition:opacity .2s;position:absolute;top:-4px;left:0}.narr.playing .narr-ph{opacity:1}.art-foot{border-top:1px solid var(--hair);font:400 11px/16px var(--mono);color:var(--ink-subtle);font-variant-numeric:tabular-nums;justify-content:space-between;gap:12px;margin-top:12px;padding-top:8px;display:flex}.wt{margin-top:12px}.wt-track{height:8px;position:relative}.wt-track i{background:#1e2a443d;border-radius:2px;height:8px;transition:background-color .12s;position:absolute;top:0}.wt-track i.ahead{background:var(--guide)}.wt-track i.now{background:var(--brand)}.wt-now{background:var(--primary);opacity:0;will-change:transform;border-radius:1px;width:2px;margin-left:-1px;transition:opacity .2s;position:absolute;top:-4px;bottom:-4px;left:0}.art.playing .wt-now{opacity:1}.wt-axis{border-top:1px solid var(--hair);height:20px;margin-top:6px;position:relative}.wt-axis i{background:#1e2a442e;width:1px;height:4px;position:absolute;top:0}.wt-axis span{font:400 11px/16px var(--mono);color:var(--ink-subtle);font-variant-numeric:tabular-nums;position:absolute;top:4px;transform:translate(-50%)}.turn-wrap{position:relative}.spine{z-index:1;pointer-events:none;background:repeating-linear-gradient(to bottom, var(--border-control) 0 2px, transparent 2px 6px);width:1px;height:0;margin-left:-.5px;position:absolute;top:0;left:20px}.spine.sp-over{z-index:4;background:0 0}.sp-fill{position:absolute;inset:0;overflow:clip}.sp-stick{height:0;display:block;position:sticky;top:50vh}.sp-bar{background:var(--brand);width:1px;height:400vh;position:absolute;bottom:0;left:0}.sp-dot{width:12px;height:12px;position:absolute;top:-6px;left:-6px}.sp-dot:before,.sp-dot:after{content:"";pointer-events:none;background:#e0763a;border-radius:50%;position:absolute}.sp-dot:before{opacity:.6;inset:-16px;-webkit-mask:radial-gradient(circle closest-side,#000 0,#00000080 30%,#0000001f 65%,#0000 100%);mask:radial-gradient(circle closest-side,#000 0,#00000080 30%,#0000001f 65%,#0000 100%)}.sp-dot:after{inset:0;box-shadow:0 0 0 2px #fff}.nc-pos{position:absolute;top:-12px;left:26.5px}.nowchip{white-space:nowrap;opacity:0;visibility:hidden;transform-origin:0;height:24px;transition:transform .2s var(--ease), opacity .2s, visibility 0s .2s;border-radius:9999px;align-items:center;gap:6px;padding:0 8px;display:inline-flex;transform:scale(.7)}.nowchip.glass{backdrop-filter:none;background:#fff}.nc-pos.show .nowchip{opacity:1;visibility:visible;transition:transform .32s var(--ease), opacity .2s, visibility 0s;transform:none}.nc-now{font:400 11px/16px var(--mono);color:var(--ink)}.nc-name{font:500 13px/16px var(--sans);color:var(--ink)}.nc-lvl{align-items:center;gap:2px;height:12px;display:inline-flex}.nc-lvl i{background:var(--brand);border-radius:1px;width:2px;height:12px;display:block;transform:scaleY(.4)}.nc-lvl i:nth-child(odd){transform:scaleY(.75)}.nc-pos.show .nc-lvl i{animation:1s ease-in-out infinite alternate vox}.nc-pos.show .nc-lvl i:nth-child(2n){animation-duration:.7s}.nc-pos.show .nc-lvl i:nth-child(3n){animation-duration:1.3s}.nc-lvl i:first-child{animation-delay:-.2s}.nc-lvl i:nth-child(2){animation-delay:-.5s}.nc-lvl i:nth-child(3){animation-delay:-.9s}.nc-lvl i:nth-child(4){animation-delay:-.3s}.nc-lvl i:nth-child(5){animation-delay:-.7s}.nc-lvl i:nth-child(6){animation-delay:-.1s}@keyframes vox{0%{transform:scaleY(.28)}to{transform:scaleY(1)}}.turn-rows .idx{z-index:2;background:var(--bg-frame);width:40px;height:24px;box-shadow:inset 0 0 0 1px var(--border-control);font:500 12px/16px var(--mono);letter-spacing:.02em;color:var(--ink-subtle);border-radius:9999px;justify-content:center;justify-self:start;align-items:center;transition:background-color .2s,color .2s,box-shadow .2s;display:inline-flex;position:relative}.turn-rows .row.on .idx{background:var(--primary);color:var(--on-primary);box-shadow:inset 0 0 0 1px var(--primary)}.bookend{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px 16px;padding:20px 0;display:flex}.bookend.bk-out{border-bottom:0}.bookend .idx{box-shadow:none;border:1px dashed var(--border-control);text-transform:uppercase;letter-spacing:.06em;font-weight:400}.bookend.on .idx{border-color:var(--primary);color:var(--ink)}.bookend.bk-out.on .idx,#turnWrap:is(:not([data-active]),[data-active=before],[data-active=in]) .bk-in .idx{background:#fff}.mini{flex:none;width:128px;height:20px;display:block}.bk-cap{font:400 14px/20px var(--sans);color:var(--ink-muted)}.bk-end{font:400 12px/16px var(--mono);color:var(--ink-subtle);align-items:center;gap:8px;margin-left:auto;display:inline-flex}.js-rv .bookend.rv{opacity:1;transform:none}.js-rv .bookend.rv>*{opacity:0;transition:opacity .7s var(--ease);transition-delay:calc(var(--i,0) * 90ms + .22s)}.js-rv .bookend.rv.in>*{opacity:1}.bp{z-index:0;pointer-events:none;opacity:0;transition:opacity .5s var(--ease);background-image:linear-gradient(90deg, var(--bp-col) 0 1px, transparent 1px), linear-gradient(var(--bp-row) 0 1px, transparent 1px);background-size:var(--mp,94px) 100%, 100% 24px;-webkit-mask-composite:source-in;background-position:32px 0,0 0;position:absolute;inset:-24px -32px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 32px calc(100% - 32px),#0000),linear-gradient(#0000,#000 24px calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#0000,#000 32px calc(100% - 32px),#0000),linear-gradient(#0000,#000 24px calc(100% - 24px),#0000);mask-composite:intersect}.row.on .bp{opacity:1}.row.on .art{--ink-subtle:#57564f;box-shadow:0 0 0 1px #1e2a4417,0 14px 32px -14px #1e2a4466}.row.on .art:before{backdrop-filter:blur(18px)saturate(1.6);background-color:#ffffff8c;box-shadow:inset 0 0 0 1px #ffffffb3,inset 0 1px #ffffffd9}.row.on .art-foot,.row.on .wt-axis{border-color:#1e2a441f}@supports not (backdrop-filter:blur(1px)){.row.on .art:before{background-color:#fffffff0}}@media (prefers-reduced-transparency:reduce){.row.on .art:before{backdrop-filter:none;background-color:#fff}}@media (width>=1100px){.turn-rows .row .idx{grid-column:1/span 2}.turn-rows .row .name{grid-column:3/span 2}.spine{left:0}.turn-rows .idx{transform:translate(-20px)}}@media (width<=1099px){.spine{display:none}}@media (prefers-reduced-motion:reduce){.sp-fill,.sp-dot,.sp-over{display:none}}.code{grid-template-columns:calc((100% + var(--gap)) / 12 * 5) minmax(0, 1fr);background:var(--primary);color:#e6eaf2;box-shadow:var(--shadow-sm);border-radius:12px;display:grid;overflow:hidden}.pane{flex-direction:column;min-width:0;display:flex}.pane+.pane{border-left:1px solid #2c3a5c}.pane-bar{background:var(--primary-deep);height:48px;font:400 12px/16px var(--mono);color:#9aa6bf;border-bottom:1px solid #2c3a5c;align-items:center;gap:12px;padding:0 16px;display:flex}.pane-bar .grow{margin-left:auto}.seg{background:#121a2e;border-radius:9999px;padding:4px;display:inline-flex}.seg button{color:#9aa6bf;cursor:pointer;height:24px;font:500 12px/16px var(--sans);background:0 0;border:0;border-radius:9999px;padding:0 12px;transition:background-color .12s,color .12s}.seg button[aria-selected=true]{background:var(--primary-hover);color:#fff}.seg button:hover{color:#fff}.ok{color:var(--brand-on-navy);align-items:center;gap:8px;display:inline-flex}.ok:before{content:"";background:var(--brand-on-navy);border-radius:50%;width:6px;height:6px}pre.src{font:400 13px/20px var(--mono);tab-size:2;padding:24px;overflow-x:auto}pre.src code{font:inherit}pre.src[hidden]{display:none}.src .c{color:#93a0ba}.src .k{color:#fff;font-weight:500}.src .s{color:#8fbcff}.src .n{color:#c7d2ea}.src .f{color:#9aa6bf}.src .p{color:#93a0ba}.src .said{color:#8fbcff}.src .said .wd{transition:color .12s}.src .said .wd.on{color:#fff}.attach{background:var(--primary-deep);height:48px;font:400 12px/16px var(--mono);color:#9aa6bf;font-variant-numeric:tabular-nums;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin:auto 24px 24px;padding:0 16px;display:grid;box-shadow:inset 0 0 0 1px #2c3a5c}.attach b{color:#e6eaf2;font-weight:400}.attach .bar-wrap{height:24px;position:relative}.attach svg{position:absolute;inset:0}.aph{opacity:0;will-change:transform;background:#fff;border-radius:1px;width:1.5px;margin-left:-.75px;position:absolute;top:-4px;bottom:-4px;left:0}.attach.playing .aph{opacity:1}.proof{margin-bottom:64px}.proof>div{grid-column:span var(--span,4);border-top:1px solid var(--border);padding-top:24px}.fig{font:400 48px/52px var(--sans);letter-spacing:-.03em}.fig-words{letter-spacing:-.025em;text-wrap:balance;min-height:52px;font-size:32px;line-height:40px}.proof .what{color:var(--ink-muted);max-width:44ch;margin-top:12px}.faq .row{align-items:start}.faq .row .q{font:500 16px/24px var(--sans);text-wrap:balance;grid-column:1/span 5}.faq .row .a{max-width:64ch;font:400 16px/24px var(--sans);color:var(--ink-muted);grid-column:6/span 7}@supports not (backdrop-filter:blur(1px)){.turn:before,.cmp-knob{background:#fff}}@media (prefers-reduced-transparency:reduce){.turn:before,.cmp-knob{backdrop-filter:none;background:#fff}}@media (width<=1359px){.float-kb{right:-32px}}@media (width<=1199px){.float-kb{display:none}}@media (width<=1099px){.reg{display:none}.turn-title{flex-direction:column;gap:0}}@media (width<=1023px){.tracks{grid-template-columns:168px minmax(0,1fr)}.tl-s{white-space:nowrap}.hero-head .head,.hero-head .side{grid-column:1/-1}.hero-head .side{max-width:560px;margin:24px 0 0}.row .name{grid-column:2/span 4}.row .desc{grid-column:6/-1}.row .art-col{grid-area:2/6/auto/-1;margin-top:24px}.ways .row .name{grid-column:1/span 5}.ways .row .go{grid-area:2/6/auto/-1;margin-top:16px}.faq .row .q{grid-column:1/span 5}.faq .row .a{grid-column:6/-1}.code{grid-template-columns:minmax(0,1fr)}.pane+.pane{border-top:1px solid #2c3a5c;border-left:0}.attach{margin-top:0}}@media (width>=1024px) and (width<=1199px){.code{grid-template-columns:calc((100% + var(--gap)) / 2) minmax(0, 1fr)}pre.src{padding-inline:20px}}@media (width<=899px){.clock .total{display:none}.turn-bar{flex-wrap:wrap;row-gap:12px;padding:12px 12px 12px 16px}.transport{width:100%;margin-left:0}.play-btn{order:-1}.cue,.result{white-space:normal;flex:1 1 0;min-width:0}.clock{margin-left:auto}}@media (width<=719px){.hero{padding-top:48px;padding-bottom:96px}.hero-head .side{margin-bottom:0}.stage{margin-top:40px}.tracks{grid-template-rows:28px 96px auto auto 88px 40px;grid-template-columns:minmax(0,1fr)}.tl{display:none}.ln,.overlay{grid-column:1}.ln{padding:0 16px}.lane-art{left:16px}.ruler,.overlay-in{inset:0 16px}.ln[data-tag]:before{content:attr(data-tag);z-index:2;font:400 11px/16px var(--mono);color:var(--ink-subtle);background:#ffffffe0;border-radius:4px;padding:0 4px;position:absolute;top:8px;left:12px}.r2,.r3{padding:32px 16px 12px}.cap{white-space:normal;position:relative;top:auto;left:auto;transform:none}.kv{flex-wrap:wrap;row-gap:0}.rail{align-items:center;gap:16px;width:auto;padding:0 14px;display:flex;bottom:-58px;left:0;height:40px!important;top:auto!important}.rail-track,.rail-link{display:none}.rail-step{align-items:center;gap:6px;width:auto;margin:0;display:inline-flex;position:relative;top:auto;left:auto}.rail-orb{flex:none;width:12px;height:12px;position:relative;inset:auto}.rail-step em{font:400 11px/16px var(--mono);color:var(--ink-muted);white-space:nowrap;font-style:normal;display:block}[data-s=run]>em{color:var(--ink)}.row{grid-template-columns:32px minmax(0,1fr);column-gap:8px;padding:24px 0}.row .name{grid-column:2}.row .name h3{font-size:24px;line-height:32px}.row .desc{grid-column:2;margin-top:12px}.row .art-col{grid-area:auto/1/auto/-1;margin-top:20px}.turn-rows .row{grid-template-columns:40px minmax(0,1fr);column-gap:12px}.bp{inset:-16px -12px}.mini{width:96px}.bk-end{flex:100%;margin-left:56px}.tx li{grid-template-columns:56px minmax(0,1fr)}.tx p{grid-column:1/-1;margin-top:4px}.ways .row .name,.ways .row .desc,.ways .row .go{grid-area:auto/1/auto/-1}.ways .row .go{margin-top:16px}.faq .row .q,.faq .row .a{grid-column:1/-1}.faq .row .a{margin-top:8px}pre.src{white-space:pre-wrap;padding:16px;font-size:11px;line-height:16px}.attach{margin:0 16px 16px}.pane-bar{padding:0 12px}.proof{margin-bottom:40px}.proof>div{grid-column:1/-1;padding:20px 0 24px}.fig{font-size:32px;line-height:40px}.fig-words{min-height:0;font-size:24px;line-height:32px}}@media (width<=719px),(pointer:coarse){.play-btn{height:44px;padding:0 16px 0 12px;font-size:14px}.turn-rows .ep{align-items:center;min-height:44px;margin-top:4px}}@media (dynamic-range:high){html:not(.hdr-off) .sp-dot:before,html:not(.hdr-off) .sp-dot:after{dynamic-range-limit:no-limit;background:#e0763a url(/fx/hdr-amber-12x.jpg) 50%/100% 100% no-repeat}html:not(.hdr-off) .play-btn{isolation:isolate}html:not(.hdr-off) .turn[data-state=poster] .play-btn:before{animation:none}html:not(.hdr-off) .play-btn:after{content:"";z-index:-1;border-radius:inherit;pointer-events:none;dynamic-range-limit:no-limit;background:#fff url(/fx/hdr-white-12x.jpg) 50%/100% 100% no-repeat;transition:opacity .12s;position:absolute;inset:0}html:not(.hdr-off) .turn:is([data-state=poster],[data-state=paused]) .play-btn:after{background-image:url(/fx/hdr-white-14x.jpg)}html:not(.hdr-off) .turn[data-state=poster] .play-btn:after{opacity:0;animation:1.6s ease-in-out infinite alternate play-hdr}html:not(.hdr-off) .play-btn:hover:after{opacity:0;animation:none}html:not(.hdr-off) .art:after{content:"";z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;dynamic-range-limit:no-limit;transition:opacity .4s var(--ease);background:#fff url(/fx/hdr-white-12x.jpg) 50%/100% 100% no-repeat;position:absolute;inset:0}html:not(.hdr-off) .row.on .art:after{opacity:1}html:not(.hdr-off) .nowchip,html:not(.hdr-off) .hero .btn-secondary:not(:hover){dynamic-range-limit:no-limit;background:#fff url(/fx/hdr-white-12x.jpg) 50%/100% 100% no-repeat}html:not(.hdr-off) .turn:before{dynamic-range-limit:no-limit;background:#fff url(/fx/hdr-white-11x.jpg) 50%/100% 100% no-repeat}html:not(.hdr-off) .hdr-wave{dynamic-range-limit:no-limit;display:block}html:not(.hdr-off) .hw-azure{background:#3185fc url(/fx/hdr-azure-12x.jpg) 50%/100% 100% no-repeat}html:not(.hdr-off) .hw-navy{background:#1e2a44 url(/fx/hdr-navy-12x.jpg) 50%/100% 100% no-repeat}html:not(.hdr-off) .rail-bead i,html:not(.hdr-off) .rail-link{dynamic-range-limit:no-limit;background:#e0763a url(/fx/hdr-amber-14x.jpg) 50%/100% 100% no-repeat}html:not(.hdr-off) #turnWrap:is(:not([data-active]),[data-active=before],[data-active=in]) .bk-in .idx,html:not(.hdr-off) .bookend.bk-out.on .idx{dynamic-range-limit:no-limit;background:#fff url(/fx/hdr-white-12x.jpg) 50%/100% 100% no-repeat}}@keyframes play-hdr{to{opacity:1}}@media (dynamic-range:high) and (prefers-reduced-motion:reduce){html:not(.hdr-off) .turn[data-state=poster] .play-btn:after{animation:none}}