.four-zones.svelte-2arit2{width:100%;max-width:32rem;margin:var(--space-xl) auto}svg.svelte-2arit2{width:100%;height:auto;overflow:visible}.zone.svelte-2arit2 rect:where(.svelte-2arit2){fill:var(--color-bg-secondary);stroke:var(--color-border);stroke-width:1.5}.zone-label.svelte-2arit2{fill:var(--color-accent);font-family:var(--font-body);font-size:13px;font-weight:700;text-anchor:middle;letter-spacing:.05em}.zone-item.svelte-2arit2{fill:var(--color-text-secondary);font-family:var(--font-mono);font-size:12px;text-anchor:middle}.zone.svelte-2arit2{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}.zone-1.svelte-2arit2{transition-delay:0ms}.zone-2.svelte-2arit2{transition-delay:.4s}.zone-3.svelte-2arit2{transition-delay:.8s}.zone-4.svelte-2arit2{transition-delay:1.2s}.visible.svelte-2arit2 .zone:where(.svelte-2arit2){opacity:1;transform:translateY(0)}.arrow.svelte-2arit2,.arrow-head.svelte-2arit2{stroke:var(--color-accent);stroke-width:2;fill:none;opacity:0;transition:opacity .4s ease}.arrow-head.svelte-2arit2{fill:var(--color-accent);stroke:none}.arrow-1.svelte-2arit2,.arrow-head.arrow-1.svelte-2arit2{transition-delay:.3s}.arrow-2.svelte-2arit2,.arrow-head.arrow-2.svelte-2arit2{transition-delay:.7s}.arrow-3.svelte-2arit2,.arrow-head.arrow-3.svelte-2arit2{transition-delay:1.1s}.visible.svelte-2arit2 .arrow:where(.svelte-2arit2),.visible.svelte-2arit2 .arrow-head:where(.svelte-2arit2){opacity:1}@media(prefers-reduced-motion:reduce){.zone.svelte-2arit2,.arrow.svelte-2arit2,.arrow-head.svelte-2arit2{transition:none!important;animation:none!important;opacity:1!important;transform:none!important}}