:root{--ink:#202532;--muted:#7e8797;--line:#eceef3;--blue:#2454e8;--soft-blue:#eef2ff;--bg:#f7f8fa}
body{background:var(--bg);color:var(--ink)}button,input,select{font:inherit}.button{background:var(--blue);color:white;border:1px solid var(--blue);border-radius:8px;box-shadow:none;font-weight:600}.button:hover{background:#1645d3}.button.secondary{background:var(--soft-blue);border-color:var(--soft-blue);color:var(--blue)}.button.outline{background:#fff;border-color:#e0e4ed;color:#566278}.button.danger{background:#b64747;border-color:#b64747}.text-button,.plain-switch{color:var(--blue)}.icon-button{background:#f0f2f7;color:#637084}.sidebar{background:white;border-color:var(--line)}.nav-item{color:#7d8797}.nav-item.active{background:var(--soft-blue);color:var(--blue)}.nav-item:hover{background:#f5f7fe}.nav-label,.local-note,.sidebar-note,.brand small{color:#8e97a6}.brand strong{color:#202532}.topbar{border-bottom-color:var(--line)}.lang-trigger{background:white;border-color:#e5e8ef;color:#30394d}.page-heading h1{font-size:28px;font-weight:650;letter-spacing:-.6px}.page-heading p{color:#7e8797}.panel,.current-book,.source-card,.catalog-book{background:white;border-color:var(--line);box-shadow:none;border-radius:9px}.progress-line{background:#f0f2f8}.progress-line span{background:#4770ef}.tag{color:#506fd1;background:#eef2ff}.badge{background:#f0f3fa;color:#6c7e9a}.search-field,.field,.catalog-toolbar select{border-color:#e3e7f0;color:#434c60;background:white}.muted,.fine-print,.limit-note,.book-info p,.source-card p{color:#7b8495}.info-banner{background:#eff3ff;color:#536788;border-color:#dfe7ff}.tabs button.active{color:var(--blue);border-color:var(--blue)}.tabs button{color:#8790a1}.book-cover{border-radius:3px}.source-book{background:#f7f8fc}.level-pills span{color:#64718c;background:#f0f3fa}.modal{background:#fff;border-radius:14px}.modal .sub{color:#7b8495}.language-choice.active{background:#eff3ff;border-color:#4b73ee}.language-choice{border-color:#e5e8f0}.goal-option.selected{background:#eef2ff;border-color:var(--blue)}.toggle.on{background:var(--blue)}.drop-zone{background:#f4f7ff;border-color:#b5c5f8;color:#5972b5}.word-row{background:#fff;border-color:var(--line);color:#283347;border-radius:5px}.word-text small{color:#8a94a5}.hide-meanings .word-text small{background:#e9edf4;color:transparent;border-radius:3px;user-select:none}.day-dot.done{background:var(--blue);color:white}.day-dot.today{border-color:var(--blue);color:var(--blue)}.day-dot.done.today{color:white}.calendar-title{color:#506ca5}.bar{background:#5479ee}#toast{background:#253b73}.legal-copy{color:#68758b}.legal-copy h3{color:var(--ink)}
.study-home{max-width:850px;margin:25px auto}.study-tools{display:flex;align-items:center;gap:10px;margin-bottom:22px}.study-tools>.icon-button{margin-left:auto}.tool-pill{display:inline-flex;align-items:center;gap:8px;background:#eef1f7;padding:11px 16px;border-radius:25px;color:#758298;font-size:13px}.tool-pill .icon{color:#4b78e9;width:18px}.daily-card{background:#fff;padding:28px;border-radius:10px}.plan-book{display:grid;grid-template-columns:70px minmax(0,1fr);gap:20px;align-items:center;padding-bottom:25px;border-bottom:1px solid var(--line)}.plan-book .book-cover{width:70px;min-width:70px;height:96px;padding:10px}.plan-book .book-cover .eyebrow{font-size:6px}.plan-book .book-cover .glyph{font-size:35px}.plan-book-title{display:flex;gap:14px;justify-content:space-between;align-items:center;margin-bottom:20px}.plan-book h2{font-size:19px;font-weight:600}.progress-caption{font-size:12px;color:#96a0b1;margin-top:9px}.plan-heading{display:flex;justify-content:space-between;align-items:center;padding:24px 0}.plan-heading h2{font-size:19px}.plan-counters{display:grid;grid-template-columns:1fr 1fr;gap:20px}.plan-counters>div>span{font-size:14px;color:#8992a1}.plan-counters p{font-size:16px;color:#8d96a5;margin:20px 0 28px}.plan-counters strong{font-family:system-ui,sans-serif;font-style:italic;font-size:48px;color:#171c28;margin-right:8px;font-weight:800;line-height:1}.plan-counters .button{font-size:21px;min-height:60px}.home-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}.home-shortcuts button{background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;padding:19px 8px;border-radius:7px;color:#647184;font-size:13px}.home-shortcuts .icon{width:28px;height:28px;color:#425a90}.language-banner{margin:14px 0;display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:21px;background:#eaf0ff;color:#253e76;border-radius:8px}.language-banner>div{flex:1}.language-banner strong{font-size:17px}.language-banner p{font-size:12px;color:#7c8ba6;margin-top:7px}.language-banner>.icon{width:28px;height:28px}.home-secondary{display:grid;grid-template-columns:1fr 1fr;gap:14px}.home-secondary .panel{padding:23px}.home-secondary h2{font-size:16px}.home-secondary .week{margin-top:24px}.small-section-title{font-size:16px;color:#8c95a6;font-weight:500;margin:30px 0 16px}.quick-training{display:grid;grid-template-columns:1fr 1fr;gap:14px}.quick-training .button{min-height:68px;justify-content:flex-start;font-size:16px}.training-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.training-tile{min-height:108px;background:#eef2ff;padding:22px;position:relative;text-align:left;color:#25334b;border-radius:6px}.training-tile>span{float:right;color:#8098dd}.training-tile strong{display:block;font-size:17px;margin-bottom:8px}.training-tile small{display:block;color:#939db2;font-size:13px}.training-tile b{position:absolute;right:18px;bottom:17px;background:#8ba7ed;color:#fff;padding:3px 8px;border-radius:2px;font-size:10px;font-weight:500}.training-tile:hover{background:#e4ebff}.plan-tabs{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.plan-tabs strong{color:var(--blue)}.plan-options{display:grid;gap:4px}.plan-option{display:flex;align-items:center;text-align:left;padding:16px 12px;gap:14px;border-radius:5px;background:#f9fafc;color:#69738a;font-size:13px}.plan-option strong{font-weight:500;flex:1}.plan-option.selected{background:#e7efff;color:var(--blue)}
.study-calendar{max-width:800px;margin:25px auto}.study-calendar>header{background:var(--blue);padding:26px 26px 85px;color:white;border-radius:12px 12px 0 0}.study-calendar h1{font-size:22px;margin-bottom:28px}.study-calendar header>div{display:flex;gap:12px;align-items:center}.study-calendar header h2{font-size:25px;flex:1}.study-calendar .icon-button{background:#fff;color:var(--blue);border-radius:50%;font-size:22px}.calendar-card{margin:-60px 25px 0;background:#fff;border-radius:8px;padding:26px;position:relative;box-shadow:0 12px 25px #263e7d06}.month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;text-align:center}.month-grid small{font-size:11px;color:#9ca3b1;padding:8px 0}.month-day{background:white;aspect-ratio:1;max-width:42px;width:100%;justify-self:center;border-radius:50%;color:#374154;font-size:14px}.month-day.studied{background:#edf2ff;color:var(--blue)}.month-day.selected{background:var(--blue);color:#fff}.calendar-date{margin:35px 0 20px;font-size:21px}.study-calendar .info-banner{margin-bottom:18px}
.session-shell{max-width:880px;margin:auto;padding:24px 30px 28px;background:var(--bg);min-height:100dvh;display:flex;flex-direction:column}.session-top{margin-bottom:23px;gap:18px}.session-top .progress-line span{background:#567af0}.session-top .icon-button{background:transparent}.session-top>.icon-button:first-child{font-size:32px}.session-meta{color:#8a95aa;letter-spacing:.6px;font-size:11px;margin-bottom:17px}.session-prompt{width:100%;flex:none}.session-prompt h1{font-family:system-ui,sans-serif;font-size:30px;font-weight:650;margin:16px auto 9px}.session-prompt .reading{font-size:13px;color:#9ba4b4}.lesson-illustration{width:260px;height:156px;margin:4px auto 14px;background:white;border-radius:7px;overflow:hidden}.lesson-illustration svg{width:100%;height:100%}.lesson-example{text-align:left;max-width:300px;font-size:14px;line-height:1.6;margin:15px auto;color:#344056}.sound-button{background:#eaf0ff;color:#4168d6;width:36px;height:36px}.exercise-area{width:100%;margin-top:30px}.recognition-stage .exercise-area{margin-top:auto;padding-top:32px}.choices{grid-template-columns:1fr 1fr;gap:12px;margin:0 auto;width:100%}.choice{border:1px solid #edf0f5;background:#fff;border-radius:8px;box-shadow:none}.choice.text-choice{align-items:flex-start;text-align:left;min-height:90px;padding:18px 20px;position:relative;font-size:16px;line-height:1.5}.choice-key{position:absolute;right:7px;bottom:5px;border:0;margin:0;color:#b7becc;font-size:10px}.choice .picture{height:165px;background:#fff}.choice.correct{border-color:#54b68a;background:#e9f7ef;box-shadow:none}.choice.wrong{border-color:#ce8a89;background:#fff0ef;box-shadow:none}.choice:hover:not(:disabled){border-color:#7596ec;transform:none}.lesson-tools{display:flex;align-items:center;justify-content:space-around;gap:14px;padding-top:22px;flex:none}.lesson-tools .button{font-size:12px;min-height:38px}.lesson-tools .text-button{color:#7f899c;font-size:16px}.lesson-tools .icon-button{background:transparent}.feedback{width:100%;background:#eaf7ef;border-color:#d3ebdc;flex:none}.feedback h3{color:#39815c}.feedback p{color:#526e61}.feedback.bad{background:#fff1ed;border-color:#f0d8cf}.feedback.bad h3{color:#9c6554}.spell-form{width:100%;margin:0 auto}.spell-field{font-size:24px;border-color:#dae3f7;color:#273c6c;border-radius:8px}.spell-form>.text-button{margin:16px auto;display:block}.spell-form .button{margin-top:15px}.accent-keys button{background:#eff3fc;color:#536fa7;border-color:#dfe6f6}.prompt-meaning{font-size:15px;color:#8792a7;margin:10px 0}.sentence-gap{max-width:560px;font-size:23px!important;font-weight:450!important;line-height:1.65}.gap{background:#e5e9f1;display:inline-block;min-width:80px;border-radius:3px;color:transparent;line-height:1.15}.missing-pattern{font-size:25px;color:#4568b6;margin:20px;word-break:break-word;line-height:1.8}.assembly{max-width:600px;margin:auto}.assembled-word{min-height:64px;padding:16px;border-bottom:2px solid #b8c8ed;text-align:center;font-size:28px;white-space:pre-wrap}.caret{color:#9caeda}.letter-tiles{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:24px auto}.letter-tiles button{min-width:45px;min-height:48px;padding:7px 12px;background:#fff;border:1px solid #dbe2f2;border-radius:6px;font-size:24px;box-shadow:0 3px 0 #e1e6ef;color:#36486d}.letter-tiles button:disabled{opacity:.22}.assembly .setting-buttons{justify-content:center}.selfcheck{max-width:600px;margin:auto}.definition-block{background:white;padding:24px;margin:13px 0;border-radius:7px;text-align:left}.definition-block h3{font-size:11px;display:inline-block;background:#eff2f8;color:#7182a4;border-radius:14px;padding:5px 9px;margin-bottom:11px;font-weight:500}.definition-block p{font-size:17px;line-height:1.7;margin:4px 0 10px}.definition-block .translation{font-size:14px;color:#8894a9}.definition-block .button{font-size:12px;min-height:32px}.detail-stage-heading{display:flex;justify-content:space-between;align-items:center;margin:6px 0 15px}.detail-stage-heading h1{font-size:32px;margin-bottom:8px}.detail-stage-heading .reading{font-size:13px;color:#8d98aa}.detail-stage .saved{color:#e2ac33}.detail-status{font-size:12px;color:#3c9c75}.detail-status.incorrect{color:#b27c56}.example-picture{width:125px;height:85px;background:#f4f7fc;border-radius:5px}.example-picture svg{width:100%;height:100%}.detail-next{margin-top:auto;padding-top:25px}.completion h1{font-family:system-ui,sans-serif;font-weight:650;font-size:34px}.completion .success-art{background:#eef2ff;color:#5174d5}.completion>p{color:#7b879b}.completion-stats small{color:#8794a9}
@media(min-width:1200px){.workspace{max-width:1250px;margin:auto;padding:0 48px 35px}.study-home{max-width:820px}.daily-card{padding:32px}.training-grid{grid-template-columns:repeat(3,1fr)}.session-shell{min-height:850px}.recognition-stage .exercise-area{padding-top:70px}.recognition-stage{min-height:100dvh}}
@media(max-width:600px){.workspace{padding:0 16px 25px}.topbar{height:auto;min-height:70px;padding-top:env(safe-area-inset-top);gap:8px}.mobile-brand{font-size:17px;gap:5px}.mobile-brand svg{width:25px;height:25px}.top-actions{gap:7px}.lang-trigger{font-size:10px;padding:7px 6px}.top-actions .mobile-settings{width:28px;height:28px}.plain-switch{font-size:10px}.sidebar{background:#fff;border-top-color:#e8ebf2}.nav-item.active{color:var(--blue)}.nav-item span{font-size:9px}.page-heading{margin:20px 0}.page-heading h1{font-size:23px}.study-home{margin:6px auto 0}.study-tools{margin:7px 0 20px;gap:8px}.tool-pill{font-size:11px;padding:8px 12px}.daily-card{padding:18px;border-radius:5px}.plan-book{grid-template-columns:58px minmax(0,1fr);gap:16px;padding-bottom:19px}.plan-book .book-cover{width:58px;min-width:58px;height:80px;padding:8px}.plan-book .book-cover .glyph{font-size:30px}.plan-book-title{display:block;margin-bottom:12px}.plan-book h2{font-size:16px;display:inline;margin-right:6px}.plan-book-title .text-button{font-size:10px;display:inline}.progress-caption{font-size:10px}.plan-heading{padding:22px 0}.plan-heading h2{font-size:17px}.plan-heading .text-button{font-size:11px}.plan-counters{gap:12px}.plan-counters>div>span{font-size:13px}.plan-counters p{margin:24px 0 29px;font-size:13px}.plan-counters strong{font-size:42px}.plan-counters .button{min-height:53px;font-size:20px}.home-shortcuts{gap:9px;margin-top:11px}.home-shortcuts button{font-size:11px;padding:14px 4px;gap:7px}.home-shortcuts .icon{width:25px;height:25px}.language-banner{padding:17px 15px;margin:11px 0}.language-banner strong{font-size:14px}.language-banner p{font-size:10px}.language-banner>.icon{width:23px}.home-secondary{grid-template-columns:1fr}.home-secondary .panel{padding:20px}.home-secondary .week{margin-top:18px}.home-secondary .day-dot{width:27px;height:27px;font-size:10px}.home-secondary .weekday small{font-size:10px}.training-grid{gap:11px}.training-tile{padding:17px 13px;min-height:100px}.training-tile strong{font-size:14px;max-width:86%}.training-tile small{font-size:11px}.training-tile>span{display:none}.training-tile b{font-size:9px;right:12px;bottom:13px}.quick-training .button{font-size:14px;min-height:66px}.catalog-toolbar{flex-wrap:wrap}.catalog-toolbar .search-field{flex:1;min-width:160px}.catalog-toolbar>.text-button{font-size:11px}.tabs{overflow:auto}.tabs button{white-space:nowrap;padding:12px 11px}.study-calendar{margin-top:12px}.study-calendar>header{padding:22px 18px 72px}.study-calendar h1{font-size:20px}.study-calendar header h2{font-size:22px}.calendar-card{margin:-50px 12px 0;padding:17px 12px}.month-grid{gap:7px}.month-grid small{font-size:9px}.month-day{font-size:12px;max-width:34px}.calendar-date{font-size:18px;margin:28px 0 18px}.session-shell{padding:calc(12px + env(safe-area-inset-top)) 13px calc(17px + env(safe-area-inset-bottom));min-height:100dvh;max-width:100%}.session-top{gap:10px;margin-bottom:15px}.session-top small{font-size:10px}.session-top .icon-button{width:30px}.session-meta{font-size:9px;margin-bottom:10px}.lesson-illustration{width:245px;height:145px}.session-prompt h1{font-size:25px;margin-top:15px}.lesson-example{font-size:12px;max-width:245px;margin-top:13px}.recognition-stage .exercise-area{padding-top:45px}.choices{gap:9px}.choice.text-choice{min-height:76px;padding:14px 12px;font-size:13px}.choice .picture{height:135px}.lesson-tools{padding-top:15px}.lesson-tools .button{background:transparent;border:0}.feedback{padding:15px;margin:20px 0 0}.feedback .button{margin-top:12px}.exercise-area{margin-top:25px}.spell-field{font-size:22px}.sentence-gap{font-size:20px!important}.letter-tiles{gap:8px}.letter-tiles button{font-size:22px;min-width:39px;min-height:43px;padding:5px 10px}.definition-block{padding:18px;margin:10px 0}.definition-block p{font-size:15px}.definition-block .translation{font-size:12px}.detail-stage-heading h1{font-size:28px}.detail-stage .session-top{margin-bottom:19px}.detail-next .button{min-height:50px}.completion h1{font-size:29px}.modal .plan-option{font-size:11px;padding:15px 10px}.modal .plan-option strong{font-size:13px}}
@media(max-width:360px){.mobile-brand{font-size:0;gap:0}.mobile-brand svg{width:28px}.top-actions{gap:8px}.topbar{justify-content:space-between}.plan-counters .button{font-size:17px}.plan-book h2{font-size:14px}}

.book-kind{display:block;color:#47659c;font-size:11px;font-weight:700;margin:8px 0 5px}.book-kind.supplement{color:#926a3d}.source-availability{display:flex;flex-direction:column;gap:5px;padding:13px 0;border-top:1px solid #e7edf5}.source-availability span{font-size:12px;color:#66738a}.gloss-comparison{font-size:14px;color:#67758b;line-height:1.7;margin:12px 0}.translation-status{font-size:12px;color:#7b683f;background:#faf6e9;border-radius:8px;padding:9px 12px}.word-detail .meaning{overflow-wrap:anywhere}.tabs{overflow-x:auto;white-space:nowrap}
.exam-coverage{margin:28px 0}.coverage-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.coverage-heading h2{font-size:20px;margin:0}.coverage-heading>span{font-size:11px;color:#66738a}.exam-coverage>p{font-size:13px;color:#66738a;line-height:1.7;margin:10px 0 18px}.level-coverage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.level-coverage-card{background:#fff;border:1px solid #dfe6f0;border-radius:12px;padding:18px;min-width:0}.level-coverage-card.coverage-partial{border-color:#9eb7ea;background:#f7faff}.coverage-level{display:flex;justify-content:space-between;align-items:center;gap:8px}.coverage-level strong{font-size:24px;color:#263c62}.coverage-level span{font-size:10px;background:#eef1f5;color:#626e80;border-radius:20px;padding:4px 8px}.coverage-partial .coverage-level span{background:#e4edff;color:#285aba}.coverage-count{font-size:12px;color:#66738a;margin:15px 0 9px}.coverage-count b{font-size:22px;color:#304360}.coverage-reason{font-size:12px;line-height:1.65;color:#66738a;min-height:40px}.level-coverage-card>a{display:block;color:#295cbd;font-size:12px;line-height:1.55;margin-top:14px;overflow-wrap:anywhere}.level-coverage-card>a .icon{width:12px;height:12px;vertical-align:middle}.level-coverage-card>small{display:block;font-size:10px;color:#77849a;margin-top:7px;line-height:1.5}.source-card .level-coverage-grid{grid-template-columns:1fr}.source-card .exam-coverage{margin-top:18px}.source-card .coverage-heading{align-items:flex-start;flex-direction:column}.source-card .coverage-heading h2{font-size:16px}.source-card .coverage-reason{min-height:0}
@media(max-width:900px){.level-coverage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.level-coverage-grid{grid-template-columns:1fr;gap:10px}.level-coverage-card{padding:16px}.coverage-heading{align-items:flex-start;flex-direction:column;gap:6px}.coverage-reason{min-height:0}.coverage-level strong{font-size:23px}}

/* Direct MuMu reference audit, 2026-10-26: compact books, quiet study canvas,
   two daily actions, horizontal categories, and four-choice lesson layout. */
:root{--blue:#184ce5;--bg:#f7f7f8;--ink:#222630;--muted:#9398a4}
button:focus-visible,a:focus-visible{outline-color:#6388ed}input:focus,select:focus{outline-color:#6388ed}
.brand strong{letter-spacing:-1px}.brand strong span{color:var(--blue)!important}.sidebar-note{background:#f5f7fb;color:#8a95a9}.avatar{background:#edf2ff;border-color:#e2e9fb;color:var(--blue)}.breadcrumb .current{color:#626d81}.lang-dot{color:white}.topbar{height:82px}.workspace{max-width:1180px}
.book-cover{background:var(--cover);color:white;box-shadow:inset 3px 0 #00000012,0 2px 0 #ffffff,0 3px 0 var(--cover);border-radius:2px;width:80px;min-width:80px;height:108px;padding:10px 10px 9px;isolation:isolate}
.book-cover:before{content:'';position:absolute;inset:auto -25px -48px auto;width:105px;height:105px;transform:rotate(32deg);background:#0000000d;z-index:-1}.book-cover:after{border:0;border-radius:0;width:auto;height:2px;inset:auto 0 3px;background:#ffffffbd}
.cover-level{font-size:12px;font-weight:850;font-style:italic;letter-spacing:.2px;line-height:1.15}.book-cover .glyph{font-family:system-ui,sans-serif;font-size:49px;font-weight:800;opacity:.25;margin:auto 0 0;line-height:1}.book-cover small{font-size:6px;letter-spacing:1.2px;opacity:.85}
.study-home{max-width:760px;margin-top:22px}.study-tools{gap:12px;margin-bottom:26px}.tool-pill{padding:9px 13px;background:#f0f1f3;color:#9095a0}.daily-card{border-radius:4px;padding:26px}.plan-book{grid-template-columns:60px minmax(0,1fr);gap:18px;padding-bottom:22px}.plan-book .book-cover{width:60px;min-width:60px;height:82px}.plan-book .cover-level{font-size:9px}.plan-book .book-cover small{font-size:5px;letter-spacing:.6px}.plan-book .book-cover .glyph{font-size:36px}.plan-book-title{justify-content:flex-start;gap:12px;margin-bottom:18px}.plan-book h2{font-size:17px;letter-spacing:0}.progress-line{height:4px;background:#f2f3f7}.progress-caption{margin:9px 0 0;color:#9ba1ac}.plan-heading{padding:25px 0 29px}.plan-heading h2{font-size:20px;letter-spacing:0}.plan-counters{gap:18px}.plan-counters>div>span{font-size:14px}.plan-counters p{margin:29px 0 30px}.plan-counters strong{font-size:49px;font-weight:850;letter-spacing:-1px}.plan-counters .button{height:61px;font-size:23px;font-weight:700;border-radius:7px}.home-shortcuts{gap:10px;margin-top:12px}.home-shortcuts button{border-radius:4px;padding:16px 4px}.home-shortcuts .icon{color:#475b88}.active-book-scope{font-size:10px;color:#a0a6b0;padding-top:12px}.starter-notice{display:flex;align-items:center;justify-content:space-between;gap:9px;width:100%;padding:12px 0 0;text-align:left;font-size:11px;line-height:1.5;color:#98917f}.starter-notice strong{color:var(--blue);font-weight:500;flex-shrink:0}.language-banner{background:#edf2fc;border-radius:4px}.home-secondary .panel{border:0;border-radius:4px}
.library-page{max-width:860px;margin:18px auto 0;background:white;padding:0 28px 24px;min-height:75vh}.catalog-header{display:flex;align-items:center;justify-content:space-between;padding:24px 0 20px}.catalog-header h1{font-size:23px;font-weight:650;letter-spacing:0}.catalog-header .text-button{font-size:13px;gap:5px}.library-kinds{margin:0;border-bottom:1px solid #f0f1f4;gap:26px}.library-kinds button{padding:12px 0 15px;font-size:15px;border-bottom:3px solid transparent}.library-kinds button.active{font-weight:650}.language-tabs{display:flex;gap:25px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#e7eaf0 transparent;white-space:nowrap;border-bottom:1px solid #f5f5f7;padding:8px 0 0}.language-tabs button{color:#979eaa;padding:14px 1px 15px;font-size:14px;border-bottom:3px solid transparent;flex-shrink:0}.language-tabs button.active{color:#252a36;font-weight:650;border-bottom-color:var(--blue)}.catalog-toolbar{gap:10px;margin:22px 0 25px;flex-wrap:nowrap}.catalog-toolbar .search-field{background:#f7f8fa;border:0;border-radius:7px;min-width:0}.catalog-toolbar input{background:transparent;font-size:12px}.catalog-toolbar select{font-size:12px;max-width:140px;border-radius:7px}.catalog-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px}.catalog-section-heading h2{font-size:20px;font-weight:550;letter-spacing:0}.catalog-section-heading>span{color:#a1a7b1;font-size:11px}.catalog-note{font-size:12px;color:#969da9;line-height:1.7;margin-bottom:12px}.book-list{display:flex;flex-direction:column}.catalog-book.book-list-row{display:flex;width:100%;align-items:center;text-align:left;gap:22px;padding:20px 0;border:0;border-radius:0;border-bottom:1px solid #f5f5f7;min-width:0;box-shadow:none;transition:background .15s}.book-list-row:hover{background:#fafbfe;transform:none}.book-row-copy{flex:1;min-width:0}.book-list-row h3{font-size:17px;font-weight:550;color:#2d3341;letter-spacing:0;margin:0 0 8px;line-height:1.45}.book-description{font-size:12px!important;line-height:1.8!important;color:#a0a6b0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.book-row-meta{display:flex;align-items:center;gap:9px;margin-top:11px;color:#969eaa;font-size:12px}.book-row-meta b{font-weight:500;color:#687589;font-variant-numeric:tabular-nums}.coverage-label{font-size:10px;padding:2px 6px;border:1px solid #eceef4;color:#959dab;border-radius:3px;white-space:nowrap}.book-selected{margin-left:auto;color:var(--blue);font-size:11px;white-space:nowrap}.book-row-copy>.progress-line{margin-top:14px}.catalog-disclosure{margin-top:25px;padding-top:18px;border-top:1px solid #eff0f4;color:#9099a7;font-size:12px;line-height:1.8}.catalog-disclosure summary{cursor:pointer}.catalog-disclosure p{margin-top:10px}.library-page .empty-state{padding:45px 10px}.library-page .empty-state h3{font-size:17px}.library-page .empty-state p{font-size:12px}.library-page .exam-coverage{padding-top:25px}.library-page .level-coverage-card{border-radius:5px}.library-page .source-grid{margin-top:20px}.book-detail-hero{border:0;padding:0;gap:20px}.book-detail-hero h3{line-height:1.5;letter-spacing:0}.book-plan-summary{display:grid;grid-template-columns:1fr auto;gap:10px;margin:24px 0;padding:20px;background:#f5f7fc;border-radius:4px;font-size:14px}.book-plan-summary strong{color:var(--blue);font-weight:600}.book-plan-summary small{grid-column:1/-1;color:#909aab}.book-detail-actions{display:flex;gap:10px}.book-detail-actions>.button:first-child{flex:1}.modal .info-banner{font-size:12px;line-height:1.8}.modal .info-banner p{margin-top:12px}.modal .sub{font-size:12px;line-height:1.8}.plan-options{background:#f8f9fc;border-radius:4px;overflow:hidden}.plan-option{border-radius:0;padding:18px 15px}.plan-option.selected{background:#e2edff}.session-shell{background:#f8f8f9;max-width:760px}.lesson-illustration{width:274px;height:205px;background:#fff;border-radius:5px}.lesson-example{max-width:274px;font-size:12px}.session-prompt h1{font-size:28px}.recognition-stage .choice.text-choice{min-height:89px;border:0;border-radius:7px;font-size:14px}.session-meta{font-size:10px}.lesson-tools{padding:23px 4px 4px}.choice-key{color:#c5c9d0}
@media(max-width:900px){.app-shell{padding-left:190px}.sidebar{width:190px;padding-left:12px;padding-right:12px}.workspace{padding:0 24px 30px}.brand strong{font-size:21px}.library-page{padding-left:20px;padding-right:20px}.book-list-row{gap:18px}}
@media(max-width:600px){.app-shell{padding-left:0;padding-bottom:calc(72px + env(safe-area-inset-bottom))}.workspace{padding:0 16px 24px}.topbar{min-height:61px;height:61px;border-bottom:0;padding-top:env(safe-area-inset-top)}.topbar .mobile-brand{font-size:16px!important}.mobile-brand svg{width:23px!important;height:23px!important}.lang-trigger{font-size:10px;gap:6px;border:0;background:transparent;padding:6px 0}.lang-dot{width:20px;height:20px;font-size:12px}.sidebar{width:100%;height:calc(65px + env(safe-area-inset-bottom));padding:0 5px env(safe-area-inset-bottom);background:#fff;border:0;border-top:1px solid #edeef2;box-shadow:none}.nav-item{height:58px!important;border-radius:0;gap:5px!important}.nav-item.active{background:transparent}.nav-item .icon{width:23px;height:23px}.nav-item span{font-size:10px}.study-home{margin:7px auto 0}.study-tools{margin:0 0 22px;gap:9px}.tool-pill{padding:8px 12px;font-size:11px}.study-tools>.icon-button{background:transparent}.daily-card{padding:19px 18px 18px}.plan-book{gap:16px;padding-bottom:19px}.plan-book-title{display:flex;align-items:flex-start;gap:6px;margin-bottom:14px}.plan-book h2{font-size:15px;line-height:1.45;margin:0}.plan-book-title .text-button{font-size:10px;white-space:nowrap;flex-shrink:0;padding-top:3px}.progress-caption{font-size:10px;gap:8px}.plan-heading{padding:24px 0 28px}.plan-heading h2{font-size:18px}.plan-counters{gap:14px}.plan-counters p{margin:25px 0 29px;font-size:13px}.plan-counters strong{font-size:45px}.plan-counters .button{height:56px;min-height:56px;font-size:21px}.home-shortcuts{gap:9px}.home-shortcuts button{padding:14px 2px;font-size:11px}.starter-notice{font-size:9px;gap:4px}.active-book-scope{font-size:9px}.language-banner{padding:17px 14px}.language-banner strong{font-size:14px}.home-secondary .panel{padding:20px}.library-page{margin:0 -16px;padding:0 21px 24px;min-height:calc(100dvh - 125px)}.catalog-header{padding:11px 0 19px}.catalog-header h1{font-size:21px}.catalog-header .text-button{font-size:12px}.library-kinds{gap:23px}.library-kinds button{font-size:14px;padding:11px 0 13px}.language-tabs{gap:24px;margin-right:-21px;padding-right:21px}.language-tabs button{font-size:14px;padding:13px 0}.catalog-toolbar{margin:18px 0 24px;gap:8px}.catalog-toolbar .search-field{min-width:0;flex:1}.catalog-toolbar select{max-width:95px;padding:10px 5px}.catalog-toolbar input{font-size:11px}.catalog-section-heading h2{font-size:19px}.catalog-note{font-size:11px;margin-bottom:5px}.catalog-book.book-list-row{padding:16px 0;gap:20px}.book-list-row .book-cover{width:74px;min-width:74px;height:101px;padding:9px}.book-list-row .cover-level{font-size:11px}.book-list-row h3{font-size:16px;margin-bottom:6px}.book-description{font-size:11px!important;line-height:1.8!important}.book-row-meta{font-size:11px;gap:6px;margin-top:9px;flex-wrap:wrap}.book-selected{font-size:10px}.coverage-label{font-size:9px}.book-plan-summary{padding:18px}.book-detail-actions{flex-direction:column-reverse;position:sticky;bottom:0;background:white;padding:12px 0 0}.modal:has(.book-detail-hero),.modal:has(.plan-options){border-radius:0;max-height:100dvh;min-height:100dvh;width:100%;padding:22px 22px calc(20px + env(safe-area-inset-bottom))}.modal-backdrop:has(.book-detail-hero),.modal-backdrop:has(.plan-options){padding:0;align-items:stretch}.modal-header h2{font-size:19px}.book-detail-hero{margin-top:22px}.book-detail-hero .book-cover{width:80px;min-width:80px;height:108px}.book-detail-hero h3{font-size:16px}.book-detail-hero .tag{font-size:9px}.session-shell{padding:calc(12px + env(safe-area-inset-top)) 15px calc(18px + env(safe-area-inset-bottom))}.session-prompt h1{font-size:25px}.lesson-illustration{width:250px;height:187px}.lesson-example{max-width:250px;font-size:11px}.recognition-stage .exercise-area{padding-top:32px}.recognition-stage .choice.text-choice{min-height:74px;font-size:12px;padding:15px 12px}.choices{gap:9px}.session-top{margin-bottom:10px}.lesson-tools{padding-top:19px}}
@media(max-width:360px){.library-page{padding-left:17px;padding-right:17px}.library-kinds{gap:18px}.library-kinds button{font-size:12px}.catalog-book.book-list-row{gap:14px}.book-list-row h3{font-size:14px}.book-row-meta{font-size:10px}.book-list-row .book-cover{width:65px;min-width:65px;height:90px}.plan-book h2{font-size:13px}.plan-counters .button{font-size:19px}.starter-notice{flex-wrap:wrap}.topbar .mobile-brand{font-size:14px!important}}

.book-plan-summary select{border:1px solid #dfe6f6;border-radius:5px;padding:6px 12px;background:white;color:var(--blue);font-weight:600}.book-plan-summary>span{align-self:center}.info-banner a{color:#365aa9}.book-detail-actions{margin-top:24px}@media(max-width:600px){.modal:has(.book-detail-hero){display:flex;flex-direction:column}.modal:has(.book-detail-hero) .book-detail-actions{margin-top:auto}.modal:has(.book-detail-hero) .current-book,.modal:has(.book-detail-hero) .info-banner,.modal:has(.book-detail-hero) .book-plan-summary{flex-shrink:0}}

.modal .info-banner{overflow-wrap:anywhere}.language-tabs{position:relative}