.pointer-demo[data-astro-cid-5gfuxxxs]{--pointer-accent:var(--family-pointer);--pointer-rest:color-mix(in srgb, var(--surface-2) 88%, var(--pointer-accent));color:var(--text)}.pointer-frame[data-astro-cid-5gfuxxxs]{background:var(--surface-2);border-radius:14px;grid-template:1.7rem auto 1.7rem/1.8rem minmax(0,1fr) 1.8rem;max-inline-size:54rem;margin-inline:auto;padding:clamp(.45rem,1.8vw,1.35rem);display:grid}.pointer-card[data-astro-cid-5gfuxxxs]{isolation:isolate;aspect-ratio:2;background:var(--pointer-rest);touch-action:auto;border-radius:12px;grid-area:2/2;position:relative;overflow:hidden}.axis[data-astro-cid-5gfuxxxs]{color:var(--text-2);place-items:center;font-size:.75rem;display:grid;position:relative}.axis-top[data-astro-cid-5gfuxxxs]{grid-area:1/2}.axis-right[data-astro-cid-5gfuxxxs]{grid-area:2/3}.axis-bottom[data-astro-cid-5gfuxxxs]{grid-area:3/2}.axis-left[data-astro-cid-5gfuxxxs]{grid-area:2/1}.axis[data-astro-cid-5gfuxxxs]:before,.axis[data-astro-cid-5gfuxxxs]:after{content:"";background:var(--line-strong);position:absolute}.axis-top[data-astro-cid-5gfuxxxs]:before,.axis-bottom[data-astro-cid-5gfuxxxs]:before{block-size:1px;inset:50% calc(50% + 1rem) auto 0}.axis-top[data-astro-cid-5gfuxxxs]:after,.axis-bottom[data-astro-cid-5gfuxxxs]:after{block-size:1px;inset:50% 0 auto calc(50% + 1rem)}.axis-left[data-astro-cid-5gfuxxxs]:before,.axis-right[data-astro-cid-5gfuxxxs]:before{inline-size:1px;inset:0 auto calc(50% + 1rem) 50%}.axis-left[data-astro-cid-5gfuxxxs]:after,.axis-right[data-astro-cid-5gfuxxxs]:after{inline-size:1px;inset:calc(50% + 1rem) auto 0 50%}.specimen[data-astro-cid-5gfuxxxs]{pointer-events:none;justify-content:space-between;align-items:end;padding:clamp(.9rem,3.2vw,2rem);display:flex;position:absolute;inset:0}.specimen[data-astro-cid-5gfuxxxs] svg{block-size:100%;inline-size:100%;position:absolute;inset:0}.specimen-rest[data-astro-cid-5gfuxxxs]{z-index:0;background:var(--pointer-rest);color:var(--text)}.specimen-open[data-astro-cid-5gfuxxxs]{z-index:1;background:var(--pointer-accent);color:var(--on-accent);transform:translate(-100%)}.specimen-title[data-astro-cid-5gfuxxxs],.specimen-corner[data-astro-cid-5gfuxxxs]{z-index:1}.specimen-title[data-astro-cid-5gfuxxxs]{gap:.25rem;display:grid}.specimen-title[data-astro-cid-5gfuxxxs] strong[data-astro-cid-5gfuxxxs]{letter-spacing:-.025em;font-size:clamp(1rem,3vw,1.65rem)}.specimen-title[data-astro-cid-5gfuxxxs] small[data-astro-cid-5gfuxxxs],.specimen-corner[data-astro-cid-5gfuxxxs]{letter-spacing:.05em;font-size:clamp(.6rem,1.35vw,.8rem)}.pointer-instructions[data-astro-cid-5gfuxxxs],.pointer-controls[data-astro-cid-5gfuxxxs],.pointer-static[data-astro-cid-5gfuxxxs]{max-inline-size:54rem;margin-inline:auto}.pointer-instructions[data-astro-cid-5gfuxxxs]{color:var(--text-2);flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;margin-block:.65rem .95rem;font-size:.875rem;display:flex}.pointer-instructions[data-astro-cid-5gfuxxxs] p[data-astro-cid-5gfuxxxs]{margin:0}.pointer-status[data-astro-cid-5gfuxxxs]{color:var(--pointer-accent);text-align:end;min-inline-size:6em}.pointer-controls[data-astro-cid-5gfuxxxs]{flex-wrap:wrap;align-items:end;gap:.65rem 1.5rem;display:flex}.pointer-controls[data-astro-cid-5gfuxxxs][hidden]{display:none}.pointer-controls[data-astro-cid-5gfuxxxs] fieldset[data-astro-cid-5gfuxxxs]{border:0;min-inline-size:0;margin:0;padding:0}.pointer-controls[data-astro-cid-5gfuxxxs] legend[data-astro-cid-5gfuxxxs]{color:var(--text-2);margin-block-end:.35rem;padding:0;font-size:.8rem}.direction-options[data-astro-cid-5gfuxxxs],.simple-options[data-astro-cid-5gfuxxxs]{gap:.35rem;display:flex}.pointer-controls[data-astro-cid-5gfuxxxs] button[data-astro-cid-5gfuxxxs]{border:1px solid var(--line-strong);background:var(--surface);min-block-size:2.75rem;min-inline-size:2.75rem;color:var(--text);font:inherit;cursor:pointer;border-radius:7px;place-items:center;padding:.35rem .65rem;font-size:.875rem;display:inline-grid}.pointer-controls[data-astro-cid-5gfuxxxs] button[data-astro-cid-5gfuxxxs]:hover{border-color:var(--pointer-accent);background:var(--pointer-rest);color:var(--text)}.pointer-controls[data-astro-cid-5gfuxxxs] button[data-astro-cid-5gfuxxxs]:focus-visible{outline:2px solid var(--pointer-accent);outline-offset:3px}.pointer-static[data-astro-cid-5gfuxxxs]{color:var(--text-2);flex-wrap:wrap;gap:.5rem 1.15rem;font-size:.875rem;display:flex}.pointer-static[data-astro-cid-5gfuxxxs]>div[data-astro-cid-5gfuxxxs]{align-items:center;gap:.4rem;display:flex}.state-swatch[data-astro-cid-5gfuxxxs]{background:var(--pointer-rest);border:1px solid var(--line-strong);block-size:1rem;inline-size:1.75rem}.state-swatch-open[data-astro-cid-5gfuxxxs]{background:var(--pointer-accent);border-color:var(--pointer-accent)}@media (width<=42rem){.pointer-card[data-astro-cid-5gfuxxxs]{aspect-ratio:1.6}.pointer-status[data-astro-cid-5gfuxxxs]{text-align:start}}formtempo-trigger[data-astro-cid-wf2x6m2i]{color:var(--text);--trigger-ink:var(--text);--trigger-line:var(--line-hi);--trigger-accent:var(--family-trigger);--trigger-paper:var(--surface-2);--trigger-tint:color-mix(in srgb, var(--surface-2) 88%, var(--trigger-accent));display:block}.trigger-track[data-astro-cid-wf2x6m2i]{position:relative}formtempo-trigger[data-astro-cid-wf2x6m2i][data-ready] .trigger-track[data-astro-cid-wf2x6m2i]:after{content:"";block-size:19rem;display:block}formtempo-trigger[data-astro-cid-wf2x6m2i][data-ready] .trigger-stage[data-astro-cid-wf2x6m2i]{position:sticky;inset-block-start:var(--trigger-sticky-top,1rem)}.trigger-origin[data-astro-cid-wf2x6m2i],.trigger-anchor[data-astro-cid-wf2x6m2i]{z-index:1;position:absolute;inset-inline-start:.85rem}.trigger-origin[data-astro-cid-wf2x6m2i]{background:var(--trigger-accent);color:var(--on-accent);border-radius:.25rem;padding:.4rem .65rem;font-size:.75rem;inset-block-start:.5rem}.trigger-origin[data-astro-cid-wf2x6m2i]:not(:focus),.trigger-anchor[data-astro-cid-wf2x6m2i]{clip-path:inset(50%)}.trigger-anchor[data-astro-cid-wf2x6m2i]{block-size:1px;inline-size:1px}.trigger-anchor--start[data-astro-cid-wf2x6m2i]{inset-block-start:4rem}.trigger-anchor--inside[data-astro-cid-wf2x6m2i]{inset-block-start:9rem}.trigger-anchor--end[data-astro-cid-wf2x6m2i]{inset-block-start:14rem}.trigger-anchor--after[data-astro-cid-wf2x6m2i]{inset-block-start:17rem}.trigger-stage[data-astro-cid-wf2x6m2i]{isolation:isolate;border:1px solid var(--trigger-line);background:var(--surface);border-radius:.85rem}.trigger-stage-header[data-astro-cid-wf2x6m2i],.trigger-foot[data-astro-cid-wf2x6m2i],.trigger-fallback[data-astro-cid-wf2x6m2i]{justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem clamp(.85rem,2.2vw,1.4rem);display:flex}.trigger-stage-header[data-astro-cid-wf2x6m2i] h2[data-astro-cid-wf2x6m2i]{margin:0;font-size:clamp(1rem,2vw,1.35rem)}.trigger-state-chip[data-astro-cid-wf2x6m2i]{border:1px solid var(--trigger-line);background:var(--trigger-paper);text-align:center;border-radius:99px;flex:none;min-inline-size:4.9em;padding:.3em .7em;font-size:.72rem;font-weight:650}formtempo-trigger[data-astro-cid-wf2x6m2i][data-revealed=true] .trigger-state-chip[data-astro-cid-wf2x6m2i]{border-color:var(--trigger-accent);background:var(--trigger-tint);color:var(--text)}.trigger-composition[data-astro-cid-wf2x6m2i]{background:var(--trigger-paper);border-block:1px solid var(--trigger-line);overflow:hidden}.trigger-art[data-astro-cid-wf2x6m2i]{block-size:clamp(7.5rem,22vw,12rem);inline-size:min(100%,46rem);margin-inline:auto;display:block}.trigger-art-layer[data-astro-cid-wf2x6m2i]{transition:opacity .35s,transform .38s cubic-bezier(.16,1,.3,1)}formtempo-trigger[data-astro-cid-wf2x6m2i][data-revealed=false] .trigger-art-layer[data-astro-cid-wf2x6m2i]{opacity:0;transform:translateY(.7rem)}formtempo-trigger[data-astro-cid-wf2x6m2i][data-syncing] .trigger-art-layer[data-astro-cid-wf2x6m2i]{transition:none}.trigger-locations[data-astro-cid-wf2x6m2i]{text-align:center;color:var(--text-2);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0 .65rem .45rem;font-size:.68rem;list-style:none;display:grid}.trigger-locations[data-astro-cid-wf2x6m2i] li[data-astro-cid-wf2x6m2i]{border-block-start:1px solid var(--line-strong);padding-block-start:.35rem;transition:color .18s}formtempo-trigger[data-astro-cid-wf2x6m2i][data-position=before] [data-astro-cid-wf2x6m2i][data-trigger-location=before],formtempo-trigger[data-astro-cid-wf2x6m2i][data-position=inside] [data-astro-cid-wf2x6m2i][data-trigger-location=inside],formtempo-trigger[data-astro-cid-wf2x6m2i][data-position=after] [data-astro-cid-wf2x6m2i][data-trigger-location=after]{border-color:var(--trigger-accent);color:var(--trigger-ink);font-weight:700}.trigger-buttons[data-astro-cid-wf2x6m2i]{grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;padding:.65rem clamp(.65rem,2.2vw,1.4rem) 0;display:grid}.trigger-stage[data-astro-cid-wf2x6m2i] button[data-astro-cid-wf2x6m2i]{border:1px solid var(--line-strong);min-block-size:2.5rem;min-inline-size:0;color:var(--trigger-ink);background:var(--surface);font:inherit;cursor:pointer;border-radius:.42rem;padding:.38rem .35rem;font-size:clamp(.69rem,2.3vw,.8rem);font-weight:650}.trigger-stage[data-astro-cid-wf2x6m2i] button[data-astro-cid-wf2x6m2i]:hover{border-color:var(--trigger-accent);color:var(--trigger-accent)}.trigger-stage[data-astro-cid-wf2x6m2i] button[data-astro-cid-wf2x6m2i]:focus-visible{outline:2px solid var(--trigger-accent);outline-offset:2px}.trigger-foot[data-astro-cid-wf2x6m2i]{color:var(--text-2);padding-block:.55rem;font-size:.73rem}.trigger-foot[data-astro-cid-wf2x6m2i] button[data-astro-cid-wf2x6m2i]{flex:none;padding-inline:.6rem}.trigger-fallback[data-astro-cid-wf2x6m2i]{justify-content:center;gap:1.25rem;font-size:.78rem}.trigger-fallback[data-astro-cid-wf2x6m2i][hidden]{display:none}.trigger-fallback[data-astro-cid-wf2x6m2i] span[data-astro-cid-wf2x6m2i]{align-items:center;gap:.35rem;display:flex}.trigger-fallback[data-astro-cid-wf2x6m2i] i[data-astro-cid-wf2x6m2i]{border:1px dashed var(--text-3);block-size:.7rem;inline-size:1rem}.trigger-fallback[data-astro-cid-wf2x6m2i] span[data-astro-cid-wf2x6m2i]+span[data-astro-cid-wf2x6m2i] i[data-astro-cid-wf2x6m2i]{border:1px solid var(--trigger-accent);background:var(--trigger-accent)}.trigger-comparison[data-astro-cid-wf2x6m2i]{margin-block-start:1.1rem}.trigger-comparison[data-astro-cid-wf2x6m2i] h3[data-astro-cid-wf2x6m2i]{margin:0;font-size:1.05rem}.trigger-comparison[data-astro-cid-wf2x6m2i] p[data-astro-cid-wf2x6m2i]{color:var(--text-2);font-size:.84rem}.trigger-comparison[data-astro-cid-wf2x6m2i] table[data-astro-cid-wf2x6m2i]{table-layout:fixed;border-collapse:collapse;text-align:start;inline-size:100%;font-size:clamp(.67rem,2vw,.86rem)}.trigger-comparison[data-astro-cid-wf2x6m2i] th[data-astro-cid-wf2x6m2i],.trigger-comparison[data-astro-cid-wf2x6m2i] td[data-astro-cid-wf2x6m2i]{border-block-end:1px solid var(--trigger-line);overflow-wrap:anywhere;padding:.55rem .2rem}.trigger-current-case[data-astro-cid-wf2x6m2i]{background:var(--trigger-tint);color:var(--text)}@media (prefers-reduced-motion:reduce){.trigger-art-layer[data-astro-cid-wf2x6m2i],.trigger-locations[data-astro-cid-wf2x6m2i] li[data-astro-cid-wf2x6m2i]{transition:none}}@media (height<=480px){formtempo-trigger[data-astro-cid-wf2x6m2i][data-ready] .trigger-stage[data-astro-cid-wf2x6m2i]{inset-block-start:var(--trigger-sticky-top,.25rem)}.trigger-art[data-astro-cid-wf2x6m2i]{block-size:5rem}}[data-transition-view]>.transition-guide-target{z-index:2;border:1px solid var(--transition-accent,#6d5581);background:var(--surface,#fff);min-block-size:44px;color:var(--text,#222c36);font:inherit;cursor:pointer;border-radius:7px;margin:0;padding:.4rem .75rem;font-size:.8125rem;position:absolute;inset:62% auto auto 55%}.transition-guide-target:is(:hover,:active){background:var(--transition-tint,#f0ebf5)}.transition-guide-target:focus-visible{outline:2px solid var(--transition-accent,#6d5581);outline-offset:3px}.transition-demo[data-astro-cid-bwv2gfaa]{--transition-accent:var(--family-transition);--transition-tint:color-mix(in srgb, var(--surface-2) 86%, var(--transition-accent));color:var(--text)}.transition-viewport[data-astro-cid-bwv2gfaa]{isolation:isolate;aspect-ratio:2.15;border:1px solid var(--line-hi);background:var(--surface-2);border-radius:14px;inline-size:100%;max-inline-size:54rem;margin-inline:auto;position:relative;overflow:hidden}.transition-view[data-astro-cid-bwv2gfaa]{background:var(--surface-2);position:absolute;inset:0;overflow:hidden}.transition-view[data-astro-cid-bwv2gfaa][hidden],.transition-mask[data-astro-cid-bwv2gfaa][hidden],.transition-controls[data-astro-cid-bwv2gfaa][hidden]{display:none}.view-detail[data-astro-cid-bwv2gfaa]{background:var(--transition-tint)}.view-heading[data-astro-cid-bwv2gfaa]{border-block-end:1px solid var(--line-strong);color:var(--text-2);justify-content:space-between;gap:.5rem;padding-block-end:.5rem;font-size:clamp(.64rem,1.3vw,.9rem);display:flex;position:absolute;inset:7% 7% auto}.view-copy[data-astro-cid-bwv2gfaa]{color:var(--text);gap:.24rem;display:grid;position:absolute;inset:32% 7% auto 55%}.view-detail[data-astro-cid-bwv2gfaa] .view-copy[data-astro-cid-bwv2gfaa]{inset:40% 68% auto 7%}.view-copy[data-astro-cid-bwv2gfaa] strong[data-astro-cid-bwv2gfaa]{letter-spacing:-.025em;font-size:clamp(.9rem,3vw,2.1rem);line-height:1.18}.view-copy[data-astro-cid-bwv2gfaa] span[data-astro-cid-bwv2gfaa],.view-copy[data-astro-cid-bwv2gfaa] small[data-astro-cid-bwv2gfaa]{letter-spacing:.055em;font-size:clamp(.54rem,1.15vw,.78rem)}.shared-art[data-astro-cid-bwv2gfaa]{z-index:1;aspect-ratio:320/164;transform-origin:0 0;background:#39688b;border-radius:5px;inline-size:43%;position:absolute;inset:28% auto auto 7%;overflow:hidden}.view-detail[data-astro-cid-bwv2gfaa] .shared-art[data-astro-cid-bwv2gfaa]{inline-size:57%;inset:21% auto auto 36%}.shared-art[data-astro-cid-bwv2gfaa] svg[data-astro-cid-bwv2gfaa]{block-size:100%;inline-size:100%;display:block}.transition-mask[data-astro-cid-bwv2gfaa]{z-index:3;background:var(--transition-accent);color:var(--on-accent);pointer-events:none;place-items:center;font-size:clamp(1.05rem,4vw,2rem);font-weight:700;display:grid;position:absolute;inset:0;transform:translate(-100%)}.transition-guidance[data-astro-cid-bwv2gfaa],.transition-controls[data-astro-cid-bwv2gfaa],.transition-static[data-astro-cid-bwv2gfaa]{max-inline-size:54rem;margin-inline:auto}.transition-guidance[data-astro-cid-bwv2gfaa]{color:var(--text-2);margin-block:.7rem .9rem;font-size:.875rem}.transition-controls[data-astro-cid-bwv2gfaa]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.65rem 1rem;display:flex}.transition-controls[data-astro-cid-bwv2gfaa] p[data-astro-cid-bwv2gfaa]{min-inline-size:10em;color:var(--transition-accent);text-align:end;margin:0;font-size:.875rem}.transition-buttons[data-astro-cid-bwv2gfaa]{flex-wrap:wrap;gap:.45rem;display:flex}.transition-controls[data-astro-cid-bwv2gfaa] button[data-astro-cid-bwv2gfaa]{border:1px solid var(--line-strong);background:var(--surface);min-block-size:2.75rem;color:var(--text);font:inherit;cursor:pointer;border-radius:7px;padding:.45rem .75rem;font-size:.875rem}.transition-controls[data-astro-cid-bwv2gfaa] button[data-astro-cid-bwv2gfaa][aria-pressed=true]{border-color:var(--transition-accent);background:var(--transition-tint);color:var(--text)}.transition-controls[data-astro-cid-bwv2gfaa] button[data-astro-cid-bwv2gfaa]:hover:not([aria-disabled]){border-color:var(--transition-accent)}.transition-controls[data-astro-cid-bwv2gfaa] button[data-astro-cid-bwv2gfaa][aria-disabled=true]{cursor:wait}.transition-controls[data-astro-cid-bwv2gfaa] button[data-astro-cid-bwv2gfaa]:focus-visible{outline:2px solid var(--transition-accent);outline-offset:3px}.transition-static[data-astro-cid-bwv2gfaa]{color:var(--text-2);flex-wrap:wrap;gap:.75rem 1.3rem;font-size:.875rem;display:flex}.transition-static[data-astro-cid-bwv2gfaa]>div[data-astro-cid-bwv2gfaa]{align-items:center;gap:.45rem;display:flex}.static-layout[data-astro-cid-bwv2gfaa]{border:1px solid var(--line-strong);background:var(--surface-2);border-radius:3px;block-size:1.85rem;inline-size:3rem;position:relative}.static-layout[data-astro-cid-bwv2gfaa]:before{content:"";background:var(--transition-accent);border-radius:2px;position:absolute}.static-index[data-astro-cid-bwv2gfaa]:before{inset:30% 52% 30% 12%}.static-detail[data-astro-cid-bwv2gfaa]:before{inset:18% 12% 18% 30%}@media (width<=42rem){.transition-viewport[data-astro-cid-bwv2gfaa]{aspect-ratio:1.62}.transition-controls[data-astro-cid-bwv2gfaa] p[data-astro-cid-bwv2gfaa]{text-align:start}}.pointer-comparison{--pointer-accent:var(--family-pointer);--pointer-rest:color-mix(in srgb, var(--surface-2) 88%, var(--pointer-accent));max-inline-size:54rem;color:var(--text);margin-inline:auto}.pc-frame{background:var(--surface-2);border-radius:14px;padding:clamp(.95rem,2.5vw,1.6rem);position:relative}.pc-magnetic-frame{background:var(--pointer-rest);place-items:center;min-block-size:clamp(10rem,27vw,15rem);display:grid}.pc-axis{pointer-events:none;position:absolute;inset:1rem}.pc-axis:before,.pc-axis:after{background:var(--line-strong);opacity:.45;content:"";position:absolute}.pc-axis:before{block-size:1px;inset:50% 0 auto}.pc-axis:after{inline-size:1px;inset:0 auto 0 50%}.pc-magnetic-hit{font:inherit;cursor:pointer;background:0 0;border:0;border-radius:14px;place-items:center;padding:16px;display:grid;position:relative}.pc-magnetic-origin{border:1px dashed var(--pointer-accent);pointer-events:none;border-radius:10px;position:absolute;inset:16px}.pc-magnetic-visual{background:var(--btn-bg);min-block-size:2.75rem;min-inline-size:7.5rem;color:var(--btn-fg);pointer-events:none;border-radius:10px;place-items:center;padding-inline:.9rem;font-size:.875rem;font-weight:600;transition-property:transform;transition-timing-function:cubic-bezier(.22,1,.36,1);display:grid}.pc-magnetic-hit:hover .pc-magnetic-visual,.pc-magnetic-hit:active .pc-magnetic-visual{background:var(--btn-hover)}.pc-legend{color:var(--text-2);margin:0;font-size:.75rem;position:absolute;inset:auto .9rem .55rem auto}.pc-pulse-stage{position:relative}.pc-orbit{box-sizing:border-box;aspect-ratio:2;background:var(--pointer-rest);pointer-events:none;border-radius:12px;justify-content:space-between;align-items:end;padding:clamp(.9rem,3.2vw,2rem);display:flex;position:relative;overflow:hidden}.pc-orbit svg{block-size:100%;inline-size:100%;position:absolute;inset:0}.pc-orbit-label,.pc-orbit-index{position:relative}.pc-orbit-label{gap:.25rem;display:grid}.pc-orbit-label strong{letter-spacing:-.025em;font-size:clamp(1rem,3vw,1.65rem)}.pc-orbit-label small,.pc-orbit-index{letter-spacing:.05em;font-size:clamp(.6rem,1.35vw,.8rem)}.pc-pulse-outline{border:2px solid var(--accent);opacity:0;pointer-events:none;border-radius:12px;position:absolute;inset:0}.pointer-comparison[data-pulse-state=static] .pc-pulse-outline{opacity:1}.pc-instructions{color:var(--text-2);flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;margin-block:.65rem .95rem;font-size:.875rem;display:flex}.pc-instructions p{margin:0}.pc-status{color:var(--pointer-accent)}.pc-play{border:1px solid var(--line-strong);background:var(--surface);min-block-size:2.75rem;color:var(--text);font:inherit;cursor:pointer;border-radius:10px;padding:.35rem .75rem;font-size:.875rem}.pc-play:hover{border-color:var(--pointer-accent);background:var(--pointer-rest)}.pc-play:focus-visible,.pc-magnetic-hit:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.pc-play[hidden],.pc-magnetic-hit[hidden]{display:none}@media (width<=42rem){.pc-orbit{aspect-ratio:1.6}}@media (prefers-reduced-motion:reduce){.pc-magnetic-visual{transition:none;transform:none!important}}.section-snap{--snap-height:clamp(11.5rem, 42vw, 23rem);max-inline-size:54rem;color:var(--text);margin-inline:auto}.section-snap-hint{color:var(--text-2);margin-block:0 .75rem;font-size:.9375rem;line-height:1.55}.section-snap-viewport{block-size:var(--snap-height);scroll-snap-type:y mandatory;scrollbar-width:thin;scrollbar-color:var(--line-strong) var(--surface-2);background:var(--surface-2);border-radius:12px;position:relative;overflow-y:auto}.section-snap-viewport:focus-visible,.section-snap-buttons button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.section-snap-chapters{margin:0;padding:0;list-style:none}.section-snap-chapter{block-size:var(--snap-height);scroll-snap-align:start;position:relative}.section-snap-chapter svg{block-size:100%;inline-size:100%;display:block}.section-snap-label{border:1px solid var(--line-hi);background:var(--surface);color:var(--text);font-variant-numeric:tabular-nums;border-radius:6px;padding:.35rem .65rem;font-size:.8125rem;line-height:1.2;position:absolute;inset-block-end:.75rem;inset-inline-start:.75rem}.section-snap-controls{background:var(--surface-2);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem .75rem;margin-block-start:.75rem;padding:.6rem .75rem;display:flex}.section-snap-controls[hidden]{display:none}.section-snap-status{color:var(--text);font-variant-numeric:tabular-nums;margin:0;font-size:.875rem}.section-snap-buttons{flex-wrap:wrap;gap:.5rem;display:flex}.section-snap-buttons button{border:1px solid var(--line-strong);background:var(--surface);min-block-size:44px;color:var(--text);font:inherit;cursor:pointer;border-radius:10px;padding-inline:.75rem;font-size:.875rem}.section-snap-buttons button:not([aria-disabled=true]):hover{border-color:var(--accent);color:var(--accent-text)}.section-snap-buttons button[aria-disabled=true]{border-color:var(--line-hi);color:var(--text-3);cursor:default;background:0 0}.scale-reveal{--scale-progress:.5;--scale-sticky-top:calc(var(--nav-h,0px) + 1rem);color:var(--text)}.scale-reveal__panel{border:1px solid var(--line-hi);background:var(--plate);border-radius:14px;padding:clamp(.65rem,2vw,1.35rem)}.scale-reveal__pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.65rem,2vw,1.25rem);display:grid}.scale-reveal__pair figure{margin:0}.scale-reveal__well{aspect-ratio:760/430;border:1px solid var(--line-hi);background:var(--surface-2);border-radius:8px;position:relative;overflow:hidden}.scale-reveal__art{position:absolute;inset:0}.scale-reveal__art svg{width:100%;height:100%;display:block}.scale-reveal__art--crop{clip-path:inset(calc((1 - var(--scale-progress)) * 50%))}.scale-reveal__art--zoom{transform:scale(var(--scale-progress));transform-origin:50%}.scale-reveal__pair figcaption{gap:.18rem;padding-block:.65rem .15rem;line-height:1.4;display:grid}.scale-reveal__pair figcaption strong{font-size:.875rem;font-weight:650}.scale-reveal__pair figcaption span{color:var(--text-2);font-size:.75rem}.scale-reveal__controls{gap:.65rem;margin-top:clamp(.8rem,2vw,1.2rem);display:grid}.scale-reveal__progress{background:var(--surface-2);border-radius:10px;grid-template-columns:max-content minmax(0,1fr) 4ch;align-items:center;gap:.5rem clamp(.55rem,2vw,1.25rem);padding:.2rem clamp(.55rem,2vw,1rem);font-size:.8125rem;font-weight:600;display:grid}.scale-reveal__progress input,.scale-reveal__progress progress{width:100%;min-width:0;accent-color:var(--accent)}.scale-reveal__progress input{cursor:pointer;height:44px}.scale-reveal__progress progress{height:.75rem}.scale-reveal__value{color:var(--accent-text);font:500 .8125rem/1 var(--font-mono,ui-monospace, monospace);font-variant-numeric:tabular-nums;text-align:right}.scale-reveal__mode,.scale-reveal__steps{flex-wrap:wrap;align-items:center;gap:.4rem .65rem;display:flex}.scale-reveal__controls button{border:1px solid var(--line-hi);background:var(--surface);min-height:44px;color:var(--text);cursor:pointer;border-radius:10px;padding:.45rem .72rem;font-size:.8125rem;font-weight:600}.scale-reveal__controls button:hover,.scale-reveal__controls button[aria-pressed=true]{border-color:var(--accent-text);color:var(--accent-text)}.scale-reveal__controls :is(button,input):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.scale-reveal__static,.scale-reveal__mode p{color:var(--text-2);font-size:.8125rem}.scale-reveal__static{margin:.85rem 0 0}.scale-reveal__distance{display:none}.scale-reveal[data-mode=scroll] .scale-reveal__panel{top:var(--scale-sticky-top);z-index:1;position:sticky}.scale-reveal[data-mode=scroll] .scale-reveal__distance{height:clamp(22rem,85vh,55rem);display:block}@media (width<=34rem){.scale-reveal__progress{grid-template-columns:minmax(0,1fr) 4ch;gap:.2rem .55rem;padding-block:.35rem}.scale-reveal__progress>:first-child{grid-column:1/-1}.scale-reveal__pair figcaption{padding-block-start:.45rem}.scale-reveal__steps{gap:.3rem}.scale-reveal__steps button{padding-inline:.45rem}}.scroll-progress{--progress-sticky-top:calc(var(--nav-h,0px) + 1rem);color:var(--text)}.scroll-progress__panel{border:1px solid var(--line-hi);background:var(--plate);border-radius:14px;min-width:0;padding:clamp(.65rem,2vw,1.35rem)}.scroll-progress__controls{gap:.65rem;margin-top:clamp(.8rem,2vw,1.2rem);display:grid}.scroll-progress [hidden]{display:none!important}.scroll-progress__row{background:var(--surface-2);border-radius:10px;grid-template-columns:max-content minmax(0,1fr) 4ch;align-items:center;gap:.5rem clamp(.55rem,2vw,1.25rem);padding:.2rem clamp(.55rem,2vw,1rem);font-size:.8125rem;font-weight:600;display:grid}.scroll-progress__row input,.scroll-progress__row progress{width:100%;min-width:0;accent-color:var(--accent)}.scroll-progress__row input{cursor:pointer;height:44px}.scroll-progress__row progress{height:.75rem}.scroll-progress__value{color:var(--accent-text);font:500 .8125rem/1 var(--font-mono,ui-monospace, monospace);font-variant-numeric:tabular-nums;text-align:right}.scroll-progress__mode,.scroll-progress__steps{flex-wrap:wrap;align-items:center;gap:.4rem .65rem;display:flex}.scroll-progress__mode p{color:var(--text-2);margin:0;font-size:.8125rem}.scroll-progress__controls button{border:1px solid var(--line-hi);background:var(--surface);min-height:44px;color:var(--text);font:inherit;cursor:pointer;border-radius:10px;padding:.45rem .72rem;font-size:.8125rem;font-weight:600}.scroll-progress__controls button:hover,.scroll-progress__steps button[aria-pressed=true]{border-color:var(--accent-text);color:var(--accent-text)}.scroll-progress__controls :is(button,input):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.scroll-progress__distance{display:none}.scroll-progress[data-mode=scroll] .scroll-progress__panel{top:var(--progress-sticky-top);z-index:1;position:sticky}.scroll-progress[data-mode=scroll] .scroll-progress__distance{height:clamp(22rem,85vh,55rem);display:block}@media (width<=34rem){.scroll-progress__row{grid-template-columns:minmax(0,1fr) 4ch;gap:.2rem .55rem;padding-block:.35rem}.scroll-progress__row>:first-child{grid-column:1/-1}.scroll-progress__steps{gap:.3rem}.scroll-progress__steps button{padding-inline:.45rem}}.video-scrub{grid-template-columns:minmax(0,1fr) clamp(6rem,20%,10rem);align-items:start;gap:.9rem clamp(.65rem,2vw,1.1rem);display:grid}.video-scrub__main{min-width:0;margin:0}.video-scrub__screen{aspect-ratio:16/9;border:1px solid var(--line-hi);background:#e8f3fa;border-radius:8px;position:relative;overflow:hidden}.video-scrub__screen :is(video,img){object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.video-scrub[data-video-state=ready] .video-scrub__poster{display:none}.video-scrub__caption{color:var(--text);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.2rem .6rem;padding-top:.55rem;font-size:.8125rem;font-weight:600;display:flex}.video-scrub__frame{color:var(--accent-text);font:500 .75rem/1.4 var(--font-mono,ui-monospace, monospace);font-variant-numeric:tabular-nums}.video-scrub[data-video-state=error] .video-scrub__frame{display:none}.video-scrub__status{color:var(--text-2);margin:.4rem 0 0;font-size:.8125rem}.video-scrub__keyframes{color:var(--text-2);gap:.45rem;margin:0;padding:0;font-size:.6875rem;line-height:1.35;list-style:none;display:grid}.video-scrub__keyframes li{min-width:0}.video-scrub__keyframes img{border:1px solid var(--line-hi);border-radius:5px;width:100%;height:auto;margin-bottom:.22rem;display:block}@media (width<=36rem){.video-scrub{grid-template-columns:minmax(0,1fr)}.video-scrub__keyframes{grid-template-columns:repeat(3,minmax(0,1fr))}}.scroll-camera{margin:0}.scroll-camera__canvas{aspect-ratio:16/9;background:#e8f3fa;border-radius:12px;position:relative;overflow:hidden;container-type:inline-size}.scroll-camera__view{--camera-unit:5px;perspective:calc(110 * var(--camera-unit));position:absolute;inset:0}@supports (width:1cqw){.scroll-camera__view{--camera-unit:1cqw}}.scroll-camera__world{transform:translate3d(calc((.5 - var(--camera-progress,.5)) * 39%), 0, 0);transform-style:preserve-3d;position:absolute;inset:0}.scroll-camera__ground{height:83%;transform:translateZ(calc(-33 * var(--camera-unit))) rotateX(62deg);transform-origin:top;background:linear-gradient(90deg,#0000 49.9%,#7da0b2 49.9% 50.1%,#0000 50.1%),#bfd5e0;border-block-start:1px solid #7da0b2;position:absolute;inset:64% -85% auto}.scroll-camera__sun{aspect-ratio:1;inline-size:12.5%;transform:translate3d(-50%, -50%, calc(-39 * var(--camera-unit)));background:#ef784d;border-radius:50%;position:absolute;inset:39% auto auto 50%}.scroll-camera__block{aspect-ratio:1;inline-size:15%;transform:translateZ(calc(-4 * var(--camera-unit))) rotateX(-17deg) rotateY(-25deg);transform-style:preserve-3d;position:absolute;inset:54% auto auto 62%}.scroll-camera__face{backface-visibility:hidden;position:absolute;inset:0}.scroll-camera__face--front{transform:translateZ(calc(7.5 * var(--camera-unit)));background:#628ca8}.scroll-camera__face--top{transform:rotateX(90deg) translateZ(calc(7.5 * var(--camera-unit)));background:#f7c98b}.scroll-camera__face--right{transform:rotateY(90deg) translateZ(calc(7.5 * var(--camera-unit)));background:#39688b}.scroll-camera__gate{block-size:68%;inline-size:33.7%;transform:translateZ(calc(27 * var(--camera-unit)));transform-style:preserve-3d;position:absolute;inset:18% auto auto 20%}.scroll-camera__post,.scroll-camera__lintel{background:#275d7f;position:absolute}.scroll-camera__post{inline-size:22%;inset-block:0}.scroll-camera__post--left{inset-inline-start:0}.scroll-camera__post--right{inset-inline-end:0}.scroll-camera__lintel{block-size:12%;inset:0 0 auto}.scroll-camera figcaption{color:var(--text-2);margin-block-start:.65rem;font-size:.875rem;line-height:1.55}.hover-reveal__card{color:#173e56;background:#e8f3fa;border-radius:12px;min-height:18rem;position:relative;overflow:hidden}.hover-reveal__art{place-items:center;display:grid;position:absolute;inset:0}.hover-reveal__art span{aspect-ratio:1;background:#ef784d;border-radius:50%;width:min(33%,11rem);box-shadow:3rem 1rem 0 -1rem #a7c8d9}.hover-reveal__heading{gap:.25rem;display:grid;position:absolute;inset:auto 1.5rem 1.5rem}.hover-reveal__heading strong,.hover-reveal__info strong{font-size:1.4rem}.hover-reveal__heading small{letter-spacing:.08em;font-size:.7rem}.hover-reveal__info{color:#fff;background:#275d7f;flex-direction:column;justify-content:end;padding:1.5rem;transition:opacity .3s,visibility .3s;display:flex;position:absolute;inset:0}.hover-reveal__info p{margin:.5rem 0 0;line-height:1.7}.hover-reveal.is-ready .hover-reveal__info[aria-hidden=true]{opacity:0;visibility:hidden}.hover-reveal__hint{color:var(--text-2,#434f5d);margin:.8rem 0;font-size:.875rem}.hover-reveal button{border:1px solid var(--line-strong,#82939f);background:var(--surface,#fff);min-height:44px;color:var(--text,#222c36);font:inherit;cursor:pointer;border-radius:7px;padding:.4rem .85rem}.hover-reveal button:focus-visible{outline-offset:3px;outline:2px solid #b8412c}@media (prefers-reduced-motion:reduce){.hover-reveal__info{transition:none}}.scroll-model{margin:0}.scroll-model__canvas{aspect-ratio:16/9;perspective:750px;background:#e8f3fa;border-radius:12px;place-items:center;display:grid;position:relative;overflow:hidden;container-type:inline-size}.scroll-model__object{--size:min(20cqw, 150px);--depth:calc(var(--size) * (.5 + .48 * var(--model-progress,.5)));width:var(--size);height:var(--size);transform-style:preserve-3d;transform:rotateX(calc(-18deg - 25deg * var(--model-progress,.5))) rotateY(calc(-25deg + 95deg * var(--model-progress,.5)));position:relative}.scroll-model__face{color:#173e56;backface-visibility:visible;background:#82abc1;border:1px solid #275d7f;place-items:center;font:600 clamp(.8rem,2vw,1.1rem)/1 system-ui,sans-serif;display:grid;position:absolute;inset:0}.scroll-model__face--front{transform:translateZ(var(--depth));background:#ef9d77}.scroll-model__face--back{transform:rotateY(180deg) translateZ(var(--depth));background:#f3c293}.scroll-model__face--right{transform:rotateY(90deg) translateZ(var(--depth));background:#6291ad}.scroll-model__face--left{transform:rotateY(-90deg) translateZ(var(--depth));background:#9cc7d5}.scroll-model__face--top{transform:rotateX(90deg) translateZ(var(--depth));background:#f7d7a4}.scroll-model__face--bottom{transform:rotateX(-90deg) translateZ(var(--depth));background:#52809d}.scroll-model figcaption{color:var(--text-2);margin-block-start:.65rem;font-size:.875rem;line-height:1.55}.scroll-scene{margin:0}.scroll-scene__canvas{aspect-ratio:16/9;background:#1e3446;border-radius:12px;position:relative;overflow:hidden}.scroll-scene__world{perspective:800px;position:absolute;inset:0}.scroll-scene__room{transform-style:preserve-3d;backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.scroll-scene__room--day{opacity:clamp(0, calc(1.5 - 1.5 * var(--scene-progress,.5)), 1);transform:translateZ(calc(-400px * var(--scene-progress,.5))) rotateY(calc(-22deg * var(--scene-progress,.5)));background:linear-gradient(#e8f3fa 65%,#bfd5e0 65%)}.scroll-scene__room--night{opacity:clamp(0, calc(1.5 * var(--scene-progress,.5) - .5), 1);transform:translateZ(calc(-400px * (1 - var(--scene-progress,.5)))) rotateY(calc(22deg * (1 - var(--scene-progress,.5))));background:linear-gradient(#263b59 65%,#3a5471 65%)}.scroll-scene__orb{aspect-ratio:1;background:#ef784d;border-radius:50%;width:16%;position:absolute;top:19%;left:42%}.scroll-scene__room--night .scroll-scene__orb{background:#f7d7a4}.scroll-scene__plinth{background:#6291ad;width:32%;height:25%;position:absolute;top:55%;left:34%;transform:rotateX(12deg)}.scroll-scene__room--night .scroll-scene__plinth{background:#a7c8d9}.scroll-scene__room b{color:#173e56;font:600 .8rem/1.4 system-ui,sans-serif;position:absolute;bottom:1rem;left:1.25rem}.scroll-scene__room--day b{opacity:clamp(0, calc(1 - 4 * var(--scene-progress,.5)), 1)}.scroll-scene__room--night b{color:#fff;opacity:clamp(0, calc(4 * var(--scene-progress,.5) - 3), 1)}.scroll-scene figcaption{color:var(--text-2);margin-block-start:.65rem;font-size:.875rem;line-height:1.55}.demo-guide{border-block-end:1px solid var(--line-hi,#b8c4cd);min-inline-size:0;color:var(--text-2,#434f5d);justify-content:space-between;align-items:center;gap:.5rem .9rem;margin-block:0 .75rem;padding-block-end:.5rem;font-size:.8125rem;line-height:1.5;display:flex}.trigger-stage>.demo-guide{margin:.35rem clamp(.85rem,2.2vw,1.4rem) 0}.demo-guide [data-guide-caption]{margin:0}.demo-guide>button[data-guide-replay]{border:1px solid var(--line-strong,#82939f);background:var(--surface,#fff);min-block-size:44px;color:var(--text,#222c36);font:inherit;cursor:pointer;border-radius:7px;flex:none;margin:0;padding:.35rem .65rem;font-weight:550}.demo-guide>button[data-guide-replay]:hover{border-color:var(--accent-text,#963324)}.demo-guide>button[data-guide-replay]:focus-visible{outline:2px solid var(--accent-text,#963324);outline-offset:2px}.demo-guide-cursor{z-index:20;pointer-events:none;block-size:24px;inline-size:20px;position:fixed;inset:0 auto auto 0}.demo-guide-cursor svg{block-size:100%;inline-size:100%;display:block}.demo-guide-cursor:before{border:2px solid var(--accent-text,#963324);content:"";opacity:0;border-radius:50%;block-size:18px;inline-size:18px;position:absolute;inset:-7px auto auto -7px}.demo-guide-cursor[data-press]:before{opacity:1}@media (prefers-reduced-motion:reduce){.demo-guide-cursor{display:none}}.detail[data-astro-cid-f2arvc5g]{padding-block:calc(var(--nav-h) + 3rem) clamp(4rem, 9vw, 7rem)}.crumbs[data-astro-cid-f2arvc5g]{color:var(--text-3);align-items:center;gap:.65rem;font-size:.8125rem;display:flex}.crumbs[data-astro-cid-f2arvc5g] a[data-astro-cid-f2arvc5g]{align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.crumbs[data-astro-cid-f2arvc5g] a[data-astro-cid-f2arvc5g]:hover{color:var(--accent-text)}.detail-head[data-astro-cid-f2arvc5g]{margin-block:1.25rem clamp(1.5rem,4vw,3rem)}h1[data-astro-cid-f2arvc5g]{font:600 clamp(2.75rem, 6vw, 5rem)/1.16 var(--font-heading);letter-spacing:-.02em;text-wrap:balance}.detail-intro[data-astro-cid-f2arvc5g]{max-width:560px;color:var(--text-2);margin-top:1.25rem;font-size:1.0625rem;line-height:1.72}.demo-window[data-astro-cid-f2arvc5g]{border:1px solid rgba(var(--fg-rgb), .12);background:var(--plate);box-shadow:0 0 0 1px rgba(var(--shadow-rgb), calc(.6 * var(--shadow-k))), 0 50px 120px -20px rgba(var(--shadow-rgb), calc(.8 * var(--shadow-k))), 0 0 140px -30px rgba(var(--accent-rgb), .32);border-radius:18px}.window-bar[data-astro-cid-f2arvc5g]{border-bottom:1px solid var(--line);background:rgba(var(--bg-rgb), .92);border-radius:17px 17px 0 0;align-items:center;gap:1rem;height:52px;padding:0 .75rem 0 1.1rem;display:flex;position:relative}.window-dots[data-astro-cid-f2arvc5g]{flex:none;gap:7px;display:flex}.window-dots[data-astro-cid-f2arvc5g] i[data-astro-cid-f2arvc5g]{background:var(--window-close);opacity:.85;border-radius:50%;width:11px;height:11px}.window-dots[data-astro-cid-f2arvc5g] i[data-astro-cid-f2arvc5g]:nth-child(2){background:var(--window-minimize)}.window-dots[data-astro-cid-f2arvc5g] i[data-astro-cid-f2arvc5g]:nth-child(3){background:var(--window-expand)}.window-address[data-astro-cid-f2arvc5g]{border:1px solid var(--line);background:rgba(var(--shadow-rgb), calc(.35 * var(--shadow-k)));min-width:0;height:32px;color:var(--text-3);font:.6875rem/1 var(--font-mono);white-space:nowrap;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.65rem;padding-inline:.9rem;display:flex}.window-address[data-astro-cid-f2arvc5g] b[data-astro-cid-f2arvc5g]{min-width:0;color:var(--signal-text);text-overflow:ellipsis;font-weight:500;overflow:hidden}.window-open[data-astro-cid-f2arvc5g]{border:1px solid var(--line-hi);min-height:34px;color:var(--text);white-space:nowrap;transition:border-color .2s var(--ease-out), color .2s var(--ease-out);border-radius:8px;align-items:center;gap:.4rem;padding-inline:.85rem;font-size:.8125rem;font-weight:500;text-decoration:none;display:inline-flex}.window-open[data-astro-cid-f2arvc5g]:hover{border-color:var(--accent);color:var(--accent-text)}[data-astro-cid-f2arvc5g]:is(.window-open,.demo-comparison,.code-link,.related-arrow) svg{fill:none;stroke:currentColor;stroke-width:1.45px;width:14px;height:14px}.demo-view[data-astro-cid-f2arvc5g]{--trigger-sticky-top:calc(var(--nav-h) + 1rem);background:var(--bg);min-width:0;color:var(--text);border-radius:0 0 17px 17px;padding:clamp(.8rem,3vw,2.25rem);display:grid}.demo-view[data-astro-cid-f2arvc5g]>*{width:100%;max-width:54rem;margin-inline:auto}.demo-view[data-astro-cid-f2arvc5g] .driven{--driven-top:calc(var(--nav-h) + 1rem)}.demo-comparison[data-astro-cid-f2arvc5g]{border-top:1px solid var(--line);margin-top:1rem}.demo-comparison[data-astro-cid-f2arvc5g] a[data-astro-cid-f2arvc5g]{min-height:44px;color:var(--accent-text);text-underline-offset:.2em;align-items:center;gap:.55rem;font-size:.875rem;font-weight:600;display:inline-flex}.demo-comparison[data-astro-cid-f2arvc5g] a[data-astro-cid-f2arvc5g] span[data-astro-cid-f2arvc5g]{color:var(--text-2);font-weight:400}.reading[data-astro-cid-f2arvc5g]{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:3.5rem;margin-block:clamp(4rem,8vw,7rem) 0;display:grid}.steps[data-astro-cid-f2arvc5g]{flex-direction:column;gap:2rem;padding-top:.5rem;list-style:none;display:flex}.step[data-astro-cid-f2arvc5g]{grid-template-columns:40px minmax(0,1fr);gap:1.1rem;display:grid}.step-num[data-astro-cid-f2arvc5g]{border:1px solid var(--line-hi);width:40px;height:40px;color:var(--accent-text);font:italic 1.25rem/1 var(--font-number);border-radius:50%;place-items:center;display:grid}.step[data-astro-cid-f2arvc5g] h2[data-astro-cid-f2arvc5g],.fallback-title[data-astro-cid-f2arvc5g]{color:var(--text);font:500 1.125rem/1.35 var(--font-title);letter-spacing:-.015em;margin-block:.35rem .4rem}.step[data-astro-cid-f2arvc5g] p[data-astro-cid-f2arvc5g]{color:var(--text-2);text-wrap:pretty;font-size:1rem;line-height:1.7}.terminal[data-astro-cid-f2arvc5g]{border:1px solid var(--line-hi);background:var(--surface);min-width:0;box-shadow:0 40px 100px -40px rgba(var(--accent-rgb), .25);border-radius:16px;overflow:hidden}.terminal-bar[data-astro-cid-f2arvc5g]{border-bottom:1px solid var(--line);scrollbar-width:none;padding:.5rem;display:flex;overflow-x:auto}.agent-tabs[data-astro-cid-f2arvc5g]{gap:.25rem;display:flex}.agent-tabs[data-astro-cid-f2arvc5g] button[data-astro-cid-f2arvc5g]{min-height:34px;color:var(--text-3);cursor:pointer;transition:color .2s var(--ease-out), background .2s var(--ease-out);background:0 0;border:1px solid #0000;border-radius:8px;flex:none;padding-inline:.85rem;font-size:.8125rem;font-weight:500}.agent-tabs[data-astro-cid-f2arvc5g] button[data-astro-cid-f2arvc5g]:hover{color:var(--text)}.agent-tabs[data-astro-cid-f2arvc5g] button[data-astro-cid-f2arvc5g][aria-selected=true]{border-color:var(--line-hi);background:rgba(var(--fg-rgb), .08);color:var(--text)}.terminal-body[data-astro-cid-f2arvc5g]{color:var(--text-2);padding:1.5rem 1.6rem 1.75rem}.terminal-body[data-astro-cid-f2arvc5g]+.terminal-body[data-astro-cid-f2arvc5g]:not([role=tabpanel]){border-top:1px solid var(--line)}.code-actions[data-astro-cid-f2arvc5g]{flex-wrap:wrap;align-items:center;gap:.5rem .9rem;font-size:.8125rem;display:flex}.code-actions[data-astro-cid-f2arvc5g] p[data-astro-cid-f2arvc5g]{flex:13rem;line-height:1.65}.code-link[data-astro-cid-f2arvc5g]{min-height:34px;color:var(--accent-text);align-items:center;gap:.35rem;text-decoration:none;display:inline-flex}.code-link[data-astro-cid-f2arvc5g]:hover{text-underline-offset:.22em;text-decoration:underline}.cmd-copy[data-astro-cid-f2arvc5g]{background:rgba(var(--fg-rgb), .06);min-height:34px;color:var(--text-2);font:.75rem/1 var(--font-mono);cursor:pointer;transition:color .18s var(--ease-out), background .18s var(--ease-out);border:1px solid #0000;border-radius:7px;padding-inline:.65rem}.cmd-copy[data-astro-cid-f2arvc5g]:hover{background:rgba(var(--fg-rgb), .12);color:var(--text)}.code-status[data-astro-cid-f2arvc5g]:not(:empty){color:var(--signal-text);margin-block-start:.5rem;font-size:.8125rem}.source[data-astro-cid-f2arvc5g]{border:1px solid var(--line-hi);background:var(--sunken);border-radius:10px;margin-top:1.1rem}.source[data-astro-cid-f2arvc5g] summary[data-astro-cid-f2arvc5g]{min-height:44px;color:var(--text-2);cursor:pointer;justify-content:space-between;align-items:center;padding-inline:.85rem;font-size:.8125rem;font-weight:500;list-style:none;display:flex}.source[data-astro-cid-f2arvc5g] summary[data-astro-cid-f2arvc5g]:hover{color:var(--accent-text)}.source[data-astro-cid-f2arvc5g] summary[data-astro-cid-f2arvc5g]::-webkit-details-marker{display:none}.source[data-astro-cid-f2arvc5g] summary[data-astro-cid-f2arvc5g]:after{content:"";border:solid;border-width:0 1px 1px 0;width:.5rem;height:.5rem;margin-inline-end:.2rem;transform:translateY(-2px)rotate(45deg)}.source[data-astro-cid-f2arvc5g][open] summary[data-astro-cid-f2arvc5g]:after{transform:translateY(2px)rotate(225deg)}pre[data-astro-cid-f2arvc5g]{border-top:1px solid var(--line);max-height:28rem;color:var(--text);font:.8125rem/1.85 var(--font-mono);tab-size:2;margin:0;padding:.9rem;overflow:auto}pre[data-astro-cid-f2arvc5g] code[data-astro-cid-f2arvc5g]{font:inherit}[data-astro-cid-f2arvc5g]:is(pre,summary,.agent-tabs button):focus-visible{outline-offset:-2px}.related[data-astro-cid-f2arvc5g]{margin-top:clamp(3.5rem,8vw,6rem)}.related[data-astro-cid-f2arvc5g] h2[data-astro-cid-f2arvc5g]{color:var(--text);font:500 1.125rem/1.35 var(--font-title);margin-bottom:.85rem}.related-links[data-astro-cid-f2arvc5g]{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.related-link[data-astro-cid-f2arvc5g]{border:1px solid var(--line-hi);color:var(--text);transition:border-color .25s var(--ease-out), background .25s var(--ease-out);border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.2rem 1rem;padding:1.1rem 1.25rem;text-decoration:none;display:grid}.related-link[data-astro-cid-f2arvc5g]:hover{border-color:rgba(var(--accent-rgb), .55);background:var(--accent-soft)}.related-title[data-astro-cid-f2arvc5g]{font:500 1rem/1.3 var(--font-title)}.related-sub[data-astro-cid-f2arvc5g]{color:var(--text-3);font:.75rem/1.5 var(--font-mono);grid-column:1}.related-arrow[data-astro-cid-f2arvc5g]{border:1px solid var(--line-hi);width:38px;height:38px;transition:background .25s var(--ease-out), border-color .25s var(--ease-out), transform .25s var(--ease-out);border-radius:50%;grid-area:1/2/span 2;place-items:center;display:grid}.related-link[data-astro-cid-f2arvc5g]:hover .related-arrow[data-astro-cid-f2arvc5g]{border-color:var(--accent);background:var(--accent);color:var(--on-accent);transform:rotate(12deg)}@media (width<=900px){.reading[data-astro-cid-f2arvc5g]{grid-template-columns:minmax(0,1fr);gap:2.25rem}}@media (width<=640px){.detail[data-astro-cid-f2arvc5g]{padding-top:calc(var(--nav-h) + 1.75rem)}h1[data-astro-cid-f2arvc5g]{font-size:clamp(2.25rem,10vw,3.2rem)}.detail-intro[data-astro-cid-f2arvc5g]{font-size:.9375rem}.demo-window[data-astro-cid-f2arvc5g]{border-radius:14px}.window-bar[data-astro-cid-f2arvc5g]{border-radius:13px 13px 0 0;gap:.4rem;height:48px;padding-inline:.4rem}.window-dots[data-astro-cid-f2arvc5g]{display:none}.window-open[data-astro-cid-f2arvc5g]{padding-inline:.6rem}.demo-view[data-astro-cid-f2arvc5g]{border-radius:0 0 13px 13px}.terminal-body[data-astro-cid-f2arvc5g]{padding:1.25rem}.related-links[data-astro-cid-f2arvc5g]{grid-template-columns:minmax(0,1fr);gap:.6rem}}@media (prefers-reduced-motion:reduce){.related-link[data-astro-cid-f2arvc5g]:hover .related-arrow[data-astro-cid-f2arvc5g]{transform:none}}