@layer reset,tokens,base,layout,components,utilities;@layer components{.stroke-player{display:flex;flex-wrap:wrap;gap:var(--space-2)}.stroke-tile{display:grid;place-items:center;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.stroke-tile:hover,.stroke-tile:focus-visible{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.stroke-tile__canvas,.stroke-tile--missing{inline-size:140px;block-size:140px}.stroke-tile--missing{display:grid;place-items:center;align-content:center;gap:var(--space-1);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);cursor:default}.stroke-tile__char{font-size:3rem;color:var(--color-faint)}.stroke-tile__note{font-size:.75rem;color:var(--color-muted)}.writing-quiz__canvas{inline-size:140px;block-size:140px;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);touch-action:none}.writing-quiz__status{color:var(--color-muted)}.writing-quiz__restart{margin-block-start:var(--space-2);min-block-size:40px;padding:var(--space-1) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);background:var(--color-surface);font-size:var(--text-sm);font-weight:500;transition:background var(--duration-fast) var(--ease-out)}.writing-quiz__restart:hover,.writing-quiz__restart:focus-visible{background:var(--color-surface-hover)}}@layer reset,tokens,base,layout,components,utilities;@layer components{.word-page{max-inline-size:44rem}.word-page__heading{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-block-end:var(--space-3)}.word-page__headword{font-size:clamp(3rem,10vw,4.5rem);line-height:1.1;margin-block-end:0;font-weight:500}.word-entry{padding:var(--space-3) var(--space-4);margin-block-end:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.word-entry__forms{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2) var(--space-3);font-size:var(--text-xl);margin:0}.word-entry__pinyin{color:var(--color-accent);font-size:var(--text-lg);font-weight:500}.audio-button{display:grid;place-items:center;inline-size:36px;block-size:36px;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-muted);transition:background var(--duration-fast) var(--ease-out)}.audio-button:hover,.audio-button:focus-visible{background:var(--color-surface-hover);color:var(--color-text)}.audio-button svg{inline-size:1rem;block-size:1rem}.word-entry__glosses{margin-block:var(--space-2) 0;padding-inline-start:1.2em;color:var(--color-text)}.word-entry__glosses li+li{margin-block-start:var(--space-1)}.gloss__ref{color:inherit;text-decoration-color:var(--color-border-strong)}.gloss__pinyin{color:var(--color-accent);font-size:.9em}.word-stroke-section,.word-sentences{margin-block-start:var(--space-5)}.word-stroke-section summary{cursor:pointer;font-weight:600;margin-block:var(--space-3);color:var(--color-accent)}.word-sentences__list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3)}.word-sentence{display:grid;gap:var(--space-1);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.word-sentence__zh{font-size:var(--text-lg)}.word-sentence__en{color:var(--color-muted)}.word-sentences__attribution{color:var(--color-faint);font-size:var(--text-sm);margin-block-start:var(--space-3)}.word-chars,.word-related{margin-block-start:var(--space-5)}.word-chars__list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.word-char{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.word-char__char{font-size:2rem;line-height:1.1}.word-char__detail{color:var(--color-muted);font-size:var(--text-sm)}.word-char__decomp a,.word-char__detail a{font-size:1.1rem;text-decoration-color:var(--color-border-strong)}.word-char__decomp a+a{margin-inline-start:.4em}.word-related__group+.word-related__group{margin-block-start:var(--space-3)}.word-related__char{font-size:var(--text-lg);margin-block:var(--space-2)}}