.typing-entry{margin-top:10px;background:var(--gold);}
  .typing-entry:disabled{background:var(--line);color:var(--sub);cursor:default;box-shadow:none;}
  .typing-summary{font-size:12px;color:var(--sub);text-align:center;margin-top:5px;}
  .typing-top{display:flex;align-items:center;gap:10px;margin-bottom:10px;color:var(--sub);font-size:13px;}
  .typing-top .prog{min-width:0;}
  .typing-panel{overflow:hidden;}
  .typing-stage{display:inline-block;border-radius:999px;background:var(--gold);color:#fff;
    font-size:13px;font-weight:800;padding:3px 12px;margin:0 auto 12px;}
  .typing-prompt{text-align:center;color:var(--sub);font-size:13px;margin-bottom:10px;}
  .typing-word{text-align:center;font-size:36px;font-weight:900;line-height:1.25;overflow-wrap:anywhere;}
  .typing-ipa{text-align:center;color:var(--sub);margin-top:4px;}
  .typing-context{text-align:center;margin-bottom:12px;overflow-wrap:anywhere;}
  .typing-context .meaning{font-size:19px;font-weight:700;}
  .typing-context .cloze{margin-top:8px;background:var(--bg);border:1px dashed var(--line);border-radius:10px;padding:9px 12px;}
  .typing-context .cn{color:var(--sub);font-size:13px;margin-top:4px;}
  .typing-audio{text-align:center;margin-bottom:10px;}
  .typing-audio .spk{margin-top:0;}
  .typing-feedback{min-height:30px;text-align:center;margin-top:8px;overflow-wrap:anywhere;}
  .typing-feedback .answer{color:var(--red);font-size:14px;font-weight:800;margin-bottom:5px;}
  .typing-diff{display:flex;justify-content:center;flex-wrap:wrap;gap:2px;font:700 20px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;}
  .typing-char{min-width:.7em;border-radius:4px;padding:0 1px;}
  .typing-char[data-status="correct"]{color:var(--jade);}
  .typing-char[data-status="wrong"]{color:var(--red);animation:typing-shake .18s linear 1;}
  .typing-char[data-status="missing"]{color:var(--red);border-bottom:2px solid var(--red);opacity:.65;}
  .typing-evidence{padding:20px;}
  .typing-evidence-head{text-align:center;margin-bottom:16px;}
  .typing-evidence-head .big{font-size:48px;line-height:1.2;}
  .typing-evidence-head h2{margin:6px 0 2px;}
  .typing-evidence-head p{color:var(--sub);font-size:13px;}
  .evidence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
  .evidence-item{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:10px;min-width:0;}
  .evidence-item .label{display:block;color:var(--sub);font-size:12px;}
  .evidence-item .value{display:block;font-size:17px;font-weight:800;overflow-wrap:anywhere;}
  .evidence-note{margin-top:12px;border-radius:12px;padding:10px 12px;background:var(--bg);font-size:13px;}
  .evidence-actions{display:flex;gap:9px;margin-top:14px;}
  .evidence-actions .bigbtn{font-size:15px;padding:11px;}
  .typing-copy{margin-top:12px;}
  .typing-copy textarea{display:block;width:100%;min-height:150px;resize:vertical;border:1px solid var(--line);
    border-radius:10px;background:var(--bg);color:var(--ink);padding:10px;font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;}
  .typing-copy .hint{color:var(--red);font-size:13px;margin-top:6px;}
  @media(max-width:430px){.evidence-actions{flex-direction:column;}.typing-evidence{padding:16px 12px;}}
  @keyframes typing-shake{25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}

#v-typing { --sub: #645b51; }
#v-typing .panel { background:var(--card, #fff); border:1px solid var(--line); border-radius:14px; padding:20px; box-shadow:none; }
#v-typing .typing-panel { min-height:0; }
#v-typing .typing-audio .spk { margin:0 auto; }
#v-typing .typing-top .prog { flex:1; height:6px; background:var(--line); border-radius:3px; overflow:hidden; }
#v-typing .typing-top .prog i { display:block; height:100%; background:var(--jade); }
#v-typing .spell-in::placeholder { color:var(--sub); opacity:1; }
#v-typing input { width:100%; box-sizing:border-box; }
#v-typing .typing-word, #v-typing .meaning, #v-typing .cloze { overflow-wrap:anywhere; }
#v-typing button { min-height:44px; cursor:pointer; }
#v-typing .smallbtn, #typingEntryExtras .smallbtn { border:1px solid var(--line); background:var(--bg); color:var(--ink); border-radius:8px; padding:8px 12px; font:inherit; }
#v-typing .typing-stage { background:var(--ink); color:var(--card, #fff); }
#v-typing .typing-char[data-status="wrong"] { text-decoration:underline wavy; }
#v-typing .typing-char[data-status="missing"] { opacity:1; }
@media(prefers-reduced-motion:reduce) { #v-typing *, #v-typing *::before, #v-typing *::after { animation:none!important; transition:none!important; } }
#v-typing :focus-visible, #typingEntryExtras :focus-visible { outline:3px solid var(--navy); outline-offset:3px; }
#typingEntryExtras { line-height:1.7; color:var(--ink); }
#typingEntryExtras label { display:block; padding:8px 0; }
#typingEntryExtras input { margin-right:6px; }
#v-typing #typingSilent { display:block; margin:16px auto 0; }
@media(prefers-color-scheme:dark) { #v-typing { --sub:#ccc1b5; } }