.gart{--ease-out:cubic-bezier(0.23,1,0.32,1);--ease-io:cubic-bezier(0.77,0,0.175,1);position:relative;margin:0;max-width:560px;width:100%;background:var(--surface);border:2px solid var(--ink);border-radius:4px;box-shadow:6px 6px 0 var(--accent);display:grid}.gart svg{display:block;width:100%;height:auto}.gart figcaption{border-top:2px solid var(--ink);padding:10px 14px 12px;font-size:14px;line-height:1.5;color:var(--muted);display:flex;gap:12px;align-items:flex-start;justify-content:space-between}.gart figcaption strong{color:var(--ink);font-weight:600}.gart .ink{fill:var(--ink)}.gart .mut{fill:var(--muted)}.gart .acc{fill:var(--accent)}.gart .bla{fill:var(--blast)}.gart .pap{fill:var(--paper)}.gart .sur{fill:var(--surface)}.gart .good{fill:var(--good)}.gart .warn{fill:var(--warn)}.gart .bad{fill:var(--bad)}.gart .dot-acc{fill:var(--accent)}.gart .dot-ink{fill:var(--ink)}.gart .s-ink{stroke:var(--ink);fill:none}.gart .s-acc{stroke:var(--accent);fill:none}.gart .s-line{stroke:var(--line);fill:none}.gart .s-mut{stroke:var(--muted);fill:none}.gart .s-pap{stroke:var(--paper)}.gart .s-bad{stroke:var(--bad);fill:none}.gart .sw-ink{stroke:var(--ink)}.gart text{font-family:var(--font-body),system-ui,sans-serif;font-size:15px;fill:var(--ink)}.gart text.lbl{font-size:15px;fill:var(--muted)}.gart text.tick{font-size:14px;fill:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.gart text.big{font-size:34px}.gart text.big,.gart text.mid{font-family:var(--font-display),Impact,sans-serif;letter-spacing:.01em}.gart text.mid{font-size:22px}.gart text.on-acc{fill:var(--paper)}.gart text.strong{font-weight:600}.gart [data-a]{transform-box:fill-box;transform-origin:center}.gart .o-left{transform-origin:left center}.gart .o-bottom{transform-origin:center bottom}.gart .draw{stroke-dasharray:1;stroke-dashoffset:0}.gart-replay{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px;font:600 13px/1 var(--font-body),system-ui,sans-serif;color:var(--ink);background:var(--paper);border:2px solid var(--ink);border-radius:4px;cursor:pointer;transition:transform .14s var(--ease-out),background-color .14s ease}@media (hover:hover) and (pointer:fine){.gart-replay:hover{background:var(--ink-soft)}}.gart-replay:active{transform:scale(.97)}.gart-replay svg{width:14px;height:14px}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.gart [data-a]{animation-duration:var(--d,.52s);animation-timing-function:var(--e,var(--ease-out));animation-delay:var(--t,0s);animation-fill-mode:both;animation-play-state:paused}.gart[data-art=play] [data-a]{animation-play-state:running}.gart[data-art=reset] [data-a]{animation-name:none!important}.gart [data-a=draw]{animation-name:gart-draw}.gart [data-a=fade]{animation-name:gart-fade}.gart [data-a=pop]{animation-name:gart-pop}.gart [data-a=stamp]{animation-name:gart-stamp}.gart [data-a=grow-x]{animation-name:gart-grow-x}.gart [data-a=rise]{animation-name:gart-rise}.gart [data-a=in-left]{animation-name:gart-in-left}.gart [data-a=drop]{animation-name:gart-drop}.gart [data-a=part-l]{animation-name:gart-part-l}.gart [data-a=part-r]{animation-name:gart-part-r}}@keyframes gart-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes gart-fade{0%{opacity:0}to{opacity:1}}@keyframes gart-pop{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:none}}@keyframes gart-stamp{0%{opacity:0;transform:scale(1.35) rotate(-8deg)}to{opacity:1;transform:none}}@keyframes gart-grow-x{0%{transform:scaleX(0)}to{transform:none}}@keyframes gart-rise{0%{transform:scaleY(0)}to{transform:none}}@keyframes gart-in-left{0%{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:none}}@keyframes gart-drop{0%{transform:translateY(-22px)}to{transform:none}}@keyframes gart-part-l{0%{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}@keyframes gart-part-r{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.gart-replay{display:none}}