:root{--bg:#f4f6f2;--ink:#153a36;--muted:#617670;--line:#d9e3da;--green:#28675b;--orange:#935f2e}*{box-sizing:border-box}body{margin:0;font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--ink)}button,input,select{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);border-radius:10px;background:#fff;padding:9px 13px}button:hover{background:#eef6ef}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #68aa98;outline-offset:2px}a{color:#28675b}header,main{max-width:1120px;margin:auto;padding:20px 22px}header{display:flex;gap:16px;justify-content:space-between;align-items:center}h1{font-size:28px;margin:4px 0}p{margin:0 0 10px}small,.small{font-size:13px;color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:.17em;color:var(--muted)}.card{background:white;border:1px solid var(--line);border-radius:18px;margin-bottom:18px;overflow:hidden}.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid var(--line)}.toolbar select,.toolbar input{max-width:100%;border:1px solid var(--line);border-radius:9px;padding:8px;background:#fff}.toolbar .grow{flex:1}.active-choice{background:#e5f2e8;font-weight:700;border-color:#8bb9a1}.player{padding:16px 20px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}#chosen{font-size:28px;font-weight:700;line-height:1.3;overflow-wrap:anywhere}.message{font-size:13px;color:var(--muted);margin-top:6px;overflow-wrap:anywhere}.message.warn{color:var(--orange)}.audio-row{display:flex;gap:10px;flex-wrap:wrap;grid-column:1/-1;align-items:center}.audio-row input{flex:1 1 130px;accent-color:var(--green);min-width:80px}#clock{min-width:125px;font-variant-numeric:tabular-nums;font-size:13px}.primary{background:var(--green);color:white;border:0}.primary:hover{background:#1d4e43}.scroll{overflow:auto;padding:14px;background:#eef2ee;max-height:73vh;overscroll-behavior:contain}.word-page{position:relative;margin:0 auto;background:white;min-width:280px}.word-page>img{display:block;width:100%;height:auto}.section-hit{position:absolute;z-index:1;border:1px solid #90b6a2;background:transparent;border-radius:5px;padding:0;text-align:left}.section-hit:hover{background:rgba(47,123,99,.045)}.section-hit>span{position:absolute;top:0;left:0;color:#fff;background:#32675b;padding:2px 6px;font-size:12px;border-radius:0 0 5px 0}.caption{padding:10px 16px;font-size:13px;color:var(--muted)}.cards{padding:10px 16px 20px}.word-row{margin:12px 0;padding:10px 0;border-top:1px solid #edf1ed}.row-title{font-size:12px;color:var(--muted);margin-bottom:6px}.word-list{display:flex;gap:8px;flex-wrap:wrap}.word-chip{min-height:44px;font-size:19px;line-height:1.3;padding:10px 14px}.word-chip.word-selected,.word-chip.unit-selected{background:#fff2ca;border-color:#bb922d}.word-chip.word-review,.word-chip.unit-review{border-bottom:2px dashed #ad7649}.footer{font-size:13px;color:var(--muted);padding:0 6px 90px}.bottom-dock{position:sticky;bottom:0;display:flex;gap:8px;padding:10px 18px calc(10px + env(safe-area-inset-bottom));background:rgba(248,250,246,.97);border-top:1px solid var(--line);justify-content:center}.bottom-dock button{min-height:44px;flex:1;max-width:240px}.test-only{display:none}#empty[hidden]{display:none}@media(max-width:640px){header,main{padding:14px 12px}header{align-items:flex-start}h1{font-size:23px}.player{padding:12px;grid-template-columns:1fr}#chosen{font-size:26px}.scroll{padding:7px;max-height:56vh}.toolbar{padding:10px;gap:7px}.toolbar button{padding:8px 10px;font-size:13px}.toolbar select{font-size:14px}.word-chip{font-size:18px}.toolbar label{font-size:13px}.card{border-radius:14px}#clock{min-width:102px;font-size:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Small-screen controls do not squeeze counts into vertical single characters. */
#backLink{flex-shrink:0;white-space:nowrap}#unitCount{white-space:nowrap;flex:1 0 auto}.toolbar #filter{min-width:0;flex:1 1 230px}#openTrainer{background:#28675b;color:white}.match-panel{scroll-margin-top:18px}
@media(max-width:640px){.toolbar #filter{flex-basis:100%;width:100%}#unitCount{flex:1 0 auto;text-align:right}.bottom-dock{gap:5px;padding-left:9px;padding-right:9px}.bottom-dock button{font-size:13px;padding:10px 6px}.eyebrow{letter-spacing:.1em}#backLink{font-size:13px}.match-panel h2{font-size:21px}}