.history-canvas{opacity:0;animation:history-canvas-in .7s var(--ease-reveal) 60ms forwards}@media (prefers-reduced-motion:reduce){.history-canvas{opacity:1;animation:none}}@keyframes history-canvas-in{to{opacity:1}}.wr{flex-direction:column;gap:16px;display:flex}.wr-ask{color:var(--color-muted);letter-spacing:-.01em;flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:14px;line-height:1.2;display:flex}.wr-swap{background:var(--color-surface-strong);color:var(--color-fg);font:inherit;cursor:pointer;white-space:nowrap;transition:background-color .16s var(--ease-reveal);border:0;border-radius:999px;align-items:center;gap:7px;padding:8px 12px;line-height:1;display:inline-flex;position:relative}.wr-swap:after{content:"";position:absolute;inset:-7px}.wr-swap:hover{background:color-mix(in srgb, var(--color-fg) 14%, transparent)}.wr-swap svg{width:14px;height:14px;color:var(--color-fg);opacity:.5;flex:none}.wr-meta{color:var(--color-muted);white-space:nowrap;margin-left:auto}@media (width<=639px){.wr-ask{gap:14px 10px}.wr-ask>span:first-child{flex:1 0 100%}.wr-meta{text-align:right;flex:auto;margin-left:0}}.wr-axes{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.wr-axis{grid-template-columns:16px minmax(0,1fr) auto;column-gap:10px;display:grid}.wr-axis[data-tone=signal]{--wr-tone:color-mix(in srgb, var(--color-red) 74%, var(--color-fg))}.wr-axis[data-tone=signal-ok]{--wr-tone:color-mix(in srgb, var(--color-green) 74%, var(--color-fg))}.wr-axis[data-tone=plain]{--wr-tone:var(--color-fg)}.wr-axis[data-tone=quiet]{--wr-tone:var(--color-muted)}.wr-icon{width:16px;height:16px;color:var(--color-fg);opacity:.55;grid-row:1/span 2;align-self:center}.wr-name{color:var(--color-fg);letter-spacing:-.01em;grid-area:1/2;font-size:15px;font-weight:500;line-height:1.35}.wr-note{color:var(--color-muted);letter-spacing:-.01em;grid-area:2/2;margin-top:2px;font-size:14px;line-height:1.35}.wr-value{color:var(--wr-tone);font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;grid-area:1/3/span 2;place-self:center end;font-size:20px;line-height:1}@media (prefers-reduced-motion:no-preference){.wr-ask,.wr-axis{animation:wr-focus .7s var(--ease-reveal) both;animation-delay:calc(.12s + var(--i,0) * 90ms)}.wr-value,.wr-note{transition:opacity .28s var(--ease-reveal), filter .28s var(--ease-reveal)}.wr-axis[data-settling] .wr-value,.wr-axis[data-settling] .wr-note{opacity:.32;filter:blur(5px)}}@keyframes wr-focus{0%{opacity:0;filter:blur(6px)}to{opacity:1;filter:blur()}}.mfield{--cell-gap:4px;--cell-radius:2px;cursor:pointer;flex:auto;width:100%;min-height:164px;position:relative}.mfield-grid{grid-template-rows:repeat(var(--rows), minmax(0, 1fr));gap:var(--cell-gap);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid;position:absolute;inset:0}.mcell{border-radius:var(--cell-radius);background-color:color-mix(in srgb, var(--color-fg) 9%, transparent);min-width:0;transition:background-color .14s var(--ease-reveal);display:block;position:relative}.mcell>i{border-radius:inherit;background-color:var(--mcell-tone,transparent);opacity:calc(.66 + var(--base) * .34);display:block;position:absolute;inset:0}.mcell[data-verdict=green]{--mcell-tone:color-mix(in srgb, var(--color-green) 76%, transparent)}.mcell[data-verdict=red]{--mcell-tone:color-mix(in srgb, var(--color-red) 78%, transparent)}.mcell[data-verdict=ungraded]>i,.mcell[data-pending]>i{opacity:0}.mcell:hover{background-color:color-mix(in srgb, var(--color-fg) 30%, transparent)}.mcell[data-head]{background-color:color-mix(in srgb, var(--color-fg) 26%, transparent)}.mcell[data-head]>i{background-color:var(--color-fg);opacity:1}@media (width<=640px){.mfield{--cell-gap:3px;min-height:132px}}@media (prefers-reduced-motion:no-preference){.mcell{animation:mcell-resolve .5s var(--ease-reveal) both;animation-delay:calc(.12s + var(--i) * 4ms)}.mcell>i{transition:opacity .36s var(--ease-reveal), filter .36s var(--ease-reveal)}.mcell[data-pending]>i{filter:blur(4px)}}@keyframes mcell-resolve{0%{opacity:0;filter:blur(6px)}to{opacity:1;filter:blur()}}.capture-card{gap:24px;padding:20px;display:grid}@media (width>=640px){.capture-card{padding:24px}}.capture-copy{flex-direction:column;max-width:460px;display:flex}.capture-facts{flex-direction:column;gap:16px;margin:20px 0 0;padding:0;list-style:none;display:flex}.capture-facts li{color:var(--color-fg);letter-spacing:-.01em;align-items:flex-start;gap:10px;font-size:15px;font-weight:500;line-height:1.35;display:flex}.capture-facts svg{width:16px;height:16px;color:var(--color-fg);opacity:.55;flex:none;margin-top:2px}.tape{--pitch:12px;--head-offset:12;--pin-offset:4;--mark-axis:65%;flex-direction:column;justify-content:flex-end;min-width:0;margin-inline:-20px;display:flex}.tape-stage{cursor:grab;touch-action:pan-y;height:116px;position:relative;overflow:hidden}.tape-stage:active{cursor:grabbing}.tape-stage:focus-visible{outline:2px solid var(--color-fg);outline-offset:4px;border-radius:4px}.tape-baseline{top:var(--mark-axis);background:var(--color-hairline);height:1px;position:absolute;left:0;right:0}.tape-marks{will-change:transform;position:absolute;inset:0;transform:translate(0,0)}.tape-marks i{top:var(--mark-axis);right:calc((var(--k) - 6) * var(--pitch));background:var(--color-faint);opacity:.8;border-radius:1px;width:2px;height:20px;margin-top:-10px;position:absolute}.tape-marks i.is-major{background:var(--color-muted);opacity:1;height:44px;margin-top:-22px}.tape-kept{background:var(--color-surface-strong);width:200%;transform:translate3d(calc(var(--head-offset) * var(--pitch) * -1), 0, 0);will-change:transform;position:absolute;top:0;bottom:0;left:100%;overflow:hidden}.tape-marks.is-lit{width:100%;transform:translate3d(calc(var(--head-offset) * var(--pitch)), 0, 0);left:auto;right:100%}.tape-marks.is-lit i{background:var(--color-muted);opacity:1}.tape-marks.is-lit i.is-major{background:var(--color-fg)}.tape-edge{background:var(--color-green);width:3px;position:absolute;top:0;bottom:0;right:0}.tape-edge:before{background:var(--color-green);content:"";filter:blur(20px);opacity:.26;position:absolute;inset:-30px -26px}.tape-exit{background:linear-gradient(to right, var(--color-surface) 0, color-mix(in srgb, var(--color-surface) 58%, transparent) 40%, color-mix(in srgb, var(--color-surface) 18%, transparent) 72%, transparent 100%), linear-gradient(to right, var(--color-ink) 0, color-mix(in srgb, var(--color-ink) 58%, transparent) 40%, color-mix(in srgb, var(--color-ink) 18%, transparent) 72%, transparent 100%);pointer-events:none;width:clamp(56px,18%,180px);position:absolute;top:0;bottom:0;left:0}.tape-playhead{background:var(--color-fg);width:3px;transform:translate3d(calc(var(--head-offset) * var(--pitch) * -1), 0, 0);will-change:transform;border-radius:999px;margin-right:-1.5px;position:absolute;top:0;bottom:0;right:0}.tape-handle{background:var(--color-fg);height:28px;color:var(--color-ink);font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;white-space:nowrap;transform:translate(calc(-50% + var(--handle-shift,0px)), 0);box-shadow:0 0 0 0 var(--color-surface-strong);border-radius:999px;align-items:center;gap:2px;padding:0 10px 0 3px;font-size:14px;line-height:1;display:flex;position:absolute;top:8px;left:50%}.tape-stage:hover .tape-handle,.tape-stage:focus-visible .tape-handle{box-shadow:0 0 0 5px var(--color-surface-strong)}.tape-handle b{font-weight:500}.tape-handle svg{opacity:.55;flex:none;width:14px;height:14px}@media (width>=640px){.tape{--pitch:16px;--mark-axis:57%;margin-inline:-24px}.tape-stage{height:168px}}@media (width>=1024px){.tape{--pitch:24px;--mark-axis:50%;margin-inline:0}.tape-handle{height:34px;transform:translate(calc(-50% + var(--handle-shift,0px)), -50%);gap:3px;padding:0 12px 0 5px;top:50%}.tape-handle svg{width:15px;height:15px}.capture-card{grid-template-columns:minmax(0,420px) minmax(0,1fr);align-items:stretch;gap:48px}.capture-copy{justify-content:center;padding-bottom:8px}.capture-facts{padding-top:8px}.tape-stage{height:216px}}@media (width>=1440px){.capture-card{gap:72px}.tape-stage{height:248px}}@media (prefers-reduced-motion:no-preference){.capture-section,.capture-copy h2,.capture-copy p,.capture-facts li,.tape{animation-fill-mode:backwards}.capture-copy h2,.capture-copy p,.capture-facts li,.tape{animation:page-reveal .7s var(--ease-reveal) backwards;animation-delay:calc(var(--i,0) * 70ms)}.tape{animation-duration:.9s}.tape-handle{transition:box-shadow .25s var(--ease-reveal)}}.vsgit-card{border-radius:var(--radius-card);background:var(--color-surface);flex-direction:column;min-height:273px;padding:20px;display:flex;position:relative;overflow:hidden}@media (width>=640px){.vsgit-card{padding:24px}}.vsgit-card--lead{min-height:340px}.vsgit-copy{max-width:none}.vsgit-copy:has(.card-lede){max-width:460px}.vsgit-h--lead span{color:var(--color-faint)}.vsgit-copy:has(.vsgit-h--lead){max-width:620px}.vsgit [data-verdict=green]{--vg-tone:color-mix(in srgb, var(--color-green) 88%, transparent)}.vsgit [data-verdict=red]{--vg-tone:color-mix(in srgb, var(--color-red) 88%, transparent)}.vsgit{--vg-glyph-muted:.5;--vg-glyph-faint:.35}html[data-theme=light] .vsgit{--vg-glyph-muted:.55;--vg-glyph-faint:.4}.vsgit-cmd{background:var(--color-surface-strong);color:var(--color-muted);font-family:var(--font-mono);letter-spacing:-.01em;white-space:nowrap;border-radius:8px;padding:4px 9px;font-size:14px;line-height:1.2}.vsgit-cmd[data-strong]{color:var(--color-fg)}.vsgit-cmds{flex-wrap:wrap;gap:6px;margin-top:16px;display:flex}.vsgit-lanes{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin-top:auto;padding-top:24px;display:grid}.vsgit-lanes>.vsgit-cmd{text-align:center}.vsgit-lane-name{color:var(--color-faint);font-family:var(--font-mono);letter-spacing:-.01em;font-size:14px}.vsgit-lane-name[data-strong]{color:var(--color-fg)}.vsgit-lane{align-items:center;min-width:0;height:46px;display:flex}.vsgit-wire{flex:auto;align-items:center;gap:8px;min-width:0;display:flex}.vsgit-wire:before,.vsgit-wire[data-gap]:after{border-top:1px solid var(--color-hairline);content:"";flex:auto}.vsgit-wire[data-gap]:before,.vsgit-wire[data-gap]:after{border-top-style:dashed}.vsgit-wire svg{width:15px;height:15px;color:var(--color-fg);opacity:var(--vg-glyph-faint);flex:none}.vsgit-commit{background:var(--vg-tone);border-radius:999px;flex:none;width:11px;height:11px}.vsgit-lane--moments{align-items:center;gap:3px}.vsgit-moment{background:var(--vg-tone);border-radius:2px;flex:1 1 0;min-width:0;height:26px}.vsgit-moment[data-head]{background:var(--color-fg);height:100%}.vsgit-interop{justify-content:center;align-items:center;gap:clamp(20px,6vw,44px);margin:auto 0;padding:22px 0 6px;display:flex}.vsgit-node{color:var(--color-muted);font-family:var(--font-mono);letter-spacing:-.01em;flex-direction:column;align-items:center;gap:9px;font-size:14px;display:inline-flex}.vsgit-node[data-strong]{color:var(--color-fg)}.vsgit-node svg{width:26px;height:26px;color:var(--color-fg);opacity:var(--vg-glyph-muted)}.vsgit-node[data-strong] svg{opacity:1}.vsgit-node svg.vsgit-mark{transform:scale(.8)}.vsgit-swap{flex:none;display:inline-flex}.vsgit-swap svg{width:18px;height:18px;color:var(--color-fg);opacity:var(--vg-glyph-faint)}.vsgit-gate{gap:16px;margin:auto 0;padding:24px 0 0;list-style:none;display:grid}.vsgit-gate li{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.vsgit-state{background:color-mix(in srgb, var(--vg-tone) 18%, transparent);color:var(--vg-tone);font-family:var(--font-mono);border-radius:999px;padding:4px 10px;font-size:14px;line-height:1.2}.vsgit-wire[data-blocked]:before{border-top-style:dashed}.vsgit-dest{color:var(--color-muted);letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:7px;font-size:14px;display:inline-flex}.vsgit-gate li[data-verdict=green] .vsgit-dest{color:var(--color-fg)}.vsgit-dest svg{width:15px;height:15px;color:var(--color-fg);opacity:var(--vg-glyph-faint);flex:none}@media (width>=1024px){.vsgit-card--lead .vsgit-copy{justify-content:space-between;align-items:flex-start;gap:64px;max-width:none;display:flex}.vsgit-card--lead .card-h{max-width:620px}.vsgit-card--lead .card-lede{max-width:36ch;margin:0;padding-top:7px}}@media (width<=639px){.vsgit-lanes{grid-template-columns:auto minmax(0,1fr);gap:10px 12px}.vsgit-lanes>.vsgit-cmd{grid-column:2;justify-self:start;margin-bottom:6px}.vsgit-lane{height:40px}.vsgit-lane--moments{gap:2px}.vsgit-moment{height:22px}.vsgit-dest span,.vsgit-gate li{gap:10px}}@media (width<=430px){.vsgit-lane--moments{gap:1px}.vsgit-moment{border-radius:1px}}@media (prefers-reduced-motion:no-preference){.vsgit-card{animation:vsgit-in .75s var(--ease-reveal) both;animation-delay:calc(var(--i,0) * 80ms)}.vsgit-moment,.vsgit-commit,.vsgit-node,.vsgit-swap,.vsgit-gate li{animation:vsgit-in .55s var(--ease-reveal) both;animation-delay:calc(.2s + var(--i,0) * 18ms)}.vsgit-swap{animation-delay:.28s}.vsgit-gate li:nth-child(2){animation-delay:.3s}@keyframes vsgit-in{0%{opacity:0;filter:blur(7px)}to{opacity:1;filter:blur()}}}.feature-card{background-color:var(--color-surface);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000}.feature-icon{width:32px;height:32px;color:var(--color-fg);place-items:center;display:grid}.feature-icon svg{opacity:.55;width:32px;height:32px;display:block}.feature-icon svg *{stroke-width:1.5px}.feature-label{color:var(--color-fg);opacity:.85}.feature-card:hover{background-color:var(--color-surface-strong);box-shadow:inset 0 0 0 1px var(--color-hairline)}.feature-card:hover .feature-icon svg,.feature-card:hover .feature-label{opacity:1}@media (prefers-reduced-motion:no-preference){.feature-card,.feature-icon svg,.feature-label{transition:background-color .26s var(--ease-reveal), box-shadow .26s var(--ease-reveal), opacity .26s var(--ease-reveal)}}.faq-plus{color:var(--color-fg);transition:transform .26s cubic-bezier(.2,.7,.3,1)}.faq-plus svg{stroke-width:1.75px;opacity:.42;width:16px;height:16px;transition:opacity .2s;display:block}details[open] .faq-plus svg,summary:hover .faq-plus svg{opacity:1}details[open] .faq-plus{transform:rotate(45deg)}details[open] summary{color:var(--color-fg)}summary::-webkit-details-marker{display:none}summary{list-style:none}.faq-card{transition:background-color .2s}.faq-card:hover,.faq-card[open]{background-color:var(--color-surface-strong)}.faq-question{color:var(--color-fg)}.faq-answer{color:var(--color-muted);max-width:62ch}@media (prefers-reduced-motion:no-preference){[data-faq-reveal=armed] .faq-reveal{opacity:0;filter:blur(7px)}[data-faq-reveal=in] .faq-reveal{animation:page-reveal .7s var(--ease-reveal) backwards;animation-delay:calc(var(--faq-i,0) * 55ms)}}