.wrap{max-width:var(--content-max);margin:0 auto;padding:var(--s5) var(--s5) var(--s6);display:flex;flex-direction:column;gap:var(--s5)}.crumb{display:flex;justify-content:space-between;align-items:center}.crumb .meta{text-decoration:none}.wordcard{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);padding:var(--s5);display:flex;flex-direction:column;gap:var(--s3)}.wordrow-hero{display:flex;align-items:center;gap:var(--s4);flex-wrap:wrap}.hanzi{font-size:clamp(48px,12vw,72px);line-height:1.15;font-weight:500}.play-lg{width:56px;height:56px;min-width:56px;border:none;border-radius:999px;background:var(--audio);color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-soft)}.play-off{background:var(--line);opacity:.4}.pinyin{color:var(--brand);font-size:24px;font-weight:600}.gloss{color:var(--muted);font-size:17px;max-width:62ch}.pills{display:flex;gap:var(--s2);flex-wrap:wrap}.pill-tag{background:var(--brand-soft);color:var(--brand);border-radius:999px;padding:6px 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;min-height:32px}.pill-band{background:var(--brand);color:#fff}h2{font-size:22px}.hint{color:var(--muted);font-size:16px;max-width:62ch;margin-top:4px}.strokes{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);padding:var(--s5)}.stroke-row{display:flex;gap:var(--s4);flex-wrap:wrap;margin-top:var(--s4)}.stroke-cell{display:flex;flex-direction:column;gap:var(--s2);align-items:center}.stroke-box{width:132px;height:132px;border-radius:12px;background:linear-gradient(to right,transparent calc(50% - .5px),var(--line) calc(50% - .5px),var(--line) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(to bottom,transparent calc(50% - .5px),var(--line) calc(50% - .5px),var(--line) calc(50% + .5px),transparent calc(50% + .5px)),var(--paper);border:1.5px solid var(--line);display:flex;align-items:center;justify-content:center;position:relative}.stroke-static{font-size:84px;line-height:1;color:var(--ink)}.stroke-tools{display:flex;gap:var(--s2)}.tool{border:none;background:var(--brand-soft);color:var(--brand);border-radius:10px;min-height:44px;padding:0 14px;font-size:15px;font-weight:600}.quiz-cheer{margin-top:var(--s3);color:var(--brand);font-weight:700;font-size:17px}.quiz-cheer.pop{animation:cheerpop .45s var(--ease-spring, cubic-bezier(.34, 1.56, .64, 1))}@keyframes cheerpop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.family{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);padding:var(--s5);display:flex;flex-direction:column;gap:var(--s4)}.fam{display:flex;gap:var(--s4);align-items:flex-start}.fam-char{font-family:var(--font-hanzi);font-size:40px;color:var(--brand);min-width:56px;text-align:center;background:var(--brand-soft);border-radius:12px;padding:4px 0}.fam-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--s2);flex:1;min-width:0}.fam-word{display:flex;align-items:baseline;gap:var(--s3);text-decoration:none;min-height:44px;align-items:center;border-radius:10px;padding:2px var(--s2)}a.fam-word:hover{background:var(--paper)}.fw-zh{font-family:var(--font-hanzi);font-size:20px;color:var(--ink);min-width:76px}.fw-py{color:var(--brand);font-size:14.5px;min-width:88px}.fw-en{color:var(--muted);font-size:14.5px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fw-band{color:var(--muted);font-size:12px;border:1px solid var(--line);border-radius:999px;padding:1px 8px}.fam-word--flat .fw-zh{color:var(--muted)}.sent-cards{display:flex;flex-direction:column;gap:var(--s3);margin-top:var(--s4)}.sent-card{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);padding:var(--s4) var(--s5)}.sent-zh{font-size:22px}.sent-en{color:var(--muted);font-size:16px;margin-top:4px}.wordnav{display:flex;justify-content:space-between;gap:var(--s3)}.wn{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);padding:var(--s3) var(--s4);text-decoration:none;display:flex;flex-direction:column;min-width:128px;min-height:44px}.wn-empty{visibility:hidden}.wn-next{text-align:right}.wn-dir{color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.06em}.wn-han{font-size:22px;color:var(--ink)}.wn-py{color:var(--brand);font-size:14px}@media(prefers-reduced-motion:reduce){.quiz-cheer.pop{animation:none}}