.ik-cable path{fill:none}.js .ik:not([data-in]) .ik-cable path{stroke-dasharray:1 2;stroke-dashoffset:1.001px}.ik[data-in=true] .ik-cable path{stroke-dasharray:1 2;animation:si-draw .42s steps(5,end)calc(var(--i,0)*.26s + .2s)both}@keyframes si-draw{0%{stroke-dashoffset:1.001px}to{stroke-dashoffset:0}}.ia-panel{aspect-ratio:320/170;background-color:hsl(var(--secondary));background-image:var(--grain);box-shadow:inset 0 0 0 1px hsl(var(--foreground)/.06);border-radius:4px 3px 5px;position:relative}.ia-panel .popup{position:absolute;inset:0}.kd-f{opacity:0}.kd-f3,.js .kd:not([data-in]) .kd-f0{opacity:1}.js .kd:not([data-in]) .kd-f3{opacity:0}.kd[data-in=true] .kd-f0{animation:1.6s step-end .35s both kd-0}.kd[data-in=true] .kd-f1{animation:1.6s step-end .35s both kd-1}.kd[data-in=true] .kd-f2{animation:1.6s step-end .35s both kd-2}.kd[data-in=true] .kd-f3{animation:1.6s step-end .35s both kd-3}@keyframes kd-0{0%{opacity:1}25%,to{opacity:0}}@keyframes kd-1{0%{opacity:0}25%{opacity:1}50%,to{opacity:0}}@keyframes kd-2{0%,25%{opacity:0}50%{opacity:1}75%,to{opacity:0}}@keyframes kd-3{0%,50%{opacity:0}75%,to{opacity:1}}.sg-tick path{fill:none}.js .sg:not([data-in]) .sg-tick path{stroke-dasharray:1 2;stroke-dashoffset:1.001px}.sg[data-in=true] .sg-tick path{stroke-dasharray:1 2;animation:.25s steps(3,end) .3s both si-draw}.sg[data-in=true] .sg-col-1 path{animation-delay:.7s}.sg[data-in=true] .sg-col-2 path{animation-delay:1.1s}html[data-motion=paused] :is(.ik-cable,.sg-tick) path{stroke-dashoffset:0!important;animation:none!important}html[data-motion=paused] .kd .kd-f{opacity:0!important;animation:none!important}html[data-motion=paused] .kd .kd-f3{opacity:1!important}@media (prefers-reduced-motion:reduce){:is(.ik-cable,.sg-tick) path{stroke-dashoffset:0!important}.kd .kd-f{opacity:0!important}.kd .kd-f3{opacity:1!important}}.si-num{font-family:var(--font-hand),cursive;color:hsl(var(--muted-foreground));font-size:15px}.si-knot-wrap{max-width:520px;margin-inline:auto}.si-decisions li{padding-left:1.1rem;position:relative}.si-decisions li:before{content:"";border:1.5px solid hsl(var(--primary));border-radius:50% 45% 55% 48%;width:.42rem;height:.42rem;position:absolute;top:.62em;left:.15rem}.kd-label{font-family:var(--font-hand),cursive;color:hsl(var(--foreground)/.8);font-size:1.05rem}:lang(ta) .kd-label,:lang(ta) .si-num{font-family:var(--font-tamil),sans-serif}.si-tag{background:hsl(var(--secondary));min-height:28px;box-shadow:inset 0 0 0 1px hsl(var(--foreground)/.08);color:hsl(var(--foreground)/.85);border-radius:10px 9px 11px;align-items:center;padding:3px 10px;font-size:.85rem;font-weight:550;line-height:1.25;display:inline-flex}.si-legend{font-family:var(--font-hand),var(--font-tamil),cursive;color:hsl(var(--muted-foreground));flex-wrap:wrap;gap:6px 18px;font-size:15px;display:flex}:lang(ta) .si-legend{font-family:var(--font-tamil),sans-serif}.si-legend span{align-items:center;gap:8px;display:inline-flex}.si-sw{width:34px;height:10px;display:inline-block}.si-sw-power,.si-sw-grid{background:radial-gradient(circle,hsl(var(--sun))2.2px,transparent 2.6px)0 50%/11px 10px repeat-x,radial-gradient(circle,hsl(var(--primary))4px,transparent 4.4px)0 50%/11px 10px repeat-x}.si-sw-grid{background:radial-gradient(circle,hsl(var(--card))2.2px,transparent 2.6px)0 50%/11px 10px repeat-x,radial-gradient(circle,hsl(var(--primary))4px,transparent 4.4px)0 50%/11px 10px repeat-x}.si-sw-data{background:repeating-linear-gradient(90deg,hsl(var(--primary))0 5px,transparent 5px 10px)0 50%/100% 3px no-repeat}
