.character-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:12px;margin:14px 0 0}
.character-filters label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:11px;min-width:0}
.character-filters select{min-height:44px;width:100%;min-width:0;padding:10px 12px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:9px;font-size:12px;box-sizing:border-box}
.character-filters>.text-button{min-height:44px;padding:10px 6px;color:var(--accent);font-size:12px}
.character-results-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:11px;margin:14px 0 22px;line-height:1.7}
.character-results-meta p{margin:0;color:var(--ink);font-weight:650;font-variant-numeric:tabular-nums}
.character-results-meta>span{font-size:10px}
.character-empty{grid-column:1/-1;border:1px solid var(--line);border-radius:14px;padding:26px;text-align:center;background:#fff}
.character-empty p{font-size:13px;line-height:1.8;margin:0 0 10px;color:var(--muted)}
.character-empty .outline-button{margin-top:8px;min-height:44px}
.character-sentence{padding:22px 24px;margin-top:20px;border:1px solid var(--line);border-radius:16px;background:#fff}
.character-sentence-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.character-sentence-heading h2{font-size:17px;line-height:1.6;margin:6px 0 0;color:var(--ink)}
.character-sentence-heading .eyebrow{font-size:9px;letter-spacing:.8px}
.character-sentence-heading .study-audio{margin:0;display:flex;gap:7px;flex-wrap:wrap}
.character-sentence-heading button{min-height:44px;padding:10px 12px;font-size:12px}
.character-sentence .character-example-zh{font:400 27px/1.8 QilinHanzi,sans-serif;color:var(--ink);margin:20px 0 7px;overflow-wrap:anywhere}
.character-example-zh mark{background:var(--accent-soft);color:var(--accent);border-radius:4px;padding:0 2px}
.character-example-pinyin{font-size:13px;line-height:1.9;color:var(--muted);margin:0 0 10px;overflow-wrap:anywhere}
.character-example-kk{font-size:14px;line-height:1.8;color:var(--ink);margin:0}
@media(max-width:650px){.character-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.character-filters>.text-button{grid-column:1/-1;justify-self:end;padding:3px 0;min-height:36px}.character-results-meta{margin:7px 0 18px;gap:5px}.character-results-meta>span{width:100%}.character-sentence{padding:17px}.character-sentence-heading{gap:13px}.character-sentence-heading h2{font-size:16px}.character-sentence .character-example-zh{font-size:24px;margin-top:15px}.character-example-pinyin{font-size:12px}.character-sentence-heading button{font-size:11px;padding:9px 11px}}
@media(max-width:360px){.character-filters{grid-template-columns:1fr}.character-filters select{font-size:12px}.character-sentence .character-example-zh{font-size:22px}}