diff --git a/src/uix/eidos/components/relative-time/relative-time.svelte b/src/uix/eidos/components/relative-time/relative-time.svelte
index 0f8143935..3f87bca4f 100644
--- a/src/uix/eidos/components/relative-time/relative-time.svelte
+++ b/src/uix/eidos/components/relative-time/relative-time.svelte
@@ -15,7 +15,6 @@
 	 * Pass `updateInterval={0}` to render once and stop.
 	 */
 	import { onDestroy } from 'svelte';
-	import { browser } from '$app/environment';
 	import { getActiveUix } from '$active-uix';
 	import type {
 		RelativeTimeInput,
@@ -141,8 +140,8 @@
 
 	let timer: ReturnType<typeof setInterval> | null = null;
 
+	// `$effect` only runs client-side in Svelte 5, no SSR guard needed.
 	$effect(() => {
-		if (!browser) return;
 		if (intervalMs <= 0) return;
 		timer = setInterval(() => {
 			tick += 1;
diff --git a/src/uix/eidos/components/s-text-virtual-list/s-text-virtual-list.svelte b/src/uix/eidos/components/s-text-virtual-list/s-text-virtual-list.svelte
index dd562f722..0142f69a1 100644
--- a/src/uix/eidos/components/s-text-virtual-list/s-text-virtual-list.svelte
+++ b/src/uix/eidos/components/s-text-virtual-list/s-text-virtual-list.svelte
@@ -13,12 +13,15 @@
 	 * cheapest way to compute total height without mounting the rows.
 	 */
 	import './s-text-virtual-list.css';
-	import { browser } from '$app/environment';
 	import { ActiveEidos } from '$uix/eidos';
 	import { prepare, layout } from '$uix/eidos/lib/canvas-text/layout';
 	import { useContainerWidth } from '$uix/eidos/lib/canvas-text/use-canvas.svelte';
 	import type { STextVirtualListProps } from './types';
 
+	// SvelteKit-agnostic browser check — Eidos must not import from
+	// `$app/environment` (couples the visual layer to a specific framework).
+	const isBrowser = typeof window !== 'undefined';
+
 	let {
 		items = [],
 		size = 'md',
@@ -52,7 +55,7 @@
 	// Read computed style from the container — the recipe is responsible
 	// for mapping our resolved tokens to actual px / family strings.
 	const font = $derived.by(() => {
-		if (!browser || !containerEl) return '14px sans-serif';
+		if (!isBrowser || !containerEl) return '14px sans-serif';
 		const cs = getComputedStyle(containerEl);
 		const fontSize = cs.fontSize || '14px';
 		const fontFamily = cs.fontFamily || 'sans-serif';
@@ -62,7 +65,7 @@
 
 	const lineHeightPx = $derived.by(() => {
 		if (lineHeightProp != null) return lineHeightProp;
-		if (!browser || !containerEl) return 21;
+		if (!isBrowser || !containerEl) return 21;
 		const cs = getComputedStyle(containerEl);
 		const lh = cs.lineHeight;
 		if (lh && lh.endsWith('px')) return parseFloat(lh) || 21;
diff --git a/src/uix/eidos/components/s-text/s-text.svelte b/src/uix/eidos/components/s-text/s-text.svelte
index 6be99f917..16ead4001 100644
--- a/src/uix/eidos/components/s-text/s-text.svelte
+++ b/src/uix/eidos/components/s-text/s-text.svelte
@@ -19,7 +19,9 @@
 	 * line counts.
 	 */
 	import './s-text.css';
-	import { browser } from '$app/environment';
+	// SvelteKit-agnostic browser check — Eidos must not import from
+	// `$app/environment` (couples the visual layer to a specific framework).
+	const isBrowser = typeof window !== 'undefined';
 	import { ActiveEidos } from '$uix/eidos';
 	import { getActiveUix } from '$active-uix';
 	import { useContainerWidth, useTextLayout } from '$uix/eidos/lib/canvas-text/use-canvas.svelte';
@@ -82,7 +84,7 @@
 	// Canvas measurement is opt-in: only when `text` AND we're in the
 	// browser. SSR + `text === undefined` path stays a plain element
 	// with CSS-only clamping.
-	const canvasActive = $derived(text != null && browser);
+	const canvasActive = $derived(text != null && isBrowser);
 
 	let textEl = $state<HTMLElement | null>(null);
 	const measure = useContainerWidth(() => (canvasActive ? textEl : null));