.on-tap_hub__thPKh{max-width:720px;margin:var(--s5) auto;padding:0 var(--s4)}.on-tap_topBar__Q9vi5{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s5);padding-bottom:var(--s3);border-bottom:var(--line)}.on-tap_progressTrack__s9gTf{flex:1 1;max-width:240px;height:6px;background:var(--paper-sunk);border:1px solid var(--rule-firm);border-radius:var(--radius);overflow:hidden;margin-right:var(--s4)}.on-tap_progressBar__9ilPZ{height:100%;background:var(--ink);transition:width var(--dur) var(--ease)}.on-tap_topMeta___u2E1{display:flex;align-items:center;gap:var(--s3);font-size:var(--t-small);color:var(--ink-soft)}.on-tap_card__BFZS2{padding:var(--s7) var(--s5);min-height:380px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease)}.on-tap_kindBadge__ctlj6{position:absolute;top:var(--s4);left:var(--s4);font-size:var(--t-caption);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint);background:var(--paper-sunk);padding:2px var(--s2);border-radius:var(--radius);border:1px solid var(--rule)}.on-tap_askPrompt__gq2dm{font-size:var(--t-small);color:var(--ink-soft);margin-bottom:var(--s4)}.on-tap_hanziBig__NYrGf{font-size:var(--t-hanzi);line-height:1.1;color:var(--ink);margin-bottom:var(--s3)}.on-tap_pinyin__Gm4rS{font-family:var(--font-mono);font-size:var(--t-lead);color:var(--ink-soft);margin-bottom:var(--s2)}.on-tap_hanviet__omaSI{font-size:var(--t-small);color:var(--ink-faint);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--s4)}.on-tap_nghia__L82tK{font-size:var(--t-lead);font-weight:500;color:var(--ink);max-width:32ch;margin:var(--s3) 0}.on-tap_flipBtn__TNs_B{margin-top:var(--s6);padding:var(--s3) var(--s6);background:var(--ink);color:var(--paper);border:none;border-radius:9999px;font-size:var(--t-body);font-weight:500;cursor:pointer;transition:opacity var(--dur) var(--ease)}.on-tap_flipBtn__TNs_B:hover{opacity:.9}.on-tap_gradesRow__9cUK2{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--s2);gap:var(--s2);width:100%;margin-top:var(--s6)}.on-tap_gradeBtn__EKkH6{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--s3) var(--s2);background:var(--paper);border:1px solid var(--rule-firm);border-radius:var(--radius);cursor:pointer;transition:all var(--dur) var(--ease)}.on-tap_gradeBtn__EKkH6:hover{border-color:var(--ink);background:var(--paper-sunk)}.on-tap_gradeLabel__K4ujW{font-size:var(--t-small);font-weight:600;color:var(--ink)}.on-tap_gradeTime__4OdLe{font-size:var(--t-caption);color:var(--ink-soft);margin-top:2px}.on-tap_again__7flCT{border-color:var(--brick)}.on-tap_again__7flCT:hover{background:var(--brick-wash)}.on-tap_hard__ghp_W{border-color:var(--ochre)}.on-tap_hard__ghp_W:hover{background:var(--ochre-wash)}.on-tap_good__RLku2{border-color:var(--jade)}.on-tap_good__RLku2:hover{background:var(--jade-wash)}.on-tap_easy__T2RjT{border-color:var(--ink-soft)}.on-tap_listenChoices__s0Jis{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--s3);gap:var(--s3);width:100%;max-width:440px;margin-top:var(--s5)}.on-tap_listenBtn__echI3{padding:var(--s4);background:var(--paper);border:1px solid var(--rule-firm);border-radius:var(--radius);font-size:var(--t-lead);font-weight:600;color:var(--ink);cursor:pointer;transition:all var(--dur) var(--ease)}.on-tap_listenBtn__echI3:hover{border-color:var(--ink);background:var(--paper-sunk)}.on-tap_doneBox__FnHeF{text-align:center;padding:var(--s7) var(--s5)}.on-tap_doneTitle__UIv52{font-family:var(--font-display);font-size:var(--t-h2);font-weight:600;color:var(--ink);margin-bottom:var(--s3)}.on-tap_streakHero__ZIo_2{display:inline-flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s4);background:var(--ochre-wash);border:1px solid var(--ochre);border-radius:9999px;font-size:var(--t-lead);font-weight:600;color:var(--ochre);margin:var(--s4) 0}.on-tap_statsGrid__OjHrh{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--s3);gap:var(--s3);margin:var(--s5) 0}.on-tap_statCard__B761J{padding:var(--s4);background:var(--paper);border:1px solid var(--rule-firm);border-radius:var(--radius)}.on-tap_statNum__z_g3r{font-family:var(--font-display);font-size:var(--t-h3);font-weight:600;color:var(--ink)}.on-tap_statText__V4qV0{font-size:var(--t-caption);color:var(--ink-soft);margin-top:2px}.on-tap_doneActions__SBdZM{display:flex;gap:var(--s3);justify-content:center;margin-top:var(--s6)}.on-tap_filterBar__X1Wl3{display:flex;gap:var(--s2);flex-wrap:wrap;margin-bottom:var(--s4)}.on-tap_filterBtn__Wq5yF{padding:var(--s2) var(--s3);font-size:var(--t-caption);background:var(--paper-sunk);border:1px solid var(--rule-firm);border-radius:var(--radius);color:var(--ink-soft);cursor:pointer;transition:all var(--dur) var(--ease)}.on-tap_filterBtn__Wq5yF:hover{border-color:var(--ink);color:var(--ink)}.on-tap_filterBtnActive__vHllm{background:var(--ink);color:var(--paper);border-color:var(--ink);font-weight:500}.on-tap_keyHint__Epuvn{display:inline-block;font-family:var(--font-mono);font-size:10px;padding:1px 4px;border-radius:3px;background:var(--paper-sunk);border:1px solid var(--rule);color:var(--ink-faint);margin-left:4px}@media (max-width:600px){.on-tap_gradesRow__9cUK2{grid-template-columns:1fr 1fr;gap:var(--s2)}.on-tap_statsGrid__OjHrh{grid-template-columns:1fr}}