.word-list.word-list{margin:0;padding:0;list-style:none}.word-list .word-row+.word-row{border-top:1px solid var(--border)}.word-list .word-row{align-items:center;gap:4px;display:flex}.word-list .word-open{min-height:60px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:8px;flex:1;grid-template-columns:auto 1fr;grid-template-areas:"text pinyin""tr tr";align-items:baseline;column-gap:12px;margin:0;padding:6px 8px;line-height:1.3;text-decoration:none;display:grid}.word-list .with-picture .word-open{grid-template-columns:48px auto 1fr;grid-template-areas:"pic text pinyin""pic tr tr";align-items:center}.word-list .word-open:hover{background:var(--surface-2,var(--border))}.word-list .word-picture{grid-area:pic}.word-list .word-row-text{grid-area:text;font-size:1.25rem}.word-list .word-row-pinyin{color:var(--muted);grid-area:pinyin}.word-list .word-row-translation{color:var(--muted);grid-area:tr;font-size:.9rem}.hide-phonetic .word-row-pinyin.word-row-pinyin{display:none}.word-list .word-play-button,.word-card .word-play-button{width:44px;min-width:44px;height:44px;min-height:44px;color:var(--accent);background:0 0;border:0;border-radius:8px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.word-list .word-play-button svg,.word-card .word-play-button svg{width:22px;height:22px}.word-card.word-card{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.word-card .word-card-position{color:var(--muted);margin:0;font-size:.85rem}.word-card .word-picture{margin:4px 0}.word-card:not(.compact){padding-bottom:10px}.word-card .word-card-text{font-size:3.5rem;line-height:1.15}.word-card .word-card-sound{justify-content:center;align-items:center;gap:4px;display:flex}.word-card p{margin:0}.word-card .word-card-pinyin{color:var(--muted);font-size:1.2rem}.word-card .word-card-translation{margin-top:12px;font-size:1.1rem;font-weight:600}.word-card .word-card-note{max-width:32rem;color:var(--muted);margin-top:6px}.word-card .word-card-example{border-left:3px solid var(--accent);text-align:left;width:100%;max-width:32rem;margin-top:10px;padding:6px 12px}.word-card:not(.compact) .word-card-sound .word-play-button{width:52px;min-width:52px;height:52px;min-height:52px}.word-card:not(.compact) .word-card-sound .word-play-button svg{width:30px;height:30px}.word-card .word-card-example .word-play-button{vertical-align:middle}.word-card .word-card-example-pinyin{color:var(--muted);font-size:.9rem}.word-card .word-card-nav{justify-content:space-between;align-self:stretch;align-items:center;gap:8px;margin-bottom:8px;display:flex}.word-card .word-card-step{border:1px solid var(--border);min-width:96px;min-height:44px;color:var(--text);background:0 0;border-radius:8px;padding:6px 14px}.word-card .word-card-step:disabled{opacity:.45}.word-list .word-open:focus-visible,.word-list .word-play-button:focus-visible,.word-card button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.word-card.compact{border:1px solid var(--border);background:var(--surface);text-align:left;border-radius:10px;grid-template-columns:auto auto 1fr;align-items:baseline;column-gap:.6rem;padding:.6rem 1rem .75rem;display:grid}.word-card.compact .word-card-text{font-size:1.5rem}.word-card.compact .word-card-pinyin{font-size:1rem}.word-card.compact .word-card-translation{margin-top:0;font-size:1rem}.word-card.compact .word-card-sound{justify-content:flex-start}.word-card.compact .word-picture,.word-card.compact .word-card-note,.word-card.compact .word-card-example{grid-column:1/-1}.word-card.compact .word-card-note{max-width:none;margin-top:.25rem}.word-card.compact .word-card-example{max-width:none;margin-top:.5rem}.word-cards .word-card.compact+.word-card.compact{margin-top:.5rem}@media (max-width:480px){.word-card.compact{grid-template-columns:auto 1fr}.word-card.compact .word-card-translation{grid-column:1/-1}}