@layer components{.read-toggle.svelte-1afwq10{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}button.svelte-1afwq10{align-items:center;gap:var(--space-2);min-height:2.5rem;padding:0 var(--space-4);border:var(--hairline) solid var(--border-strong);border-radius:var(--radius-pill);background:var(--surface);color:var(--ink);font-size:var(--text-sm);transition:background var(--dur-fast), border-color var(--dur-fast);font-weight:500;display:inline-flex}button.svelte-1afwq10:hover{background:var(--surface-hover)}.read.svelte-1afwq10 button:where(.svelte-1afwq10){border-color:var(--color-primary);background:var(--accent-soft);color:var(--accent-ink)}button.svelte-1afwq10:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px}.when.svelte-1afwq10{color:var(--ink-muted);font-size:var(--text-xs)}}