.dg{border:1px solid var(--nb-border);border-radius:var(--nb-radius,14px);background:var(--nb-card);max-width:580px;margin:1.75rem auto;padding:14px 16px 12px;position:relative;overflow:hidden}.dg:before{content:"";opacity:.14;pointer-events:none;background-image:radial-gradient(circle,currentColor 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(72% 70% at 50% 45%,#000 10%,#0000 74%);mask-image:radial-gradient(72% 70% at 50% 45%,#000 10%,#0000 74%)}.dg>*{position:relative}.dg__toggle{float:right;border:1px solid var(--nb-border);background:var(--nb-card);color:var(--nb-muted-foreground,inherit);font:inherit;cursor:pointer;border-radius:999px;padding:3px 11px;font-size:.75rem;line-height:1.5;transition:background .15s,color .15s}.dg__toggle:hover{background:var(--nb-selected,#8080801a);color:var(--nb-foreground)}.dg__toggle:focus-visible{outline:2px solid var(--nb-ring,currentColor);outline-offset:2px}.dg__scene{width:100%;height:auto;display:block;overflow:visible}.dg__caption{color:var(--nb-muted-foreground,inherit);min-height:2.3em;margin:8px 2px 0;font-size:.8125rem;line-height:1.45}.dg__caption b{color:var(--nb-foreground);font-weight:600}.dg-draw{stroke-dasharray:1;stroke-dashoffset:1px;animation:.62s cubic-bezier(.33,0,.17,1) both dg-draw}@keyframes dg-draw{to{stroke-dashoffset:0}}.dg-gap{transform-box:fill-box;transform-origin:50%;transition:opacity .4s,transform .55s cubic-bezier(.22,1,.36,1)}.dg-gap--closed{opacity:0;transform:scaleX(.08)}.dg-spark{animation:1s cubic-bezier(.4,0,.2,1) both dg-spark}@keyframes dg-spark{0%{opacity:0;transform:translate(-104px)}22%{opacity:1}to{opacity:0;transform:translate(104px)}}.dg-item{transform-box:fill-box;transform-origin:0;animation:.44s cubic-bezier(.22,1.25,.36,1) both dg-settle}@keyframes dg-settle{0%{opacity:0;transform:translateY(-9px)scaleY(.7)}to{opacity:1;transform:none}}.dg-item--sending{animation:.86s cubic-bezier(.36,0,.2,1) both dg-send}@keyframes dg-send{0%{opacity:1;transform:translate(0)scale(1)}12%{opacity:1;transform:translate(-8px,1px)scale(.97)}55%{transform:translate(calc(var(--dg-x) * .55), calc(var(--dg-y) * .42 - 18px)) scale(.82);opacity:1}88%{opacity:.8}to{transform:translate(var(--dg-x), var(--dg-y)) scale(.45);opacity:0}}.dg-trail{transform-box:fill-box;transform-origin:100%;animation:.86s cubic-bezier(.36,0,.2,1) both dg-trail}@keyframes dg-trail{0%{opacity:0;transform:translate(0)scaleX(0)}30%{transform:translate(calc(var(--dg-x) * .3), calc(var(--dg-y) * .2 - 10px)) scaleX(1);opacity:.4}to{transform:translate(var(--dg-x), var(--dg-y)) scaleX(0);opacity:0}}.dg-node{transform-box:fill-box;transform-origin:50%}.dg-node--hit{animation:.72s cubic-bezier(.22,1.2,.36,1) .64s both dg-hit}@keyframes dg-hit{0%{transform:scale(1)}35%{transform:scale(1.05)}to{transform:scale(1)}}.dg-ring{transform-box:fill-box;transform-origin:50%;animation:2.2s ease-out infinite dg-ring}@keyframes dg-ring{0%{opacity:.35;transform:scale(.6)}to{opacity:0;transform:scale(1.4)}}@media (prefers-reduced-motion:reduce){.dg-draw,.dg-item,.dg-item--sending,.dg-trail,.dg-spark,.dg-ring,.dg-node--hit{animation:none}.dg-draw{stroke-dashoffset:0}.dg-gap{transition:none}}.dg-opts{flex-wrap:wrap;gap:6px;margin:10px 0 0;display:flex}.dg-opt{border:1px solid var(--nb-border);background:var(--nb-card);color:var(--nb-muted-foreground,inherit);font:inherit;cursor:pointer;border-radius:999px;padding:5px 12px;font-size:.8125rem;line-height:1.45;transition:background .15s,color .15s,border-color .15s}.dg-opt:hover{border-color:var(--nb-border-strong,var(--nb-border));color:var(--nb-foreground)}.dg-opt[aria-pressed=true]{border-color:var(--nb-foreground);background:var(--nb-foreground);color:var(--nb-background)}.dg-opt:focus-visible{outline:2px solid var(--nb-ring,currentColor);outline-offset:2px}.dg-field{letter-spacing:.04em;color:var(--nb-muted-foreground,inherit);margin:14px 0 2px;font-size:.75rem}.dg-result{border-top:1px solid var(--nb-border);flex-wrap:wrap;align-items:baseline;gap:12px;margin-top:14px;padding-top:14px;display:flex}.dg-result__from{color:var(--nb-muted-foreground,inherit);font-size:1.05rem;text-decoration:line-through;text-decoration-thickness:1px}.dg-result__to{color:var(--nb-foreground);font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:600}.dg-result__delta{color:var(--nb-success,inherit);font-size:.8125rem}.dg-result__delta--none{color:var(--nb-muted-foreground,inherit)}