.tp{--tp-cell:3.25rem;--tp-cell-h:3rem;--tp-pitch:calc(var(--tp-cell) * 1.12);--tp-sq:2.875rem;--tp-rule:#d3deef;--tp-sheet:#fffdf9;--tp-violet:#6d4aa8;--tp-now:#f3d99a;--tp-crayon-green:#bfe0cb;--tp-crayon-amber:#f3d99a;--tp-mark:color-mix(in srgb,#e2a32b 34%,var(--pl-card));--tp-mark-soft:color-mix(in srgb,#e2a32b 15%,var(--pl-card));--tp-deck:color-mix(in srgb,var(--pl-paper) 62%,var(--pl-card));color:var(--pl-ink);font-family:var(--font-sans,ui-sans-serif,system-ui,sans-serif);-webkit-tap-highlight-color:transparent}.dark .tp{--tp-rule:#454c57;--tp-sheet:#23211d;--tp-violet:#b9a2ea;--tp-crayon-green:rgb(63 158 108/0.5);--tp-crayon-amber:rgb(226 163 43/0.55);--tp-mark:color-mix(in srgb,#e2a32b 30%,var(--pl-card));--tp-mark-soft:color-mix(in srgb,#e2a32b 13%,var(--pl-card))}.tp:focus-visible{outline:3px solid var(--pl-amber);outline-offset:3px}@container trace (max-width: 30rem){.tp-stage{--tp-cell:2.25rem;--tp-cell-h:2.4rem;--tp-sq:2.4rem}.tp-stage .tp-tile{font-size:12.5px;border-radius:8px}}.tp-t-sky{--tone:var(--pl-blue-ink);--tone-fill:#b9cdf0;--tone-solid:#2f5fc4}.tp-t-emerald{--tone:var(--pl-green-ink);--tone-fill:#bfe0cb;--tone-solid:#1e7a52}.tp-t-amber{--tone:var(--pl-amber-ink);--tone-fill:#f3d99a;--tone-solid:#e2a32b}.tp-t-rose{--tone:var(--pl-coral-ink);--tone-fill:#f0bba9;--tone-solid:#db6b4b}.tp-t-violet{--tone:var(--tp-violet);--tone-fill:#d9cdf0;--tone-solid:#6d4aa8}.tp-t-gray{--tone:var(--pl-ink-2);--tone-fill:#e3dccb;--tone-solid:#8a8272}.tp-btn{display:inline-grid;place-items:center;flex:none;border-radius:999px;background:var(--pl-card);color:var(--pl-ink);box-shadow:inset 0 0 0 1.5px var(--pl-line),0 3px 0 var(--pl-line);cursor:pointer;transition:transform .12s ease-out,box-shadow .12s ease-out,background-color .15s,opacity .15s}.tp-btn:hover:not(:disabled){background:var(--pl-highlight);transform:translateY(-1px);box-shadow:inset 0 0 0 1.5px var(--pl-line),0 4px 0 var(--pl-line)}.tp-btn:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 0 0 1.5px var(--pl-line),0 1px 0 var(--pl-line)}.tp-btn:disabled{opacity:.38;cursor:not-allowed}.tp-btn:focus-visible,.tp-rail:focus-visible,.tp-speed:focus-visible{outline:3px solid var(--pl-amber);outline-offset:2px}.tp-btn[data-primary=true]{background:var(--color-brand-600,#067a57);color:#fff;box-shadow:0 3px 0 color-mix(in srgb,var(--color-brand-600,#067a57) 62%,#000)}.tp-btn[data-primary=true]:hover:not(:disabled){background:var(--color-brand-600,#067a57);box-shadow:0 4px 0 color-mix(in srgb,var(--color-brand-600,#067a57) 62%,#000)}.tp-btn[data-primary=true]:active:not(:disabled){box-shadow:0 1px 0 color-mix(in srgb,var(--color-brand-600,#067a57) 62%,#000)}.tp-speed{height:28px;min-width:36px;padding:0 8px;border-radius:999px;color:var(--pl-ink-2);font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums;cursor:pointer;transition:background-color .15s,color .15s}.tp-speed:hover{background:var(--pl-highlight);color:var(--pl-ink)}.tp-speed[data-active=true]{background:var(--pl-ink);color:var(--pl-paper)}html:not(.dark) .tp-code{--color-gray-50:#211f1b;--color-white:#211f1b;--color-gray-100:#211f1b;--color-gray-200:#211f1b;--color-gray-300:#3d3a32;--color-gray-400:#6b655a;--color-gray-500:#7a7364;--color-indigo-300:#2f5fc4;--color-blue-300:#2f5fc4;--color-sky-300:#1e7a52;--color-teal-300:#8a5a0a;--color-pink-400:#bd4f2f;--color-purple-300:#6d4aa8;--color-purple-400:#6d4aa8}.tp-code{color:var(--pl-ink);font-variant-ligatures:none;scrollbar-width:thin;scrollbar-color:var(--pl-line) transparent}.tp-line{position:relative;display:grid;grid-template-columns:2.6rem minmax(max-content,1fr);width:max-content;min-width:100%;min-height:1.625rem;border-radius:9px 6px 11px 7px/8px 11px 6px 10px;transition:background-color .2s}.tp-line[data-on=also]{background:var(--tp-mark-soft)}.tp-line[data-on=now]{background:var(--tp-mark)}.tp-gutter{display:flex;align-items:center;justify-content:flex-end;gap:2px;height:1.625rem;padding-right:.7rem;color:color-mix(in srgb,var(--pl-ink-2) 62%,transparent);font-size:11px;font-variant-numeric:tabular-nums;user-select:none}.tp-line[data-on] .tp-gutter{color:var(--pl-ink);font-weight:600}.tp-margin{position:sticky;right:0;display:inline-flex;align-items:baseline;gap:.7rem;margin-left:.9rem;padding:0 .6rem 0 .5rem;border-radius:8px;background:var(--tp-mark);box-shadow:-10px 0 8px -4px var(--tp-mark);font-size:1.24rem;font-weight:600;line-height:1;white-space:nowrap}.tp-margin b{margin-right:.3rem;font-family:var(--font-geist-mono),ui-monospace,monospace;font-size:12.5px;font-weight:700}.tp-bubble{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:3.6rem;padding:.7rem 1rem .8rem;border:2px solid var(--pl-ink);border-radius:20px 22px 22px 20px/22px 20px 22px 20px;background:var(--pl-card)}.tp-bubble:after{content:"";position:absolute;left:-9px;bottom:19px;width:16px;height:16px;background:inherit;border-left:2px solid var(--pl-ink);border-bottom:2px solid var(--pl-ink);border-bottom-left-radius:4px;transform:rotate(45deg)}.tp-say{animation:tp-say .26s ease-out backwards}@keyframes tp-say{0%{opacity:0;transform:translateY(4px)}}.tp-inv{position:relative;padding:.8rem 1.1rem .7rem 1rem;background:var(--tp-inv,#fbf1cc);color:#211f1b;border-radius:3px 14px 4px 12px/12px 4px 14px 3px;box-shadow:0 1px 0 rgb(33 31 27/.08),0 14px 18px -16px rgb(74 58 28/.6);clip-path:polygon(0 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%);rotate:-.6deg}.tp-inv:after{content:"";position:absolute;right:0;bottom:0;width:15px;height:15px;background:linear-gradient(135deg,rgb(33 31 27/.2),rgb(33 31 27/.06) 55%);border-top-left-radius:4px}.dark .tp-inv{--tp-inv:#f1e3b0}.tp-tile{position:relative;display:grid;place-items:center;flex:none;width:var(--tp-cell);height:var(--tp-cell-h);padding:0 3px;border-radius:10px;background:var(--pl-paper);color:var(--pl-ink);box-shadow:inset 0 0 0 1.5px var(--pl-line);font-size:13.5px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap;transition:transform .32s cubic-bezier(.34,1.56,.64,1),opacity .3s ease-out,background-color .2s,box-shadow .2s}.tp-tile[data-long=true]{font-size:11px;letter-spacing:-.02em}.tp-tile[data-fit=true]{width:auto;min-width:var(--tp-cell);padding:0 10px}.tp-tile[data-state=out]{background:transparent;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--pl-line) 60%,transparent);opacity:.72;transform:scale(.82)}.tp-tile[data-state=on]{z-index:1;background:var(--tone-fill,var(--tp-now));color:#211f1b;box-shadow:inset 0 0 0 2px #211f1b,0 3px 0 rgb(33 31 27/.2);transform:scale(1.06)}.dark .tp-tile[data-state=on]{box-shadow:inset 0 0 0 2px #211f1b,0 0 0 2px var(--pl-ink)}.tp-tile-val{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis}.tp-bump{animation:tp-bump .5s cubic-bezier(.34,1.56,.64,1)}@keyframes tp-bump{0%{transform:scale(.6);opacity:.2}to{transform:scale(1);opacity:1}}.tp-was{position:absolute;top:-.8rem;right:-.35rem;z-index:2;padding:0 3px;border-radius:6px;background:var(--pl-card);color:var(--pl-coral-ink);font-size:1.3rem;font-weight:700;line-height:1;text-decoration:line-through;text-decoration-thickness:1.5px;rotate:7deg;pointer-events:none;animation:tp-say .3s ease-out .12s backwards}.tp-array{position:relative;width:calc(var(--tp-pitch) * var(--n) - var(--tp-cell) * .12);min-width:var(--tp-cell)}.tp-row{display:flex;gap:calc(var(--tp-cell) * .12)}.tp-index{flex:none;width:var(--tp-cell);text-align:center;color:var(--pl-ink-2);font-size:10.5px;font-variant-numeric:tabular-nums;line-height:1rem}.tp-index[data-on=true]{color:var(--pl-ink);font-weight:700}.tp-range{position:relative;height:1.7rem;color:var(--tone)}.tp-range>*{position:absolute;left:0;transition:transform .45s cubic-bezier(.3,1.25,.5,1)}.tp-range-line{top:.82rem;width:var(--tp-cell);height:2.2px;border-radius:2px;background:currentColor;transform-origin:0 50%}.tp-range-cap{top:.82rem;width:8px;height:.8rem}.tp-range-label{top:0;padding:0 .4rem;background:var(--pl-card);font-size:1.2rem;font-weight:600;line-height:1.6rem;white-space:nowrap}.tp-needle{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;color:var(--tone);transition:transform .4s cubic-bezier(.34,1.4,.64,1)}.tp-needle svg{transition:opacity .2s}.tp-needle-label{font-size:12.5px;font-weight:700;line-height:1.2rem;white-space:nowrap}.tp-sheet{border-radius:9px;background:var(--tp-sheet);box-shadow:0 0 0 1.5px color-mix(in srgb,var(--pl-ink) 14%,transparent),3px 4px 0 color-mix(in srgb,var(--pl-ink) 7%,transparent)}.tp-sq{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:var(--tp-sq);min-height:var(--tp-sq);padding:0 7px;box-shadow:inset -1.5px -1.5px 0 var(--tp-rule);color:var(--pl-ink);font-size:13.5px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1}.tp-sq[data-edge-r=true]{box-shadow:inset 0 -1.5px 0 var(--tp-rule)}.tp-sq[data-edge-b=true]{box-shadow:inset -1.5px 0 0 var(--tp-rule)}.tp-sq[data-edge-r=true][data-edge-b=true]{box-shadow:none}.tp-sq:before{content:"";position:absolute;inset:3.5px 4px 4.5px 3.5px;opacity:0;background:repeating-linear-gradient(-58deg,var(--crayon) 0 4.5px,color-mix(in srgb,var(--crayon) 58%,transparent) 4.5px 7px);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M5 8C22 2 38 7 58 3 74 1 90 6 96 5 99 24 94 44 97 61 99 76 95 90 96 96 76 99 56 94 40 97 25 99 10 95 4 95 1 76 6 56 3 40 1 26 4 14 5 8Z'/%3E%3C/svg%3E") center /100% 100% no-repeat;transition:opacity .3s ease-out}.tp-sq[data-written=true]:before{--crayon:var(--tp-crayon-green);opacity:.85}.tp-sq[data-on=true]:before{--crayon:var(--tone-crayon,var(--tp-crayon-amber));opacity:1}.tp-sq[data-on=true]:after{content:"";position:absolute;inset:2px 2.5px 3px 2px;border:2px solid var(--pl-ink);border-radius:9px 7px 10px 6px/7px 10px 6px 9px;pointer-events:none}.tp-sq>:not(.tp-was){position:relative}.tp-jar{border:2px solid var(--pl-ink);border-top:0;border-radius:3px 4px 16px 14px/4px 3px 15px 16px}.tp-pipe{border-top:2px solid var(--pl-ink);border-bottom:2px solid var(--pl-ink);border-radius:2px 5px 3px 6px/5px 2px 6px 3px}.tp-ledger>*+*{border-top:1.5px dashed color-mix(in srgb,var(--pl-line) 90%,transparent)}.tp-ledger-row{position:relative;display:flex;align-items:center;gap:.6rem;min-height:2.1rem;padding:.3rem .75rem .3rem 1.9rem;font-size:13px;transition:background-color .2s}.tp-ledger-row[data-on=true]{background:var(--tp-mark);border-radius:9px 6px 11px 7px/8px 11px 6px 10px;border-top-color:transparent}.tp-ledger-row[data-on=true]+.tp-ledger-row{border-top-color:transparent}.tp-leader{flex:1;min-width:1.2rem;height:2px;background:radial-gradient(circle,var(--pl-road) 1px,transparent 1.3px) 0 /7px 2px repeat-x}.tp-print{--bar:color-mix(in srgb,var(--pl-green) 9%,transparent);padding:.625rem 1rem 1rem 1.9rem;background:radial-gradient(circle at .8rem .625rem,var(--pl-card) 2.6px,color-mix(in srgb,var(--pl-ink) 16%,transparent) 2.8px 3.6px,transparent 3.8px) 0 0 /100% 1.25rem,repeating-linear-gradient(to bottom,transparent 0 1.25rem,var(--bar) 1.25rem 2.5rem) 0 .625rem,var(--pl-paper);box-shadow:inset 0 1.5px 0 var(--pl-line),inset 1.5px 0 0 var(--pl-line),inset -1.5px 0 0 var(--pl-line);border-radius:8px 8px 0 0;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom /12px 7px repeat-x,linear-gradient(#000,#000) top /100% calc(100% - 7px) no-repeat}.tp-tape{position:relative;padding:.95rem 1rem .7rem;background:var(--pl-paper)}.tp-tape:before{content:"";position:absolute;inset:5px 8px auto;height:4px;background:radial-gradient(circle,var(--pl-card) 1.8px,transparent 2.1px) 0 /13px 4px repeat-x;box-shadow:none}.tp-ticket{position:relative;padding:2px 8px;border-radius:7px;background:var(--pl-card);box-shadow:inset 0 0 0 1.5px var(--pl-line);font-size:12px;font-weight:600;transition:transform .25s cubic-bezier(.34,1.56,.64,1),opacity .25s,background-color .2s}.tp-ticket[data-state=now]{background:var(--tp-now);color:#211f1b;box-shadow:inset 0 0 0 2px #211f1b;transform:translateY(-2px) scale(1.08)}.tp-ticket[data-state=done]{background:color-mix(in srgb,var(--pl-green) 16%,var(--pl-card));box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--pl-green) 45%,var(--pl-line))}.tp-ticket[data-state=wait]{color:var(--pl-ink-2)}.tp-mat{position:relative;overflow:hidden;border-radius:20px;background:var(--pl-paper);box-shadow:inset 0 0 0 1.5px var(--pl-line)}.tp-edge{stroke:var(--pl-road);stroke-width:4;stroke-linecap:round;fill:none}.tp-edge-on{stroke:var(--pl-blue);stroke-width:6.5;stroke-linecap:round;fill:none}.tp-node{fill:var(--pl-card);stroke:var(--pl-ink);stroke-width:2.6;transition:fill .25s}.tp-node-text{fill:var(--pl-ink);font-weight:700}.tp-node[data-state=visited]{fill:#bfe0cb;stroke:#211f1b}.tp-node[data-state=queued]{fill:#f3d99a;stroke:#211f1b}.tp-node[data-state=active]{fill:var(--pl-blue);stroke:#211f1b;stroke-width:3.2}.dark .tp-node[data-state]{stroke:var(--pl-ink)}.tp-node-text[data-state=queued],.tp-node-text[data-state=visited]{fill:#211f1b}.tp-node-text[data-state=active]{fill:#fff}.tp-rail{position:relative;height:3rem;cursor:pointer;touch-action:none;user-select:none;border-radius:12px}.tp-rail-track{position:absolute;left:14px;right:30px;top:0;bottom:0}.tp-rail-ink{transition:clip-path .45s cubic-bezier(.3,1.1,.5,1)}.tp-pencil{position:absolute;left:0;top:0;bottom:0;width:100%;pointer-events:none;transition:transform .45s cubic-bezier(.3,1.1,.5,1)}.tp-stop{position:absolute;top:66%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:var(--pl-card);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--pl-ink-2) 60%,transparent);transition:background-color .25s,box-shadow .25s}.tp-stop[data-past=true]{background:var(--pl-green);box-shadow:none}.tp-var{display:inline-grid;place-items:center;min-width:1.8rem;height:1.7rem;padding:0 .45rem;border-radius:8px;background:var(--pl-card);color:var(--pl-ink);box-shadow:inset 0 0 0 1.5px var(--pl-line);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.tp-var[data-on=true]{background:var(--tp-now);color:#211f1b;box-shadow:inset 0 0 0 2px #211f1b}.tp-counter{position:relative;display:inline-flex;align-items:baseline;gap:.4rem;font-size:13px}.tp-count-val{display:inline-block;min-width:1.5rem;text-align:center;font-size:14.5px;font-weight:700;font-variant-numeric:tabular-nums}.tp-squig{position:absolute;left:0;right:0;bottom:-5px;height:5px;background:var(--tone,var(--pl-ink-2));mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 8' preserveAspectRatio='none'%3E%3Cpath d='M2 5Q9 1 17 4.5T32 4.5 47 4 58 4' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") center /100% 100% no-repeat}@media (prefers-reduced-motion:reduce){.tp *,.tp :after,.tp :before{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important}}