.lesson-steps{display:flex;align-items:center;gap:10px;padding:22px 30px 0;color:#889ab5;font-size:12px}.lesson-steps span{white-space:nowrap}.lesson-steps .current{color:#2862f5;font-weight:700}.lesson-steps i{height:1px;flex:1;background:#e2ebfb}.first-word{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 28px}.first-word h2{font-size:44px;color:#2458ce;letter-spacing:-1px;line-height:1.2;margin:10px 0 0;overflow-wrap:anywhere}.first-word .eyebrow{font-size:11px;letter-spacing:.2px}.first-word .sound-button{width:56px;height:56px;flex-shrink:0;border:0;box-shadow:none;margin:0}.first-meanings{padding:22px 24px;background:#f1f6ff;border-radius:18px;margin-bottom:26px}.first-meanings .eyebrow{font-size:10px;letter-spacing:.5px}.first-meanings p{font-size:24px;color:#254e86;line-height:1.5;font-weight:600;margin:12px 0!important;font-family:inherit}.first-chinese{color:#637fa6;font-size:17px;line-height:1.7}.recognition-card .example{margin:0 0 26px}.recognition-card .example strong{color:#2862f5}.gentle-note,.choice-help{color:#8294af;font-size:12px;line-height:1.9}.first-continue{width:100%;margin-top:12px}.choice-prompt{font-size:19px;margin:0 0 6px;color:#294971}.choice-help{margin:0 0 20px}.meaning-choices{display:grid;gap:12px}.meaning-choice{padding:17px 18px;border:1px solid #e0e9f8;border-radius:14px;background:#fff;display:flex;align-items:center;gap:13px;text-align:left;color:#3f5b83;font-size:16px;line-height:1.6;min-height:65px}.meaning-choice:not(:disabled):hover{background:#f1f6ff;border-color:#8db2ff}.choice-letter{display:grid;place-items:center;font-size:12px;font-weight:700;border-radius:10px;width:31px;height:31px;background:#f1f5fc;color:#829ac0;flex-shrink:0}.meaning-choice:disabled{cursor:default;opacity:1}.meaning-choice.is-correct{border-color:#699afb;background:#edf4ff;color:#245ed7}.meaning-choice.is-correct .choice-letter{background:#2862f5;color:#fff}.meaning-choice.is-wrong{border-color:#e9b6a8;background:#fff5f1;color:#a86150}.choice-mark{display:flex;align-items:center;gap:4px;margin-left:auto;font-size:10px;white-space:nowrap}.recognition-tools{display:flex;justify-content:space-between;margin:22px 0 4px}.recognition-card .feedback{margin-top:24px}.recognition-card .feedback .first-meanings{background:transparent;padding:5px 0 0;margin-bottom:15px}.recognition-card .feedback .first-meanings p{font-size:20px}.learning-path ol{list-style:none;padding:0;counter-reset:steps}.learning-path li{counter-increment:steps;position:relative;padding:4px 0 13px 35px}.learning-path li:before{content:counter(steps);position:absolute;left:0;top:3px;width:23px;height:23px;border-radius:50%;background:#edf4ff;color:#3977f3;display:grid;place-items:center;font-size:11px}.learning-path strong{font-size:13px;color:#557cad}.learning-path p{font-size:12px;line-height:1.8;color:#8c9fba;margin:7px 0}.mode-tabs{flex-wrap:wrap}.detail-progress{grid-template-columns:repeat(2,minmax(0,1fr))}.training-section .section-heading{gap:12px;flex-wrap:wrap}.training-section .section-heading .muted{white-space:normal}.recognition-card .question-content{padding-top:26px}
@media(max-width:650px){.lesson-steps{padding:21px 20px 0;gap:8px;font-size:10px}.first-word h2{font-size:36px}.first-word{margin-bottom:24px}.first-word .sound-button{width:47px;height:47px}.first-meanings{padding:19px;margin-bottom:23px}.first-meanings p{font-size:22px}.first-chinese{font-size:16px}.meaning-choice{font-size:15px;padding:15px 12px;gap:10px}.choice-mark{font-size:9px}.choice-letter{width:27px;height:27px}.recognition-card .feedback .first-meanings p{font-size:18px}.recognition-card .feedback-actions{gap:12px}.recognition-tools .text-btn{font-size:12px}.training-section .section-heading .muted{font-size:10px}.mode-tabs button{flex:1 1 42%;justify-content:center}}
.word-illustration{margin:0 0 25px}.word-illustration svg{display:block;width:100%;max-height:185px;border-radius:15px;background:#f3f7fe}.word-illustration figcaption{font-size:12px;line-height:1.8;color:#7c92b0;margin-top:10px}.word-illustration figcaption>span{color:#4f80c7;background:#edf4ff;padding:3px 6px;border-radius:5px;font-size:10px;margin-right:8px}.recognition-card .feedback .word-illustration{margin:17px 0}@media(max-width:650px){.word-illustration svg{max-height:145px}.word-illustration figcaption{font-size:11px}}
.exam-plan{margin:24px 0;padding:24px;background:#f1f7ff;border:1px solid #dceafb;border-radius:20px;color:#24446b}.exam-plan-head{display:flex;justify-content:space-between;align-items:center;gap:18px}.exam-plan h2{font-size:24px;margin:7px 0 0}.plan-total{text-align:right;white-space:nowrap;font-size:14px;color:#60758f}.plan-total strong{font-size:28px;color:#2479de}.plan-total small{display:block;font-size:12px;margin-top:4px}.plan-stages{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0 14px}.plan-stages>div{padding:14px;background:#fff;border-radius:12px}.plan-stages strong,.plan-stages span{display:block}.plan-stages strong{font-size:13px;color:#277bdf}.plan-stages span{font-size:13px;margin-top:7px;line-height:1.7}.exam-plan>p{line-height:1.8;font-size:14px}.exam-plan>small{display:block;font-size:12px;line-height:1.7;color:#6a7f99}.exam-plan>a{display:inline-block;margin-top:12px;font-size:12px;color:#277bdf}.footnote a{color:#277bdf}@media(max-width:600px){.exam-plan{padding:18px;margin:16px 0}.exam-plan h2{font-size:21px}.plan-stages{grid-template-columns:1fr;gap:8px;margin-top:18px}.plan-total strong{font-size:24px}}
.memory-plan{margin:24px 0;padding:24px;background:#fff;border:1px solid #dceafb;border-radius:20px}.memory-plan h2{font-size:22px;margin:0}.memory-plan>p{font-size:14px;line-height:1.8;color:#64758b}.memory-badge{padding:5px 10px;border-radius:20px;background:#eaf3ff;color:#2276d1;font-size:12px;white-space:nowrap}.memory-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.memory-counts>div{padding:14px;background:#f5f9ff;border-radius:12px}.memory-counts strong{font-size:28px;color:#267add}.memory-counts small{font-size:13px;color:#8a99ab}.memory-counts span{display:block;font-size:12px;line-height:1.7;margin-top:7px;color:#65778f}.memory-note{padding:12px 14px;background:#f1f7ff;border-radius:10px}.memory-plan>small{display:block;font-size:12px;line-height:1.8;color:#7c8fa6;margin-top:14px}.memory-plan .summary-actions{justify-content:flex-start;margin-top:18px}@media(max-width:600px){.memory-plan{padding:18px;margin:16px 0}.memory-plan h2{font-size:20px}.memory-counts{gap:7px}.memory-counts>div{padding:12px 8px}.memory-counts strong{font-size:24px}.memory-plan .summary-actions{flex-wrap:wrap}.memory-plan .section-heading{flex-wrap:wrap;gap:8px}}

.english-choices{margin:22px 0}.english-choices [lang=en]{font-size:21px;font-weight:650;overflow-wrap:anywhere}.english-choices .inspectable{cursor:pointer}.english-choices .inspectable:hover{background:#ffede5;border-color:#cb806c}.word-choice-card .feedback{margin-top:24px}.quick-meaning .quick-zh{font-size:20px;color:#294971;line-height:1.7}.quick-meaning p{line-height:1.8;overflow-wrap:anywhere}.guess-context{margin-bottom:24px}.recognition-tools{gap:15px;flex-wrap:wrap}.meaning-choice:focus-visible{outline:3px solid #2862f5;outline-offset:3px}@media(max-width:650px){.english-choices [lang=en]{font-size:18px}.english-choices .choice-mark{max-width:96px;white-space:normal}.word-choice-card .definition{font-size:24px}.word-choice-card .feedback-actions{flex-wrap:wrap}}

.recognition-card .question-content{scroll-margin-top:72px}.inline-meaning{outline:none}.inline-meaning .feedback-title{color:#2862f5;margin-bottom:18px}.inline-meaning.wrong .feedback-title{color:#ac644d}.inline-meaning .first-meanings{margin:0 0 16px;padding:18px 20px}.inline-meaning .first-meanings p{font-size:22px;margin:8px 0!important}.inline-meaning .first-chinese{font-size:19px;color:#244976;font-weight:600}.inline-association{margin:0 0 18px;color:#7087a5;font-size:13px;line-height:1.8}.inline-association>span{color:#3978d0;margin-right:9px}.guess-correction{color:#a06c5c;font-size:13px;line-height:1.6;margin:0 0 14px}.inline-meaning .example{margin-bottom:12px}.recognition-stage>.feedback-actions{margin-top:18px}@media(max-width:650px){.inline-meaning .first-meanings{padding:15px 17px}.inline-meaning .first-meanings p{font-size:20px}.inline-meaning .first-chinese{font-size:18px}.inline-association{font-size:12px}.recognition-stage>.feedback-actions{flex-wrap:wrap;gap:12px}.inline-meaning .example p{font-size:15px;line-height:1.7}}

.recognition-intro{margin:0 0 18px;padding:18px 20px;border-radius:16px;background:#f1f6ff}.recognition-intro .eyebrow{font-size:10px;letter-spacing:.2px;color:#6389bd}.recognition-intro p{font-size:23px;font-weight:600;color:#254e86;line-height:1.5;margin:9px 0 0;overflow-wrap:anywhere}@media(max-width:650px){.recognition-intro{padding:15px 17px;margin-bottom:15px}.recognition-intro p{font-size:20px}.recognition-stage .word-illustration svg{max-height:120px}}

/* One group, progressively less support across a complete learning round. */
.round-path{background:#fff;border:1px solid #dce8fb;border-radius:20px;padding:18px 22px;margin-bottom:24px;color:#244c83}
.round-path>div{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.round-path>div span{font-size:13px;color:#7388a8}
.round-path ol{list-style:none;display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:16px 0 0;padding:0}
.round-path li{font-size:13px;color:#7d8ca4;display:flex;align-items:center;gap:6px}.round-path b{display:grid;place-items:center;flex-shrink:0;width:24px;height:24px;background:#f0f4fa;border-radius:50%}
.round-path .current{color:#2460df;font-weight:700}.round-path .current b{color:white;background:#3168f4}.round-path .done{color:#416d96}.round-path .done b{background:#e7f0ff}
.partial-word{font:700 clamp(22px,4vw,34px)/1.7 ui-monospace,monospace;color:#235ee1;background:#eff5ff;border-radius:16px;padding:18px 20px;margin-top:20px;overflow-wrap:anywhere}
.round-results{max-width:500px;margin:24px auto;text-align:left}.round-results>div{display:flex;justify-content:space-between;gap:20px;padding:12px;border-bottom:1px solid #e7effa}.round-results strong{color:#2d62d3}
@media(max-width:760px){.round-path{padding:14px;margin-bottom:20px;border-radius:16px}.round-path ol{grid-template-columns:repeat(3,1fr);gap:10px 4px}.round-path li{font-size:12px}.round-path b{width:20px;height:20px}.round-path>div{gap:4px}.round-path>div span{font-size:12px}.summary-stats strong{font-size:28px}.partial-word{padding:14px}}

/* The learning sequence stays in the session, while every task uses one quiet card. */
.study-layout.focused-study{display:block;max-width:760px;margin:0 auto}
.focused-study .card-toolbar{align-items:center;padding:18px 28px;border-bottom:1px solid #edf2fa}
.focused-study .card-toolbar .text-btn{font-size:13px}
.focused-study .question-content{padding-top:28px}
.recognition-tools{justify-content:flex-end}
.choice-help:empty{display:none}
@media(max-width:650px){.focused-study .card-toolbar{padding:16px 20px}.focused-study .question-content{padding-top:22px}}

.word-info{margin:20px 0 12px;text-align:left;color:#294971}.word-info-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:5px;background:#eef4ff;border-radius:13px;margin-bottom:16px}.word-info-tabs button{border:0;background:transparent;border-radius:9px;padding:10px 6px;font:inherit;font-size:14px;color:#7389a9;cursor:pointer}.word-info-tabs button.active{background:#fff;color:#245ed7;font-weight:700;box-shadow:0 2px 6px #2b63bb12}.word-info-tabs button:focus-visible{outline:2px solid #3977ed;outline-offset:2px}.word-info-content{min-height:140px}.word-info-content h3{font-size:14px;margin:18px 0 12px;color:#6e85a5}.word-info-content .first-meanings{margin-bottom:12px}.word-forms{margin:0}.word-forms>div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #e8effa;padding:10px 0}.word-forms dt{font-size:13px;color:#788ba6}.word-forms dd{margin:0;font-weight:600;overflow-wrap:anywhere;text-align:right}.word-relations,.word-phrases{list-style:none;margin:0;padding:0}.word-relations li,.word-phrases li{display:flex;flex-direction:column;gap:7px;padding:12px 0;border-bottom:1px solid #e8effa}.word-relations strong,.word-phrases strong{font-size:17px;color:#2b5faa;overflow-wrap:anywhere}.word-relations span,.word-phrases span{font-size:14px;line-height:1.65;color:#7487a2}.word-examples{padding-left:22px;margin:0}.word-examples li{padding:0 0 15px 5px}.word-examples p{font-size:17px;line-height:1.75;margin:4px 0!important}.word-examples .example-translation{font-size:14px;color:#778ca8}.word-info-empty{color:#8394ac;font-size:14px;line-height:1.8;padding:14px 0}.detail-study-record{margin:22px 0;color:#6f85a4}.detail-study-record summary{cursor:pointer;font-size:14px}.word-info-content .inline-association{font-size:13px}
@media(max-width:650px){.word-info-tabs button{font-size:13px;padding:10px 4px}.word-forms dd{max-width:65%;font-size:15px}.word-info-content .first-meanings p{font-size:20px}.word-examples p{font-size:16px}}

/* Keep wheel, touch and keyboard scrolling; hide only the visible scrollbar. */
html,body,#modal,.word-info-content{scrollbar-width:none;-ms-overflow-style:none}
html::-webkit-scrollbar,body::-webkit-scrollbar,#modal::-webkit-scrollbar,.word-info-content::-webkit-scrollbar{display:none;width:0;height:0}
.book-selector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 24px}.book-selector button{border:1px solid #dbe5fc;border-radius:18px;background:#fff;color:#627da8;padding:17px 20px;text-align:left;cursor:pointer;min-width:0}.book-selector strong,.book-selector span{display:block}.book-selector strong{font-size:17px;margin-bottom:6px}.book-selector span{font-size:12px;line-height:1.5}.book-selector button.active{border-color:#4274ff;background:#edf3ff;color:#2454d7;box-shadow:0 4px 14px #3267f511}.book-selector button:focus-visible{outline:3px solid #8aaaff;outline-offset:3px}.topbar .edition{cursor:pointer;border:0;background:transparent}@media(max-width:600px){.book-selector{gap:10px}.book-selector button{padding:14px}.book-selector strong{font-size:16px}.topbar .edition{display:inline-flex;font-size:12px;white-space:nowrap}.topbar .breadcrumb,.topbar .avatar{display:none}.topbar-right{gap:8px;width:100%;justify-content:space-between}.topbar-right>button{white-space:nowrap}}
.word-info .word-source{display:block;font-size:11px;line-height:1.7;color:#7486a1;margin-top:10px;overflow-wrap:anywhere}.word-source a{color:#567cb2;text-decoration:underline;text-underline-offset:3px}.sense-note{font-size:14px;line-height:1.8;color:#5c7392;margin:14px 0}
