@layer anatomy{.iso{--anatomy-page:hsl(var(--background));--anatomy-card:hsl(var(--card));--anatomy-text:hsl(var(--muted-foreground));--anatomy-strong:hsl(var(--foreground));--anatomy-muted:color-mix(in oklab,hsl(var(--muted-foreground)),hsl(var(--card)) 20%);--anatomy-paper:hsl(var(--card));--anatomy-hi:color-mix(in oklab,hsl(var(--card)),hsl(var(--foreground)) 84%);--anatomy-mid:color-mix(in oklab,hsl(var(--card)),hsl(var(--foreground)) 44%);--anatomy-lo:color-mix(in oklab,hsl(var(--card)),hsl(var(--foreground)) 26%);--anatomy-faint:color-mix(in oklab,hsl(var(--card)),hsl(var(--foreground)) 15%);--anatomy-lit:hsl(var(--primary));--anatomy-lit-top:color-mix(in oklab,hsl(var(--card)),hsl(var(--primary)) 16%);--anatomy-lit-shade:color-mix(in oklab,hsl(var(--card)),hsl(var(--primary)) 9%);--anatomy-dot:color-mix(in oklab,hsl(var(--card)),hsl(var(--foreground)) 90%);--anatomy-red:hsl(var(--danger));--anatomy-green:hsl(var(--success));--anatomy-blue:hsl(var(--info));--anatomy-amber:hsl(var(--warning));--anatomy-face:hsl(var(--card));--anatomy-top:hsl(var(--card));--anatomy-shade-0:color-mix(in oklab,hsl(var(--card)),hsl(var(--foreground)) 14%);--anatomy-shade-1:color-mix(in oklab,hsl(var(--card)),hsl(var(--foreground)) 10%);--anatomy-shade-2:color-mix(in oklab,hsl(var(--card)),hsl(var(--foreground)) 7%);--anatomy-shade-3:color-mix(in oklab,hsl(var(--card)),hsl(var(--foreground)) 4%);--anatomy-halo:color-mix(in oklab,hsl(var(--card)),hsl(var(--foreground)) 45%);--anatomy-halo-opacity:.32;--anatomy-ring:0 0 0 1px hsl(var(--border));--anatomy-pad-y:24px;--anatomy-pad-x:24px;--anatomy-pad-phone-x:12px;--anatomy-pad-phone-y:12px;--anatomy-weight:1.5px;--anatomy-ease:cubic-bezier(0.32,0.72,0,1);--anatomy-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace}.dark .iso{--anatomy-face:color-mix(in oklab,hsl(var(--card)),hsl(var(--foreground)) 5%);--anatomy-top:color-mix(in oklab,hsl(var(--card)),hsl(var(--foreground)) 6.5%);--anatomy-shade-0:color-mix(in oklab,hsl(var(--card)),hsl(var(--background)) 70%);--anatomy-shade-1:color-mix(in oklab,hsl(var(--card)),hsl(var(--background)) 35%);--anatomy-shade-2:color-mix(in oklab,hsl(var(--card)),hsl(var(--foreground)) 2%);--anatomy-shade-3:color-mix(in oklab,hsl(var(--card)),hsl(var(--foreground)) 4.5%);--anatomy-halo:hsl(var(--background));--anatomy-halo-opacity:.9}.iso-svg{display:block;width:100%;height:auto;overflow:visible}.iso-svg[data-cropped]{overflow:hidden}.iso-svg circle,.iso-svg path{vector-effect:non-scaling-stroke}.iso-fill{fill:var(--anatomy-paper);stroke:none}.iso-solid[data-lit]>.iso-fill{fill:var(--anatomy-face)}.iso-shade,.iso-top{stroke:none}.iso-shade[data-shade="0"]{fill:var(--anatomy-shade-0)}.iso-shade[data-shade="1"]{fill:var(--anatomy-shade-1)}.iso-shade[data-shade="2"]{fill:var(--anatomy-shade-2)}.iso-shade[data-shade="3"]{fill:var(--anatomy-shade-3)}.iso-top{fill:var(--anatomy-top)}.iso-solid[data-lit]>.iso-top{fill:var(--anatomy-lit-top)}.iso-solid[data-lit]>.iso-shade{fill:var(--anatomy-lit-shade)}.iso-solid[data-seamless]>.iso-shade,.iso-solid[data-seamless]>.iso-top{stroke-width:1px;stroke-linejoin:round}.iso-solid[data-seamless]>.iso-shade[data-shade="0"]{stroke:var(--anatomy-shade-0)}.iso-solid[data-seamless]>.iso-shade[data-shade="1"]{stroke:var(--anatomy-shade-1)}.iso-solid[data-seamless]>.iso-shade[data-shade="2"]{stroke:var(--anatomy-shade-2)}.iso-solid[data-seamless]>.iso-shade[data-shade="3"]{stroke:var(--anatomy-shade-3)}.iso-solid[data-seamless]>.iso-top{stroke:var(--anatomy-top)}.iso-solid[data-seamless][data-lit]>.iso-top{stroke:var(--anatomy-lit-top)}.iso-solid[data-seamless][data-lit]>.iso-shade{stroke:var(--anatomy-lit-shade)}.iso-solid[data-lit]>.iso-edge{stroke:var(--anatomy-lit)}.iso-halo{fill:var(--anatomy-halo);stroke:none;filter:blur(9px);opacity:var(--anatomy-halo-opacity);transform:translateY(3px)}.iso-line{fill:none;stroke:var(--anatomy-lo);stroke-width:var(--anatomy-weight);stroke-linecap:round;stroke-linejoin:round}.iso-line[data-tone=hi]{stroke:var(--anatomy-hi)}.iso-line[data-tone=mid]{stroke:var(--anatomy-mid)}.iso-line[data-tone=lo]{stroke:var(--anatomy-lo)}.iso-line[data-tone=faint]{stroke:var(--anatomy-faint)}.iso-line[data-tone=lit]{stroke:var(--anatomy-lit)}.iso-line[data-tone=red]{stroke:var(--anatomy-red)}.iso-line[data-tone=green]{stroke:var(--anatomy-green)}.iso-line[data-tone=blue]{stroke:var(--anatomy-blue)}.iso-line[data-dotted]{stroke-dasharray:.01 3.5;stroke-width:1}.iso-line[data-dashed]{stroke-dasharray:3 3}.iso-line[data-flow]{stroke-dasharray:2 6}.iso-wire-end{fill:var(--anatomy-paper);stroke:var(--anatomy-lo);stroke-width:var(--anatomy-weight)}.iso-wire[data-tone=hi] .iso-wire-end{stroke:var(--anatomy-hi)}.iso-wire[data-tone=mid] .iso-wire-end{stroke:var(--anatomy-mid)}.iso-wire[data-tone=faint] .iso-wire-end{stroke:var(--anatomy-faint)}.iso-wire[data-tone=lit] .iso-wire-end{stroke:var(--anatomy-lit)}.iso-dots circle{fill:var(--anatomy-dot);stroke:none;opacity:.32}.iso-dots[data-tone=hi] circle{opacity:.85}.iso-dots[data-tone=mid] circle{opacity:.45}.iso-dots[data-tone=lo] circle{opacity:.22}.iso-dots[data-tone=faint] circle{opacity:.12}.iso-face-text{fill:var(--anatomy-mid);font-family:var(--anatomy-mono);letter-spacing:.04em}.iso-face-text[data-tone=hi]{fill:var(--anatomy-hi)}.iso-face-text[data-tone=lo]{fill:var(--anatomy-lo)}.iso-face-text[data-tone=faint]{fill:var(--anatomy-faint)}.tb-body{fill:var(--anatomy-shade-2);stroke:none}.tb-shine{fill:var(--anatomy-top);stroke:none}.tb-shade{fill:var(--anatomy-shade-0);stroke:none}.tb-ring{fill:none;stroke:var(--anatomy-lo);stroke-width:.45;stroke-linecap:butt;stroke-linejoin:round}.tb-ring[data-tone=mid]{stroke:var(--anatomy-mid)}.tb-ring[data-tone=faint]{stroke:var(--anatomy-faint)}.tb-ring[data-tone=hi]{stroke:var(--anatomy-hi)}@keyframes iso-flow{to{stroke-dashoffset:-32}}@keyframes iso-pulse{0%,to{opacity:.18}12%{opacity:1}40%{opacity:.18}}.iso-line[data-flow]{animation:iso-flow 1.6s linear infinite}.iso-dots circle[data-pulse]{animation:iso-pulse 1.6s step-end infinite}.iso-figure{margin:0}.iso-plate{position:relative;padding:var(--anatomy-pad-y) var(--anatomy-pad-x);border-radius:calc(var(--radius) + 4px);background:var(--anatomy-card);box-shadow:var(--anatomy-ring);--anatomy-paper:var(--anatomy-card)}.iso-plate .iso-svg{margin:0 auto}.iso-bare .iso-plate{padding:0;background:transparent;box-shadow:none}.iso-floor{position:relative;isolation:isolate}.iso-floor:before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(circle,var(--anatomy-faint) 1px,transparent 1.4px);background-size:18px 18px;-webkit-mask-image:radial-gradient(ellipse 70% 65% at 50% 55%,hsl(var(--foreground)) 30%,transparent 78%);mask-image:radial-gradient(ellipse 70% 65% at 50% 55%,hsl(var(--foreground)) 30%,transparent 78%)}.iso-rich{--anatomy-weight:1.6px;--glow:color-mix(in oklab,transparent,var(--anatomy-lit) 75%)}.iso-rich .iso-line[data-tone=lit],.iso-rich .iso-solid[data-lit]>.iso-edge,.iso-rich .iso-solid[data-tint=lit]>.iso-edge{filter:drop-shadow(0 0 calc(var(--anatomy-weight) * 2) var(--glow))}.iso-rich .iso-line[data-tone=green],.iso-rich .iso-solid[data-tint=green]>.iso-edge{filter:drop-shadow(0 0 calc(var(--anatomy-weight) * 2) color-mix(in oklab,transparent,var(--anatomy-green) 70%))}.iso-rich .iso-line[data-tone=blue],.iso-rich .iso-solid[data-tint=blue]>.iso-edge{filter:drop-shadow(0 0 calc(var(--anatomy-weight) * 2) color-mix(in oklab,transparent,var(--anatomy-blue) 70%))}.iso-rich .iso-line[data-tone=amber],.iso-rich .iso-solid[data-tint=amber]>.iso-edge{filter:drop-shadow(0 0 calc(var(--anatomy-weight) * 2) color-mix(in oklab,transparent,var(--anatomy-amber) 70%))}.dark .iso-rich .iso-solid[data-tint=lit]>.iso-top{fill:color-mix(in oklab,var(--anatomy-paper),var(--anatomy-lit) 42%)}.dark .iso-rich .iso-solid[data-tint=green]>.iso-top{fill:color-mix(in oklab,var(--anatomy-paper),var(--anatomy-green) 48%)}.dark .iso-rich .iso-solid[data-tint=blue]>.iso-top{fill:color-mix(in oklab,var(--anatomy-paper),var(--anatomy-blue) 48%)}.dark .iso-rich .iso-solid[data-tint=amber]>.iso-top{fill:color-mix(in oklab,var(--anatomy-paper),var(--anatomy-amber) 34%)}.dark .iso-rich .iso-solid[data-lit]>.iso-top{fill:color-mix(in oklab,var(--anatomy-paper),var(--anatomy-lit) 24%)}.iso-floor{--floor-light:var(--anatomy-lit)}.iso-floor[data-accent=info]{--floor-light:var(--anatomy-blue)}.iso-floor[data-accent=success]{--floor-light:var(--anatomy-green)}.iso-floor[data-accent=warning]{--floor-light:var(--anatomy-amber)}.iso-floor:after{content:"";position:absolute;inset:18% 12%;z-index:-1;border-radius:calc(var(--radius) * 40);background:color-mix(in oklab,transparent,var(--floor-light) 14%);filter:blur(56px)}@media (max-width:560px){.iso-plate{padding:var(--anatomy-pad-phone-y) var(--anatomy-pad-phone-x)}}@media (prefers-reduced-motion:reduce){.iso-dots circle[data-pulse],.iso-line[data-flow]{animation:none}}.iso-control{touch-action:pan-y;border-radius:calc(var(--radius) + 2px)}.iso-control:focus-visible{outline:1px solid var(--anatomy-muted);outline-offset:6px}.iso-solid[data-tint=green]>.iso-fill,.iso-solid[data-tint=green]>.iso-shade,.iso-solid[data-tint=green]>.iso-top{fill:color-mix(in oklab,var(--anatomy-paper),var(--anatomy-green) 38%)}.iso-solid[data-tint=blue]>.iso-fill,.iso-solid[data-tint=blue]>.iso-shade,.iso-solid[data-tint=blue]>.iso-top{fill:color-mix(in oklab,var(--anatomy-paper),var(--anatomy-blue) 38%)}.iso-solid[data-tint=red]>.iso-fill,.iso-solid[data-tint=red]>.iso-shade,.iso-solid[data-tint=red]>.iso-top{fill:color-mix(in oklab,var(--anatomy-paper),var(--anatomy-red) 30%)}.iso-solid[data-tint=amber]>.iso-fill,.iso-solid[data-tint=amber]>.iso-shade,.iso-solid[data-tint=amber]>.iso-top{fill:color-mix(in oklab,var(--anatomy-paper),var(--anatomy-amber) 20%)}.iso-line[data-tone=amber],.iso-solid[data-tint=amber]>.iso-edge{stroke:var(--anatomy-amber)}.iso-zone[data-tone=lit]{fill:color-mix(in oklab,var(--anatomy-paper),var(--anatomy-lit) 22%)}.iso-zone[data-tone=amber]{fill:color-mix(in oklab,var(--anatomy-paper),var(--anatomy-amber) 16%)}[data-overlap] .iso-solid[data-lit]>.iso-edge{stroke:var(--anatomy-amber)}.iso-solid[data-tint=lit]>.iso-fill,.iso-solid[data-tint=lit]>.iso-shade,.iso-solid[data-tint=lit]>.iso-top{fill:color-mix(in oklab,var(--anatomy-paper),var(--anatomy-lit) 30%)}.iso-solid[data-tint=green]>.iso-edge{stroke:var(--anatomy-green)}.iso-solid[data-tint=blue]>.iso-edge{stroke:var(--anatomy-blue)}.iso-solid[data-tint=red]>.iso-edge{stroke:var(--anatomy-red)}.iso-solid[data-tint=lit]>.iso-edge{stroke:var(--anatomy-lit)}.iso-zone{stroke:none;fill:color-mix(in oklab,var(--anatomy-paper),var(--anatomy-red) 22%)}[data-clash] .iso-solid[data-lit]>.iso-edge{stroke:var(--anatomy-red)}.iso-tap{fill:color-mix(in oklab,transparent,var(--anatomy-strong) 18%);stroke:var(--anatomy-strong);stroke-width:var(--anatomy-weight)}.iso-cursor{fill:var(--anatomy-strong);stroke:var(--anatomy-paper);stroke-width:calc(var(--anatomy-weight) * 2);stroke-linejoin:round}}