.layout.svelte-1i19ct2{grid-template-columns:14rem minmax(0,1fr);align-items:start;gap:2rem;display:grid}.groups.svelte-1i19ct2{position:sticky;top:5.5rem}.groups.svelte-1i19ct2 [role=tablist]:where(.svelte-1i19ct2){flex-direction:column;gap:.25rem;display:flex}.groups.svelte-1i19ct2 button:where(.svelte-1i19ct2){color:var(--text-dim);font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:.6rem;padding:.6rem .8rem;display:flex}.groups.svelte-1i19ct2 button:where(.svelte-1i19ct2):hover{background:var(--surface);color:var(--text)}.groups.svelte-1i19ct2 button[aria-selected=true]:where(.svelte-1i19ct2){background:color-mix(in oklab, var(--accent) 18%, var(--surface));border-color:color-mix(in oklab, var(--accent) 55%, transparent);color:var(--text);font-weight:600}.group-title.svelte-1i19ct2{margin:0 0 .9rem;font-size:1.3rem}@media (width<=800px){.layout.svelte-1i19ct2{grid-template-columns:minmax(0,1fr);gap:1rem}.groups.svelte-1i19ct2{margin-inline:-16px;position:static}.groups.svelte-1i19ct2 [role=tablist]:where(.svelte-1i19ct2){scrollbar-width:none;flex-direction:row;padding-inline:16px;overflow-x:auto}.groups.svelte-1i19ct2 button:where(.svelte-1i19ct2){border-color:var(--line);background:var(--surface);border-radius:999px;flex:none;padding:.45rem .85rem}}h1.svelte-1i19ct2{margin:0;font-size:clamp(1.8rem,5vw,2.4rem)}.lead.svelte-1i19ct2{color:var(--text-dim);margin:.25rem 0 1.5rem}.colors.svelte-1i19ct2{margin-bottom:.6rem;padding:1.1rem 1.25rem 1.25rem}.colors.svelte-1i19ct2 hr:where(.svelte-1i19ct2){border:none;border-top:1px solid var(--line);margin:0 0 1rem}.colors-head.svelte-1i19ct2{align-items:center;gap:1rem;display:flex}.modes.svelte-1i19ct2{grid-template-columns:repeat(3,1fr);gap:.5rem;margin:1rem 0;display:grid}.mode.svelte-1i19ct2{border:1px solid var(--line);background:var(--surface-2);color:var(--text);text-align:left;cursor:pointer;border-radius:12px;flex-direction:column;gap:.2rem;padding:.7rem .9rem;display:flex}.mode[aria-checked=true].svelte-1i19ct2{border-color:var(--accent);background:color-mix(in oklab, var(--accent) 10%, var(--surface-2))}.mode-label.svelte-1i19ct2{font-weight:600}.sub.svelte-1i19ct2{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin:1.1rem 0 0;font-size:.8rem;font-weight:600}.sub.svelte-1i19ct2+.modes:where(.svelte-1i19ct2){margin-top:.5rem}.a11y-toggles.svelte-1i19ct2{border-top:1px solid var(--line);flex-direction:column;margin-top:.4rem;display:flex}.inline-row.svelte-1i19ct2{border-bottom:1px solid var(--line);cursor:pointer;align-items:center;gap:1rem;padding:.85rem 0;display:flex}.inline-row.svelte-1i19ct2:last-child{border-bottom:none;padding-bottom:0}.modes.four.svelte-1i19ct2{grid-template-columns:repeat(4,1fr)}.themes.svelte-1i19ct2{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.5rem;margin-top:1rem;display:grid}.theme-swatch.svelte-1i19ct2{border:1px solid var(--line);border-radius:8px;height:1.6rem;margin-bottom:.35rem;display:flex;overflow:hidden}.theme-swatch.svelte-1i19ct2 span:where(.svelte-1i19ct2){flex:1}.theme-swatch.svelte-1i19ct2 span:where(.svelte-1i19ct2):last-child{flex:.6}.rewards-link.svelte-1i19ct2{border:1px dashed var(--line);color:var(--text);border-radius:12px;align-items:center;gap:.6rem;margin-top:.8rem;padding:.7rem .9rem;font-size:.9rem;text-decoration:none;display:flex}.rewards-link.svelte-1i19ct2:hover{border-color:var(--accent)}.rewards-link.svelte-1i19ct2 span:where(.svelte-1i19ct2):nth-child(2){flex:1}.swatches.svelte-1i19ct2{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.swatch.svelte-1i19ct2{background:var(--swatch);cursor:pointer;width:2.2rem;height:2.2rem;box-shadow:inset 0 0 0 2px var(--surface);border:2px solid #0000;border-radius:50%}.swatch[aria-checked=true].svelte-1i19ct2{border-color:var(--text)}.custom.svelte-1i19ct2{border:1px solid var(--line);background:var(--surface-2);cursor:pointer;border-radius:999px;align-items:center;gap:.45rem;padding:.3rem .75rem .3rem .35rem;font-size:.85rem;display:inline-flex}.custom.svelte-1i19ct2 input:where(.svelte-1i19ct2){cursor:pointer;background:0 0;border:none;border-radius:50%;width:1.6rem;height:1.6rem;padding:0}.reset.svelte-1i19ct2{color:var(--text-faint);cursor:pointer;background:0 0;border:none;font-size:.85rem;text-decoration:underline}.preview.svelte-1i19ct2{container-type:inline-size}.preview.svelte-1i19ct2 .keyboard{--u:min(2.9rem, calc((100cqi - 1rem) / 16.6))}@media (width<=640px){.modes.svelte-1i19ct2,.modes.four.svelte-1i19ct2{grid-template-columns:1fr 1fr}}.about.svelte-1i19ct2{margin-top:.6rem;padding:1.1rem 1.25rem}.about.svelte-1i19ct2 dl:where(.svelte-1i19ct2){grid-template-columns:max-content 1fr;gap:.4rem 1.5rem;margin:1rem 0;display:grid}.about.svelte-1i19ct2 dt:where(.svelte-1i19ct2){color:var(--text-faint);font-size:.85rem}.about.svelte-1i19ct2 dd:where(.svelte-1i19ct2){font-family:var(--font-mono);-webkit-user-select:all;user-select:all;margin:0}.about.svelte-1i19ct2 p:where(.svelte-1i19ct2){margin:0}.list.svelte-1i19ct2{flex-direction:column;gap:.6rem;margin-bottom:.6rem;display:flex}.row.svelte-1i19ct2{cursor:pointer;color:var(--text);align-items:center;gap:1rem;padding:1rem 1.25rem;text-decoration:none;transition:border-color .12s;display:flex}.row.svelte-1i19ct2:hover{border-color:var(--text-faint)}.link.svelte-1i19ct2{margin-top:.6rem}.row-icon.svelte-1i19ct2{background:var(--surface-2);border-radius:12px;flex:none;place-items:center;width:2.8rem;height:2.8rem;display:grid}.text.svelte-1i19ct2{flex-direction:column;flex:1;gap:.15rem;display:flex}.title.svelte-1i19ct2{font-weight:600}.body.svelte-1i19ct2{color:var(--text-dim);font-size:.88rem}.chev.svelte-1i19ct2{color:var(--text-faint)}input[role=switch].svelte-1i19ct2{appearance:none;border:1px solid var(--line);background:var(--surface-2);cursor:pointer;border-radius:999px;flex:none;width:2.9rem;height:1.6rem;transition:background .15s;position:relative}input[role=switch].svelte-1i19ct2:after{content:"";background:var(--text-faint);border-radius:50%;width:calc(1.6rem - 6px);height:calc(1.6rem - 6px);transition:transform .15s,background .15s;position:absolute;top:2px;left:2px}input[role=switch].svelte-1i19ct2:checked{background:var(--accent);border-color:var(--accent)}input[role=switch].svelte-1i19ct2:checked:after{background:var(--bg);transform:translate(1.3rem)}