.tile.svelte-yw8ksg{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);height:9.25rem;color:var(--ink);text-align:center;grid-template-rows:auto auto 1fr;justify-items:center;gap:.1rem;padding:.9rem .6rem .6rem;text-decoration:none;transition:border-color .12s,box-shadow .12s,translate .12s;display:grid;position:relative}.tile.svelte-yw8ksg:hover,.tile.svelte-yw8ksg:focus-visible{border-color:var(--accent);box-shadow:var(--shadow);translate:0 -1px}.rank.svelte-yw8ksg{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.7rem;position:absolute;top:.35rem;left:.55rem}.char.svelte-yw8ksg{font-size:2.4rem;line-height:1.2}.pinyin.svelte-yw8ksg{color:var(--accent);font-size:.9rem}.gloss.svelte-yw8ksg{color:var(--muted);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;align-self:start;font-size:.78rem;line-height:1.3;display:-webkit-box;overflow:hidden}.intro.svelte-1uha8ag{max-width:44rem;margin-bottom:1.5rem}h1.svelte-1uha8ag{font-family:var(--font-prose);font-size:clamp(1.5rem,1.1rem + 1.6vw,2.1rem)}.intro.svelte-1uha8ag p:where(.svelte-1uha8ag){color:var(--muted);margin:.6rem 0 0}h1.results.svelte-1uha8ag{font-size:1.15rem;font-family:var(--font-ui);margin-bottom:1rem;font-weight:600}.hint.svelte-1uha8ag{color:var(--muted);max-width:40rem}.hsk.svelte-1uha8ag{--hit:2.75rem;--pill:1.75rem;--pad:3px;color:var(--muted);flex-wrap:wrap;align-items:center;gap:.4rem 1.2rem;margin-bottom:1rem;font-size:.8rem;display:flex}.slider.svelte-1uha8ag{--dot:calc(var(--pill) - 2 * var(--pad));grid-template-columns:repeat(var(--steps), 1fr);width:min(20rem,100%);height:var(--hit);cursor:pointer;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;display:grid;position:relative}.slider.svelte-1uha8ag:before,.slider.svelte-1uha8ag:after{content:"";border-radius:999px;position:absolute}.slider.svelte-1uha8ag:before{inset:calc((var(--hit) - var(--pill)) / 2) 0;border:1px solid var(--line);background:var(--surface)}.slider.svelte-1uha8ag:after{top:calc((var(--hit) - var(--dot)) / 2);left:var(--pad);width:min(100% * var(--fill), 100% - 2 * var(--pad));height:var(--dot);background:var(--accent-soft);transition:width .12s ease-out}.slider.svelte-1uha8ag:focus-visible{outline:none}.slider.svelte-1uha8ag:focus-visible:before{outline:2px solid var(--accent);outline-offset:2px}.slider.svelte-1uha8ag span:where(.svelte-1uha8ag){z-index:1;font-variant-numeric:tabular-nums;place-items:center;font-size:.8rem;display:grid;position:relative}.slider.svelte-1uha8ag .on:where(.svelte-1uha8ag){color:var(--accent)}@media (prefers-reduced-motion:reduce){.slider.svelte-1uha8ag:after{transition:none}}.grid.svelte-1uha8ag{grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));gap:.6rem;display:grid}.more.svelte-1uha8ag{text-align:center;margin-top:1.5rem}.more.svelte-1uha8ag button:where(.svelte-1uha8ag){font:inherit;color:var(--accent);background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:999px;padding:.5rem 1.2rem}.more.svelte-1uha8ag button:where(.svelte-1uha8ag):hover{border-color:var(--accent)}