.intro.svelte-1ivt4cu{color:var(--color-sub);font-size:1.05rem;margin:0 0 40px;text-align:center}section.svelte-1ivt4cu{margin-bottom:40px}section.svelte-1ivt4cu h2:where(.svelte-1ivt4cu){color:var(--color-text);font-size:1.2rem;font-weight:500;margin:0 0 16px}section.svelte-1ivt4cu h3:where(.svelte-1ivt4cu){color:var(--color-main);font-size:1rem;font-weight:500;margin:0 0 8px}section.svelte-1ivt4cu p:where(.svelte-1ivt4cu){color:var(--color-sub);margin:0 0 16px;line-height:1.7}section.svelte-1ivt4cu p:where(.svelte-1ivt4cu):last-child{margin-bottom:0}section.svelte-1ivt4cu ol:where(.svelte-1ivt4cu){color:var(--color-sub);margin:0 0 16px;padding-left:24px;line-height:1.8}section.svelte-1ivt4cu li:where(.svelte-1ivt4cu){margin-bottom:8px}section.svelte-1ivt4cu strong:where(.svelte-1ivt4cu){color:var(--color-text)}section.svelte-1ivt4cu code:where(.svelte-1ivt4cu){background:var(--color-bg-dark);padding:2px 6px;border-radius:4px;font-size:.9em}.keyboard-section.svelte-1ivt4cu{margin-bottom:48px}.layer-toggle.svelte-1ivt4cu{display:flex;justify-content:center;gap:8px;margin-bottom:24px}.layer-button.svelte-1ivt4cu{background:var(--color-bg-dark);border:1px solid color-mix(in srgb,var(--color-sub) 30%,transparent);color:var(--color-sub);padding:8px 20px;border-radius:6px;cursor:pointer;font-family:inherit;font-size:.9rem;transition:all .15s ease}.layer-button.svelte-1ivt4cu:hover{border-color:var(--color-main);color:var(--color-text)}.layer-button.active.svelte-1ivt4cu{background:var(--color-main);border-color:var(--color-main);color:var(--color-bg)}.keyboard-display.svelte-1ivt4cu{background:var(--color-bg-dark);padding:24px;border-radius:12px;overflow-x:auto}.keyboard-caption.svelte-1ivt4cu{text-align:center;font-size:.85rem;margin-top:16px;opacity:.7}.features.svelte-1ivt4cu{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:20px}.feature.svelte-1ivt4cu{background:var(--color-bg-dark);padding:20px;border-radius:8px}.feature.svelte-1ivt4cu h3:where(.svelte-1ivt4cu){margin-bottom:8px}.feature.svelte-1ivt4cu p:where(.svelte-1ivt4cu){margin:0;font-size:.95rem}@media(max-width:700px){.features.svelte-1ivt4cu{grid-template-columns:1fr}}