/*
     * Rotating word now sits on its own centered line.
     * - display: grid + grid-area:1/1 stacks the in/out words for a clean
     *   in-place cross-roll (no double-text flicker).
     * - justify-content/items: center keeps it optically centered no matter
     *   how wide the word is — width changes affect NOTHING else now.
     * - overflow: hidden clips the vertical slide into a tidy window.
     * - fixed line height reserves vertical space so the lines above/below
     *   never shift either.
     */
	.rotator-slot.svelte-gzujjl {
		display: grid;
		justify-content: center;
		justify-items: center;
		overflow: hidden;
		/* reserve the line's height so nothing reflows vertically */
		line-height: 1.1;
		padding-block: 0.06em;
	}

	.rotator-word.svelte-gzujjl {
		grid-area: 1 / 1;
		white-space: nowrap;
		background: linear-gradient(180deg, #8aa7f5 0%, #2156e9 100%);
		-webkit-background-clip: text;
		background-clip: text;
		color: transparent;
		will-change: transform, opacity;
	}

	@media (prefers-reduced-motion: reduce) {
		.rotator-word.svelte-gzujjl {
			will-change: auto;
		}
	}

	.network-viz.svelte-1cvb5fm {
		position: relative;
		background: #0a0b14;
	}
	.network-viz.svelte-1cvb5fm::before {
		content: '';
		position: absolute;
		inset: 0;
		padding: 1px;
		border-radius: inherit;
		background: linear-gradient(
			135deg,
			rgba(33, 86, 233, 0.6),
			rgba(255, 255, 255, 0.1),
			rgba(33, 86, 233, 0.3)
		);
		-webkit-mask:
			linear-gradient(#000 0 0) content-box,
			linear-gradient(#000 0 0);
		mask:
			linear-gradient(#000 0 0) content-box,
			linear-gradient(#000 0 0);
		-webkit-mask-composite: xor;
		mask-composite: exclude;
		pointer-events: none;
	}

	.network-lines.svelte-1cvb5fm line:where(.svelte-1cvb5fm) {
		animation: svelte-1cvb5fm-dash-flow 20s linear infinite;
	}

	@keyframes svelte-1cvb5fm-dash-flow {
		to {
			stroke-dashoffset: -200;
		}
	}

	@media (prefers-reduced-motion: reduce) {
		.network-lines.svelte-1cvb5fm line:where(.svelte-1cvb5fm) {
			animation: none;
		}
	}