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