@layer reset,tokens,base,layout;@layer components{.aside-panel{gap:var(--space-2);align-content:start;display:grid}.aside-panel__title{font-size:var(--text-base);margin:0;font-weight:600}@media (width>=1200px){.aside-panel--sticky{max-block-size:calc(100dvh - var(--header-h,57px) - 2 * var(--space-3));position:sticky;inset-block-start:calc(var(--header-h,57px) + var(--space-3));overflow-y:auto}}.breadcrumb{color:var(--color-muted);font-size:var(--text-sm);margin-block-end:var(--space-2)}.breadcrumb__list{flex-wrap:wrap;align-items:baseline;gap:0 .4em;margin:0;padding:0;list-style:none;display:flex}.breadcrumb__item,.breadcrumb__item>a{align-items:baseline;gap:.4em;display:inline-flex}.breadcrumb__item+.breadcrumb__item:before{content:"/";content:"/" / ""}.ruby-line{line-height:2.4}.ruby-line ruby{ruby-position:over;margin-inline-end:.12em}.ruby-line .hanzi{line-height:1.2;display:inline-flex}.ruby-line rt{font-size:max(.55em, var(--text-xs));line-height:1.2;font-family:var(--font-latin);color:var(--color-muted);letter-spacing:0;text-align:center}.ruby-line__group{white-space:nowrap}.stroke-player{gap:var(--space-2);flex-wrap:wrap;display:flex}.stroke-tile{border:1px solid var(--color-border);border-radius:var(--radius-sm);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);place-items:center;padding:0;display:grid}.stroke-tile:hover,.stroke-tile:focus-visible{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.stroke-tile__canvas,.stroke-tile--missing{block-size:140px;inline-size:140px}.stroke-tile__canvas,.writing-quiz__canvas{color:var(--color-text)}.stroke-tile--missing{align-content:center;place-items:center;gap:var(--space-1);border:1px dashed var(--color-border-strong);border-radius:var(--radius-sm);cursor:default;display:grid}.stroke-tile__char{color:var(--color-faint);font-size:3rem}.stroke-tile__note{color:var(--color-muted);font-size:.75rem}.stroke-tile>.stroke-tile__note{padding-block-end:var(--space-1)}.writing-quiz__canvas{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);touch-action:none;block-size:140px;inline-size:140px}.writing-quiz__status{color:var(--color-muted)}.writing-quiz__restart{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);transition:background var(--duration-fast) var(--ease-out);margin-block-start:var(--space-2);font-weight:500}.writing-quiz__restart:hover,.writing-quiz__restart:focus-visible{background:var(--color-surface-hover)}.word-page{max-inline-size:44rem}@media (width>=1200px){.site-main--aside .word-page,.site-main--aside .word-page .word-rows{max-inline-size:none}}.word-page__heading{align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-block-end:var(--space-3);display:flex}.word-page__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.word-page__headword{font-family:var(--font-display-hans);margin-block-end:0;font-size:clamp(3rem,10vw,4.5rem);font-weight:500;line-height:1.1}.word-entry{padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-block-end:var(--space-3)}.word-entry__forms{align-items:baseline;gap:var(--space-2) calc(var(--space-2) + var(--space-1));font-size:var(--text-xl);flex-wrap:wrap;margin:0;display:flex}.word-entry__forms .icon-btn--labelled{padding-inline:var(--space-2)}.word-entry__pinyin{color:var(--color-accent);font-size:var(--text-lg);font-weight:500}.word-entry__glosses{margin-block:var(--space-2) 0;color:var(--color-text);padding-inline-start:1.2em}.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,.word-sentences__more summary,.word-related__more summary{cursor:pointer;margin-block:var(--space-3);color:var(--color-accent);font-weight:600}.word-sentences__list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.word-sentence{align-items:start;column-gap:var(--space-2);row-gap:var(--space-1);padding:var(--space-2) var(--space-3) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);grid-template-columns:minmax(0,1fr) auto;display:grid}.word-sentence__zh{font-size:var(--text-xl);margin:0}.word-sentence__speak{margin-block-start:var(--space-2)}.word-sentence__en{color:var(--color-muted);grid-column:1/-1;margin:0}.word-sentences__more>.word-sentences__list{margin-block-end:var(--space-3)}.word-sentences__attribution{color:var(--color-faint);font-size:var(--text-sm);margin-block-start:var(--space-3)}.word-related{margin-block-start:var(--space-5)}.word-chars__list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.word-char{align-items:flex-start;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-sm);display:flex}.word-char__char{font-size:2rem;line-height:1.1}.word-char__body{gap:var(--space-1);min-inline-size:0;padding-block-start:var(--space-1);display:grid}.word-char__meaning,.word-char__detail,.word-char__hint{font-size:var(--text-sm);margin:0}.word-char__meaning{color:var(--color-text)}.word-char__detail,.word-char__hint{color:var(--color-muted)}.word-char__radical,.char-part__char{text-decoration-color:var(--color-border-strong);font-size:1.1rem}.word-char__kind,.char-part__role{border:1px solid var(--color-border-strong);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-muted);white-space:nowrap;margin-inline-start:var(--space-1);padding:0 .5em;line-height:1.5;display:inline-block}.char-parts{gap:var(--space-1) var(--space-3);font-size:var(--text-sm);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.char-part{align-items:baseline;gap:0 var(--space-1);flex-wrap:wrap;display:inline-flex}.char-part__meaning{color:var(--color-muted)}.sound-hint__reading{color:var(--color-accent);font-weight:500}.char-part--sound .char-part__role{border-color:var(--color-accent-soft);background:var(--color-accent-soft);color:var(--color-accent)}.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)}.site-main__aside .word-actions{display:none}@media screen and (width>=1200px){.site-main__aside .word-actions{display:grid}}.word-actions__word{align-items:baseline;gap:var(--space-1) var(--space-2);color:var(--color-accent);flex-wrap:wrap;margin:0;display:flex}.word-actions__hanzi{font-size:var(--text-2xl);color:var(--color-text)}.word-actions__buttons{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}}@layer utilities;@media print{.breadcrumb{display:none}}