.showcase-ground{--glow-a:var(--primary);--glow-b:var(--warning);background-color:var(--subtle);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.5 0'/></filter><rect width='100%' height='100%' filter='url(%23g)' opacity='0.18'/></svg>"), radial-gradient(46% 52% at 72% 26%, color-mix(in srgb, var(--glow-a) 18%, transparent), color-mix(in srgb, var(--glow-a) 6%, transparent) 50%, transparent), radial-gradient(40% 46% at 24% 80%, color-mix(in srgb, var(--glow-b) 20%, transparent), color-mix(in srgb, var(--glow-b) 6%, transparent) 50%, transparent)}.showcase-ground[data-tone=grow]{--glow-a:var(--warning);--glow-b:var(--primary)}@keyframes showcase-fill{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.connect-line{fill:none;stroke:color-mix(in srgb, var(--foreground) 28%, transparent);stroke-width:1.25px;stroke-dasharray:3 5;vector-effect:non-scaling-stroke;animation:1.4s linear infinite connect-flow}@keyframes connect-flow{to{stroke-dashoffset:-8px}}.connect-dot{fill:var(--primary)}@media (prefers-reduced-motion:reduce){.connect-line{animation:none}.connect-dot{display:none}}.mock-rule-b{border-bottom:1px solid var(--border)}.mock-rule-t{border-top:1px solid var(--border)}.mock-rule-r{border-right:1px solid var(--border)}