.wrap{max-width:var(--content-max);padding:var(--s5) var(--s5) var(--s6);gap:var(--s5);flex-direction:column;margin:0 auto;display:flex}.crumb{justify-content:space-between;align-items:center;display:flex}.crumb .meta{text-decoration:none}.wordcard{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);padding:var(--s5);gap:var(--s3);flex-direction:column;display:flex}.hanzi{font-size:clamp(48px,12vw,72px);font-weight:500;line-height:1.15}.playgroup{align-items:center;gap:var(--s2);flex-wrap:wrap;display:flex}.play-lg{background:var(--audio);width:56px;min-width:56px;height:56px;color:var(--on-audio);box-shadow:var(--shadow-soft);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.play-off{background:var(--line);opacity:.4}.speed-pair{background:var(--paper);border:1.5px solid var(--line);border-radius:var(--radius-pill);gap:2px;padding:3px;display:inline-flex}.speed-btn{border-radius:var(--radius-pill);color:var(--muted);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;min-height:38px;padding:8px 12px;font-size:13.5px;font-weight:700}.speed-btn.is-on{background:var(--audio);color:var(--on-audio)}.replay-btn{background:var(--brand-soft);color:var(--brand);font-family:var(--font-body);border-radius:var(--radius-pill);cursor:pointer;border:none;min-height:44px;padding:10px 16px;font-size:15px;font-weight:700}.audio-fix{border:1.5px solid var(--audio);background:var(--surface);color:var(--audio);font-size:13.5px;font-weight:700;font-family:var(--font-body);border-radius:var(--radius-pill);cursor:pointer;align-self:flex-start;min-height:44px;padding:10px 16px}.save-btn{border:1.5px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);color:var(--ink);font-family:var(--font-body);cursor:pointer;align-self:flex-start;min-height:44px;padding:10px 16px;font-size:14px;font-weight:700}.save-btn[aria-pressed=true]{background:var(--brand-soft);border-color:var(--brand-soft);color:var(--brand)}.pinyin{color:var(--brand);font-size:24px;font-weight:600}.gloss{color:var(--ink);max-width:62ch;font-size:20px;font-weight:600}.pills{gap:var(--s2);flex-wrap:wrap;display:flex}.pill-tag{background:var(--brand-soft);color:var(--brand);border-radius:999px;align-items:center;min-height:32px;padding:4px 12px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.pill-band{background:var(--brand);color:var(--on-brand)}.mw{align-items:baseline;gap:var(--s2) var(--s3);color:var(--muted);flex-wrap:wrap;font-size:15px;display:flex}.mw-item{align-items:baseline;gap:4px;display:inline-flex}.mw-zh{font-family:var(--font-hanzi);color:var(--ink);font-size:20px}.mw-py{color:var(--brand);font-size:14px;font-weight:600}.dict-entry{border-top:1px dashed var(--line);padding-top:var(--s2)}.dict-entry summary{cursor:pointer;min-height:44px;font-family:var(--font-body);color:var(--muted);justify-content:space-between;align-items:center;font-size:15px;font-weight:600;list-style:none;display:flex}.dict-entry summary::-webkit-details-marker{display:none}.dict-entry summary:after{content:"▾";color:var(--muted)}.dict-entry[open] summary:after{content:"▴"}.dict-gloss{color:var(--muted);font-size:16px}h2{font-size:22px}.hint{color:var(--muted);max-width:62ch;margin-top:4px;font-size:16px}.strokes{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);padding:var(--s5)}.stroke-row{gap:var(--s4);margin-top:var(--s4);flex-wrap:wrap;display:flex}.stroke-cell{gap:var(--s2);flex-direction:column;align-items:center;display:flex}.stroke-box{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);border-radius:12px;justify-content:center;align-items:center;width:132px;height:132px;display:flex;position:relative}.stroke-static{color:var(--ink);font-size:84px;line-height:1;position:absolute}.stroke-tools{gap:var(--s2);display:flex}.tool{background:var(--brand-soft);color:var(--brand);border:none;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-size:17px;font-weight:700}.quiz-cheer.pop{animation:cheerpop .45s var(--ease-spring,cubic-bezier(.34, 1.56, .64, 1))}@keyframes cheerpop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.extras{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);padding:var(--s5);gap:var(--s4);flex-direction:column;display:flex}.xrow{gap:var(--s2);flex-direction:column;display:flex}.x-h{font-family:var(--font-display);font-size:17px;font-weight:600}.x-cols{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.x-cols li{align-items:baseline;gap:var(--s3);min-height:32px;display:flex}.x-zh{font-family:var(--font-hanzi);color:var(--ink);font-size:20px}.x-en{color:var(--muted);font-size:15px}.x-chips{gap:var(--s2);flex-wrap:wrap;display:flex}.chip{border:1.5px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;align-items:center;gap:6px;height:44px;padding:0 16px;font-size:14px;line-height:1;text-decoration:none;display:inline-flex}.chip [lang=zh]{font-family:var(--font-hanzi);font-size:18px}.chip-py{color:var(--brand);font-weight:600}.family{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);padding:var(--s5);gap:var(--s4);flex-direction:column;display:flex}.fam-sum{cursor:pointer;min-height:44px;font-family:var(--font-display);justify-content:space-between;align-items:center;font-size:17px;font-weight:600;list-style:none;display:flex}.fam-sum::-webkit-details-marker{display:none}.fam{gap:var(--s4);align-items:flex-start;display:flex}.fam-char{font-family:var(--font-hanzi);color:var(--brand);text-align:center;background:var(--brand-soft);border-radius:12px;min-width:56px;padding:4px 0;font-size:40px}.fam-list{gap:var(--s2);flex-direction:column;flex:1;min-width:0;margin:0;padding:0;list-style:none;display:flex}.fam-word{align-items:baseline;gap:var(--s3);min-height:44px;padding:2px var(--s2);border-radius:10px;align-items:center;text-decoration:none;display:flex}a.fam-word:hover{background:var(--paper)}.fw-zh{font-family:var(--font-hanzi);color:var(--ink);min-width:76px;font-size:20px}.fw-py{color:var(--brand);min-width:88px;font-size:14.5px}.fw-en{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14.5px;overflow:hidden}.fw-band{color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:2px 10px;font-size:12px}.fam-word--flat .fw-zh{color:var(--muted)}.sent-cards{gap:var(--s3);margin-top:var(--s4);flex-direction:column;display:flex}.sent-card{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);padding:var(--s4) var(--s5);align-items:flex-start;gap:var(--s3);display:flex}.sent-play{background:var(--audio);width:40px;min-width:40px;height:40px;color:var(--on-audio);cursor:pointer;box-shadow:var(--shadow-soft);border:none;border-radius:999px;justify-content:center;align-items:center;margin-top:2px;display:inline-flex}.sent-play.playing{animation:.7s infinite alternate sent-pulse}@keyframes sent-pulse{0%{transform:scale(1)}to{transform:scale(1.12)}}@media (prefers-reduced-motion:reduce){.sent-play.playing{animation:none}}.sent-body{flex:1;min-width:0}.sent-zh{font-size:22px}.sent-en-box{margin-top:2px}.sent-en-box summary{cursor:pointer;min-height:44px;color:var(--brand);font-family:var(--font-body);letter-spacing:.02em;align-items:center;font-size:13.5px;font-weight:700;list-style:none;display:inline-flex}.sent-en-box summary::-webkit-details-marker{display:none}.sent-en-box summary:after{content:"▾";margin-left:6px}.sent-en-box[open] summary:after{content:"▴"}.sent-en{color:var(--muted);margin-top:4px;font-size:16px}.sent-head{justify-content:space-between;align-items:center;gap:var(--s3);flex-wrap:wrap;display:flex}.sent-py{color:var(--brand);margin-top:2px;font-size:17px}section.examples .toggle{background:var(--chip-sky);color:var(--ink);border-radius:var(--radius-pill);cursor:pointer;min-height:44px;font-size:14px;font-weight:600;font-family:var(--font-body);border:none;padding:10px 16px}section.examples .toggle[aria-pressed=false]{background:var(--surface);color:var(--muted);box-shadow:var(--shadow-soft)}body.py-off .sent-py{display:none}.wordnav{justify-content:space-between;gap:var(--s3);display:flex}.wn{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);padding:var(--s3) var(--s4);flex-direction:column;min-width:128px;min-height:44px;text-decoration:none;display:flex}.wn-empty{visibility:hidden}.wn-next{text-align:right}.wn-dir{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:13px}.wn-han{color:var(--ink);font-size:22px}.wn-py{color:var(--brand);font-size:14px}@media (prefers-reduced-motion:reduce){.quiz-cheer.pop{animation:none}}.pill-tag-sec{opacity:.72;font-style:italic}@media (width>=1100px){.wrap{--split:1;column-gap:var(--s5);grid-template-columns:minmax(0,460px) minmax(0,1fr);align-items:start;max-width:1120px;display:grid}.wrap>.crumbbar{grid-area:1/1/auto/-1}.wrap>.wordcard{grid-area:2/1}.wrap>.strokes{grid-area:3/1}.wrap>.examples{grid-area:2/2}.wrap>.extras{grid-area:3/2}.wrap>.family{grid-area:4/2}.wrap>.proline{grid-area:5/1/auto/-1}.wrap>.wordnav{grid-area:6/1/auto/-1}.wrap>footer{grid-area:7/1/auto/-1}}