.dg{--dg-bg:var(--background);--dg-ink:var(--foreground);--dg-surface:var(--card);--dg-muted:var(--muted-foreground);--dg-rule:var(--border);--dg-zone:color-mix(in oklch, var(--dg-ink) 8%, var(--dg-bg));--dg-faint:color-mix(in oklch, var(--dg-ink) 22%, var(--dg-bg));--dg-trace:color-mix(in oklch, var(--dg-ink) 17%, var(--dg-bg));--dg-board:color-mix(in oklch, var(--dg-surface) 60%, var(--dg-bg));--dg-face-l:color-mix(in oklch, var(--dg-ink) 9%, var(--dg-bg));--dg-face-r:color-mix(in oklch, var(--dg-ink) 18%, var(--dg-bg));--dg-sans:var(--font-source-sans), "Source Sans 3", system-ui, sans-serif;--dg-mono:var(--font-source-code), "Source Code Pro", ui-monospace, monospace;color:var(--dg-ink)}.dg .frame{background-image:radial-gradient(circle at 1px 1px, var(--dg-faint) .9px, transparent 1.2px);background-size:16px 16px;overflow-x:auto}.dg svg{width:100%;height:auto;display:block}.dg .frame>svg{min-width:640px}.dg svg .sans{font-family:var(--dg-sans)}.dg svg .mono{font-family:var(--dg-mono)}.dg [tabindex]:focus-visible{outline:2px solid var(--dg-ink);outline-offset:3px}.dg [tabindex]:focus:not(:focus-visible){outline:none}.dg .node{transition:opacity .25s}.dg .node.off{opacity:.3}.dg .trace{fill:none;stroke:var(--dg-trace);stroke-width:2.2px;stroke-linejoin:round;stroke-linecap:round;transition:stroke .3s}.dg .node.visited .trace{stroke:var(--dg-ink);stroke-width:1.8px}.dg .chip-top{fill:var(--dg-surface);transition:fill .3s}.dg .glyph{fill:none;stroke:var(--dg-ink);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s}.dg .node.active .chip-top{fill:var(--dg-ink)}.dg .node.active .glyph{stroke:var(--dg-bg)}.dg .card-box{fill:var(--dg-surface);stroke:var(--dg-faint);stroke-width:1.2px;transition:stroke .3s,stroke-width .3s}.dg .node.active .card-box{stroke:var(--dg-ink);stroke-width:1.2px}.dg .row-bg{fill:#0000;transition:fill .3s}.dg .row.now .row-bg{fill:var(--dg-zone)}.dg .row text{fill:var(--dg-muted);transition:fill .3s}.dg .row.now text{fill:var(--dg-ink)}.dg .leader{fill:none;stroke:var(--dg-ink);stroke-width:.9px;stroke-opacity:.5}.dg .node.active .leader{stroke-opacity:.9}.dg .lift{transition:transform .9s cubic-bezier(.2,.7,.2,1),opacity .6s ease-out}.dg .plate-top{fill:var(--dg-surface);transition:fill .3s}.dg .plate.on .plate-top{fill:var(--dg-ink)}.dg .plate .face{stroke:var(--dg-ink);transition:stroke .3s}.dg .plate.on .face{stroke:var(--dg-bg)}.dg .plate .face-dot{fill:var(--dg-ink);stroke:none;transition:fill .3s}.dg .plate.on .face-dot{fill:var(--dg-bg)}.dg .plate{cursor:pointer}.dg .plate-label{opacity:.45;transition:opacity .3s}.dg .plate.on .plate-label{opacity:1}.dg .msg rect{fill:var(--dg-surface);stroke:var(--dg-ink);stroke-width:1px;transition:fill .2s}.dg .msg text{fill:var(--dg-ink)}.dg .msg{cursor:pointer}.dg .msg.sel rect{fill:var(--dg-ink)}.dg .msg.sel text{fill:var(--dg-bg)}.dg .wire{fill:none;stroke:var(--dg-trace);stroke-width:1.6px;transition:stroke .25s,stroke-width .25s}.dg .wire.on{stroke:var(--dg-ink);stroke-width:3px}.dg .sw .dim{opacity:.35;transition:opacity .25s}.dg .sw .res,.dg .sw .fdrow{transition:opacity .25s}.dg .res-box{fill:var(--dg-surface);stroke:var(--dg-rule);transition:stroke .25s,stroke-width .25s}.dg .res.on .res-box{stroke:var(--dg-ink);stroke-width:2.5px}.dg .item{fill:var(--dg-muted)}.dg .item.on{fill:var(--dg-ink);font-weight:600;text-decoration:underline}@media (prefers-reduced-motion:reduce){.dg .lift{transition:none}}@media (prefers-reduced-motion:no-preference){.dg-slide{animation:.45s cubic-bezier(.22,1,.36,1) dg-slide}}@keyframes dg-slide{0%{opacity:0;transform:translate(-1.5rem)}}