.tl-keyboard.svelte-3fd4hw{display:flex;flex-direction:column;gap:var(--keygap);align-items:flex-start;padding:14px;background:var(--bg-1);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-1)}.tl-kbrow.svelte-3fd4hw{display:flex;gap:var(--keygap)}.tl-key.svelte-3fd4hw{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--key);height:var(--key);font-family:var(--font-mono);font-size:calc(var(--key) * .34);color:var(--fg-3);background:var(--bg-2);border:1px solid var(--line);border-radius:7px;transition:background 90ms var(--ease),border-color 90ms var(--ease),color 90ms var(--ease),transform 90ms var(--ease);-webkit-user-select:none;user-select:none}.tl-key.home.svelte-3fd4hw{color:var(--fg-1);border-color:var(--line-2)}.tl-key.bump.svelte-3fd4hw:after{content:"";position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:9px;height:2px;border-radius:2px;background:var(--fg-3)}.tl-key.next.svelte-3fd4hw{color:#1a1207;background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset,0 0 16px var(--accent-glow);transform:translateY(1px)}.tl-key.next.bump.svelte-3fd4hw:after{background:#0006}.tl-kbspace.svelte-3fd4hw{width:100%;justify-content:center;padding-left:0!important;margin-top:1px}.tl-space.svelte-3fd4hw{width:clamp(180px,34vw,320px);font-size:11px;letter-spacing:.18em;text-transform:lowercase;color:var(--fg-4)}.tl-space.next.svelte-3fd4hw{color:#1a1207}.ksp.svelte-1d8v8tv{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;max-width:720px;margin:0 auto}.ksp-chip.svelte-1d8v8tv{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:6px;background:var(--bg-2);border:1px solid var(--line);font-family:var(--font-mono);font-size:11px}.ksp-chip.weak.svelte-1d8v8tv{border-color:color-mix(in oklab,var(--err) 35%,var(--line))}.ksp-glyph.svelte-1d8v8tv{color:var(--fg-1);min-width:9px;text-align:center}.ksp-chip.weak.svelte-1d8v8tv .ksp-glyph:where(.svelte-1d8v8tv){color:var(--err)}.ksp-bar.svelte-1d8v8tv{width:26px;height:3px;border-radius:999px;background:var(--bg-4);overflow:hidden}.ksp-fill.svelte-1d8v8tv{display:block;height:100%;background:var(--err);border-radius:999px}.ksp-n.svelte-1d8v8tv{color:var(--fg-4);font-variant-numeric:tabular-nums;min-width:12px;text-align:right}