.lp{--lp-in-chip:color-mix(in srgb, var(--terra) 30%, var(--bg));--lp-in-tray:color-mix(in srgb, var(--terra) 11%, var(--bg));--lp-task-chip:color-mix(in srgb, var(--mustard) 42%, var(--bg));--lp-task-tray:color-mix(in srgb, var(--mustard) 14%, var(--bg));--lp-micro-chip:color-mix(in srgb, var(--teal) 30%, var(--bg));--lp-micro-tray:color-mix(in srgb, var(--teal) 12%, var(--bg));--lp-now:light-dark(color-mix(in srgb, var(--accent) 15%, var(--bg)),color-mix(in srgb, var(--accent) 13%, var(--code-bg)));--lp-micro-code:light-dark(color-mix(in srgb, var(--teal) 20%, var(--bg)),color-mix(in srgb, var(--teal) 20%, var(--code-bg)));--lp-task-code:light-dark(color-mix(in srgb, var(--mustard) 30%, var(--bg)),color-mix(in srgb, var(--mustard) 18%, var(--code-bg)));--lp-raf-chip:color-mix(in srgb, var(--violet) 30%, var(--bg));--lp-raf-code:light-dark(color-mix(in srgb, var(--violet) 20%, var(--bg)),color-mix(in srgb, var(--violet) 22%, var(--code-bg)))}.lp p{margin:0}.lp svg text{font-family:var(--font-mono);font-size:12px}.lp .lp-chip{fill:var(--text)}.lp .lp-q{fill:var(--muted)}.lp .lp-st{fill:var(--text);font-weight:600}.lp svg path,.lp svg circle{stroke-linecap:round;stroke-linejoin:round}.lp-dff{--dff-pad:10px;inset:calc(var(--dff-pad) * -1);pointer-events:none;display:block;position:absolute}.lp-dff-h,.lp-dff-v{display:block;position:absolute}.lp-dff-h{height:10px}.lp-dff-v{width:10px}.lp-dff svg{width:100%;height:100%;display:block;overflow:visible}.lp-dff path{fill:none;stroke:var(--dff-stroke,var(--muted));stroke-width:calc(var(--w) + var(--dff-bump,0px));stroke-linecap:round;vector-effect:non-scaling-stroke}@property --lp-halo{syntax:"<color>";inherits:true;initial-value:#0000}.lp-hack{--lp-rest:18%;--lp-tint:color-mix(in srgb, var(--accent) var(--lp-rest), transparent);--lp-fill:var(--lp-tint);--lp-halo:color-mix(in srgb, var(--accent) var(--lp-rest), var(--bg));--lp-dur:var(--hb-t,.3s);--lp-fn:linear;--dff-stroke:var(--accent);--lp-r:.07em;--lp-d:.05em;box-sizing:border-box;color:var(--accent);font-family:var(--font-mono);letter-spacing:var(--tracking-mono);text-transform:uppercase;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;font-weight:600;display:inline-flex;position:relative}.lp-hack:before{content:"";box-shadow:inset 0 0 0 4em var(--lp-fill);transition:box-shadow var(--lp-dur) var(--lp-fn);position:absolute;inset:3.8px}.lp-hack-label{text-shadow:var(--lp-r) 0 var(--lp-halo), calc(-1 * var(--lp-r)) 0 var(--lp-halo), 0 var(--lp-r) var(--lp-halo), 0 calc(-1 * var(--lp-r)) var(--lp-halo), var(--lp-d) var(--lp-d) var(--lp-halo), calc(-1 * var(--lp-d)) var(--lp-d) var(--lp-halo), var(--lp-d) calc(-1 * var(--lp-d)) var(--lp-halo), calc(-1 * var(--lp-d)) calc(-1 * var(--lp-d)) var(--lp-halo);position:relative}.lp-hack[data-state=idle]{--lp-dur:var(--hb-back,.6s);--lp-fn:ease;transition:--lp-halo var(--lp-dur) var(--lp-fn)}.lp-hack--back[data-state=idle]{transition:--lp-halo var(--lp-dur) var(--lp-fn), color 0s linear calc(var(--lp-dur) / 2)}.lp-hack[data-state=hacking],.lp-hack[data-state=hacked],.lp-hack[data-state=stuck]{--lp-fill:var(--accent);--lp-halo:var(--accent);color:var(--bg-raised)}.lp-hack[data-state=stuck]{--lp-fill:color-mix(in srgb, var(--accent) 45%, transparent)}.lp-hack.lp-hack--snap,.lp--still .lp-hack,.lp-hack.lp-hack--pic{--lp-dur:0s}.lp-hack--live{min-width:8.5rem;min-height:3rem;font-size:var(--text-label-head);cursor:pointer;padding:.55rem 1.6rem}.lp-hack--live:focus-visible{--dff-stroke:var(--text);--dff-bump:1px;outline:none}.lp-hack--live[data-state=idle]:focus-visible{color:var(--text)}@media (hover:hover){.lp-hack--live:hover:not(:disabled){--dff-stroke:var(--text);--dff-bump:1px}.lp-hack--live[data-state=idle]:hover:not(:disabled){color:var(--text)}}.lp-hack--live:disabled{cursor:default}@media (forced-colors:active){.lp-hack--live:focus-visible{outline-offset:3px;outline:2px solid canvastext}}.lp-hack--pic{pointer-events:none;user-select:none;padding:0;font-size:3.77778cqw;position:absolute}.lp-hack--pic .lp-dff{--dff-pad:6px}.lp-hack--pic.lp-hack--tap{pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent}.lp-hb{max-width:var(--measure-read);margin:calc(var(--space) * 1.4) auto calc(var(--space) * 1.6);text-align:center;flex-direction:column;align-items:center;gap:.75rem;display:flex}.lp-hb .lp-hack--live{margin-top:.6rem}.lp-title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--text);opacity:1;transition:opacity calc(var(--hb-back,.6s) / 2) ease;line-height:1.1}.lp-title.lp-title--out{opacity:0}.lp--still .lp-title{transition:none}.lp-marks-row{min-height:1.25rem;font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.02em;color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.lp-marks{flex-wrap:wrap;gap:.3rem;min-width:4rem;display:inline-flex}.lp-marks:empty:before{content:"none yet";font-style:italic}.lp-mark{background:var(--accent);border-radius:50%;width:.6rem;height:.6rem;display:block}.lp-mark[data-kind=key]{background:var(--text);border-radius:2px}.lp-legend,.lp-legend>span{white-space:nowrap;align-items:center;gap:.3rem;display:inline-flex}.lp-legend{gap:.7rem}.lp-marks:empty~.lp-legend{visibility:hidden}.lp-instruct{max-width:30rem;font-family:var(--font-body);font-size:var(--text-small);color:var(--text);line-height:1.5}.lp-warn,.lp-result{max-width:30rem;font-family:var(--font-body);font-size:var(--text-small);line-height:1.5}.lp-warn{color:var(--muted)}.lp-result{min-height:4.5em;color:var(--text)}.lp-replay{max-width:var(--measure-read);margin:calc(var(--space) * 1.4) auto calc(var(--space) * 1.6)}.lp-how{color:var(--muted);font-weight:400}.lp-whose{border-left:3px solid var(--terra);font-family:var(--font-body);font-size:var(--text-small);color:var(--text);padding-left:.55rem;font-weight:600;line-height:1.35;margin:0 0 .4rem!important}.lp-code{--lp-lh:1.5em;box-sizing:border-box;font-family:var(--font-mono);font-size:12px;line-height:var(--lp-lh);color:var(--text);background:var(--code-bg);border:1px solid var(--code-border);border-radius:8px;margin:0;padding:.5rem 0;overflow:hidden}.lp-code code{min-height:calc(var(--lp-lines) * var(--lp-lh));font:inherit;display:block}.lp-line{white-space:pre;padding:0 .6rem;display:block}.lp-line.is-now{background:var(--lp-now);box-shadow:inset 3px 0 0 var(--terra)}.lp-tint{--lp-tint-bg:var(--lp-micro-code);background:linear-gradient(var(--lp-tint-bg), var(--lp-tint-bg)) left / 100% 100% no-repeat;border-radius:2px;margin-left:-.3ch;padding:0 .4ch 0 .3ch;display:inline-block}.lp-tint--task{--lp-tint-bg:var(--lp-task-code)}.lp-tint--raf{--lp-tint-bg:var(--lp-raf-code)}.lp-tint--word{margin:0;padding:0}.lp-code.has-snippet{--lp-lh:14.5px}.lp-snippet{--lp-lh:12.5px;isolation:isolate;width:max-content;font-size:11px;line-height:var(--lp-lh);background:var(--code-bg);border:1px solid var(--code-border);border-radius:6px;margin:.25rem 0 0;padding:0;display:block}.lp-snippet .lp-line{padding:0 .45rem}.lp-file{letter-spacing:.02em;color:var(--muted);padding:0 .6rem .15rem;font-size:11px;line-height:13px;display:block}.lp-snippet .lp-file{padding:.15rem .45rem .1rem}.lp-code.has-files .lp-snippet{--lp-lh:14.5px;width:auto;margin:.4rem .4rem 0;font-size:12px}@media (width<=379px){.lp-code.has-files,.lp-code.has-files .lp-snippet{font-size:11px}}.lp-line.lp-gap{margin-top:.3rem}.lp-kw{color:var(--code-keyword)}.lp-str{color:var(--code-string)}.lp-num{color:var(--code-number)}.lp-stage{margin-top:.45rem;position:relative;container-type:inline-size}.lp-stage>svg{width:100%;height:auto;display:block}.lp-ftitle{white-space:nowrap;font-family:var(--font-display);color:var(--text);pointer-events:none;text-underline-offset:.2em;font-size:4.72222cqw;line-height:1;text-decoration:underline 2px #0000;position:absolute;transform:translate(-50%)}.lp-pic-label{width:27.7778cqw;font-family:var(--font-mono);text-align:center;color:var(--muted);pointer-events:none;font-size:3.33333cqw;line-height:1.2;position:absolute}.lp-ftitle.is-new{text-decoration-color:var(--teal)}.lp-cap{min-height:3.75em;line-height:1.25;margin-top:calc(var(--space) * .3)!important}.lp-round{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.02em;color:var(--muted);transform-origin:0;display:inline;transform:rotate(1.5deg)}.lp-controls{margin-top:calc(var(--space) * .5);flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.lp-ctl{min-width:4.2rem;min-height:2.75rem;font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.04em;color:var(--text);border:1.5px solid var(--rule-firm);border-radius:var(--radius-pill);cursor:pointer;background:0 0;padding:.35rem .9rem}.lp-ctl[aria-pressed=true]{border-color:var(--text)}.lp-ctl:disabled,.lp-ctl[aria-disabled=true]{cursor:default;opacity:.55}.lp-count{font-family:var(--font-mono);font-size:var(--text-label);color:var(--muted);font-variant-numeric:tabular-nums;margin-left:.5rem}@media (width>=820px){.lp-replay{max-width:none}.lp-replay-grid{gap:calc(var(--space) * 1.5);grid-template-columns:minmax(0,1fr) minmax(0,20rem);align-items:start;display:grid}.lp-code{font-size:12.5px}.lp-code.has-snippet{--lp-lh:1.5em;font-size:12px}.lp-code.has-snippet code{min-height:0}.lp-snippet{--lp-lh:1.5em;width:max-content;margin:.5rem .6rem 0;padding:.3rem 0;font-size:12px;position:static}.lp-code.has-files .lp-snippet{--lp-lh:1.5em;margin:.5rem .6rem 0}.lp-stage{margin-top:0}}.lp-concept{max-width:var(--measure-read);margin:calc(var(--space) * 1.4) auto calc(var(--space) * 1.6);text-align:center}.lp-concept>svg{width:100%;max-width:24rem;height:auto;margin-inline:auto;display:block}.lp-key{font-family:var(--font-body);font-size:var(--text-small);color:var(--muted);flex-direction:column;gap:.15rem;line-height:1.35;display:flex;margin-top:.35rem!important}.lp-concept-replay{margin:.6rem auto 0;display:block}.lp-concept-replay[hidden]{display:none}.fig-ctl{place-items:center;min-height:2.75rem;margin-top:.6rem;display:grid}.fig-run-btn{min-width:calc(6ch + 1.8rem + 3px)}