.word{display:inline-flex;flex-direction:column;align-items:center;vertical-align:middle;max-width:100%}
.word-english{display:block}
.word-meaning{display:block;color:#687e70;font-family:ui-rounded,"PingFang SC",sans-serif;font-size:13px;font-weight:500;letter-spacing:0;line-height:1.35;margin-top:3px;white-space:normal}
.translation-hidden .word-meaning{display:none}
html[data-theme="dark"] .word-meaning{color:#b4d1bb}
@media(max-width:780px){.word-meaning{font-size:11px}}
.sentence-navigation{display:grid;grid-template-columns:52px minmax(0,1fr) 52px;gap:8px;align-items:center}
.sentence-navigation .sentence-area{min-width:0}
.sentence-arrow{display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid #b7dabe;border-radius:50%;background:#edf8ee;color:#247545;font-size:27px;font-weight:700;line-height:1}
.sentence-arrow:hover:not(:disabled){background:#d9f0dd}
.sentence-arrow:disabled{opacity:.35}
.reader-footer{justify-content:center}
html[data-theme="dark"] .sentence-arrow{background:#294a37;border-color:#5a9470;color:#d4f9dc}
html[data-theme="dark"] .sentence-arrow:hover:not(:disabled){background:#3b694b}
@media(max-width:480px){.sentence-navigation{grid-template-columns:44px minmax(0,1fr) 44px;gap:2px}.sentence-arrow{width:42px;height:42px;font-size:24px}}
#listen.primary{background:#c73743;color:#fff;box-shadow:0 4px 10px #c7374326}
#listen.primary:hover{background:#aa2834}
.exam-entry{display:flex;align-items:center;gap:12px;margin:12px 4px 4px;padding:14px 16px;border-radius:14px;background:#d55a31;color:#fff;box-shadow:0 4px 12px #a337202b;font-size:18px}
.exam-entry>span:nth-child(2){flex:1}.exam-entry strong,.exam-entry small{display:block}.exam-entry small{font-size:11px;font-weight:500;opacity:.9;margin-top:3px}.exam-entry:hover{background:#ba4722}
@media(max-width:780px){.exam-entry{margin:0 0 12px;padding:10px 14px}}
#lessons .lesson-link:nth-child(1){--lesson-bg:#fff1e4;--lesson-accent:#b35b21;--lesson-dark:#513826;--lesson-bright:#ffc489}
#lessons .lesson-link:nth-child(2){--lesson-bg:#e7f7e8;--lesson-accent:#277643;--lesson-dark:#294b38;--lesson-bright:#9ae5a7}
#lessons .lesson-link:nth-child(3){--lesson-bg:#eaf4ff;--lesson-accent:#246a9d;--lesson-dark:#293f50;--lesson-bright:#a9d8ff}
#lessons .lesson-link:nth-child(4){--lesson-bg:#fff0f3;--lesson-accent:#a44963;--lesson-dark:#50333b;--lesson-bright:#ffb3c6}
#lessons .lesson-link:nth-child(5){--lesson-bg:#f2edff;--lesson-accent:#7653a6;--lesson-dark:#423752;--lesson-bright:#d8baff}
#lessons .lesson-link:nth-child(6){--lesson-bg:#fff7dc;--lesson-accent:#906516;--lesson-dark:#50462a;--lesson-bright:#f6d67d}
#lessons .lesson-link:nth-child(7){--lesson-bg:#e6f7f4;--lesson-accent:#237c70;--lesson-dark:#284943;--lesson-bright:#9be4d3}
#lessons .lesson-link{background:var(--lesson-bg);color:#273e32;border:1px solid transparent}
#lessons .lesson-link .lesson-order{background:#ffffffb3;color:var(--lesson-accent)}
#lessons .lesson-link .lesson-icon{color:var(--lesson-accent)}
#lessons .lesson-link:hover{filter:brightness(.97)}
#lessons .lesson-link.is-active{border-color:var(--lesson-accent);box-shadow:inset 4px 0 var(--lesson-accent);font-weight:800}
#lessons .lesson-link.is-active .lesson-order{background:var(--lesson-accent);color:#fff}
html[data-theme="dark"] #lessons .lesson-link{background:var(--lesson-dark);color:#f1f7f1;border-color:transparent}
html[data-theme="dark"] #lessons .lesson-link .lesson-order{background:#ffffff20;color:var(--lesson-bright)}
html[data-theme="dark"] #lessons .lesson-link .lesson-icon{color:var(--lesson-bright)}
html[data-theme="dark"] #lessons .lesson-link:hover{filter:brightness(1.15)}
html[data-theme="dark"] #lessons .lesson-link.is-active{border-color:var(--lesson-bright);box-shadow:inset 4px 0 var(--lesson-bright)}
html[data-theme="dark"] #lessons .lesson-link.is-active .lesson-order{background:var(--lesson-bright);color:#16231a}
.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;white-space:nowrap}
.theme-toggle{border:1px solid #dce9de;border-radius:999px;background:#f6faf6;color:#365d47;padding:9px 12px;font-size:12px;font-weight:700;white-space:nowrap}
.theme-toggle:hover{background:#e9f5e9}
@media(min-width:1121px){.header{grid-template-columns:clamp(250px,22vw,325px) minmax(0,1fr) auto}}
@media(max-width:1120px) and (min-width:781px){.header{grid-template-columns:210px minmax(0,1fr) auto}.header-actions{gap:8px}.theme-toggle{font-size:11px;padding:8px}}
@media(max-width:780px){.header-actions{grid-column:2;grid-row:1;gap:8px}.theme-toggle{padding:8px;font-size:11px}.home{grid-column:auto;grid-row:auto}.brand{white-space:normal}}
@media(max-width:430px){.header-actions{flex-direction:column;align-items:flex-end;gap:5px}.theme-toggle{padding:6px 9px}.header{gap:8px}}

html[data-theme="dark"]{color-scheme:dark;--green:#72d994;--deep:#e4f4e7;--ink:#d9e9de;--muted:#acbfb1;--mint:#1a3025;--line:#395347;--pink:#3a292c;--blue:#1e3544;background:#101a17}
html[data-theme="dark"] body{background:#101a17;color:var(--ink)}
html[data-theme="dark"] .brand small,html[data-theme="dark"] .heading p,html[data-theme="dark"] .home,html[data-theme="dark"] .menu-heading small,html[data-theme="dark"] .menu-heading p,html[data-theme="dark"] .scope,html[data-theme="dark"] .translation,html[data-theme="dark"] .speaker,html[data-theme="dark"] .sound-status,html[data-theme="dark"] .support-controls,html[data-theme="dark"] .reading-tip,html[data-theme="dark"] .list-heading p,html[data-theme="dark"] .source,html[data-theme="dark"] .line-zh,html[data-theme="dark"] .parent-notes,html[data-theme="dark"] .parent-notes summary,html[data-theme="dark"] .page-footer{color:#b1c7b7}
html[data-theme="dark"] .theme-toggle{background:#263a30;border-color:#486252;color:#e6f3e9}
html[data-theme="dark"] .theme-toggle:hover{background:#365342}
html[data-theme="dark"] .lesson-menu{background:#18271f}
html[data-theme="dark"] .lesson-link{background:#22342b;color:#d2e5d7;border-color:#385344}
html[data-theme="dark"] .lesson-link:hover{background:#304b3b}
html[data-theme="dark"] .lesson-link.is-active{background:#315742;color:#f0fff3}
html[data-theme="dark"] .lesson-order,html[data-theme="dark"] .line-number{background:#3a5144;color:#c6ddcb}
html[data-theme="dark"] .lesson-link.is-active .lesson-order{background:#72d994;color:#102719}
html[data-theme="dark"] .reward strong{color:#f2c6c8}
html[data-theme="dark"] .reward p{color:#d3aeb1}
html[data-theme="dark"] .progress-track{background:#624b4d}
html[data-theme="dark"] .reader{background:#18271f;border-color:#3d6750;box-shadow:0 8px 24px #0004}
html[data-theme="dark"] .scene{background:#263e2f}
html[data-theme="dark"] .sprite{mix-blend-mode:normal;filter:brightness(.8)}
html[data-theme="dark"] .scene-letter{color:#a4d7aa}
html[data-theme="dark"] .scene-caption{color:#b2d5b7}
html[data-theme="dark"] .number{background:#398b58;color:#fff}
html[data-theme="dark"] .switch-label input:checked+.switch{background:#398b58}
html[data-theme="dark"] .word:hover{background:#304a3b}
html[data-theme="dark"] .word.focus-word{color:#86e395}
html[data-theme="dark"] .word.is-speaking{color:#ffb8b4;background:#583335;border-bottom-color:#ff9595}
html[data-theme="dark"] .waveform i{background:#547a60}
html[data-theme="dark"] .record{background:#223a2c;border-color:#72c98c;color:#c7f4d4}
html[data-theme="dark"] .record.active{background:#512f34;border-color:#df8188;color:#ffd9d9}
html[data-theme="dark"] .continuous{background:#203c4c;border-color:#48758b;color:#b8e7ff}
html[data-theme="dark"] .continuous.active{background:#315c71}
html[data-theme="dark"] .speed-label{color:#b6cabb}
html[data-theme="dark"] .speed-label select{background:#2c4235;color:#e4f3e7}
html[data-theme="dark"] .reader-footer{border-color:#3a5043}
html[data-theme="dark"] .subtle{background:#283c30;border-color:#435b4b;color:#d3e5d7}
html[data-theme="dark"] .next{background:#315541;border-color:#4c765c;color:#e8ffed}
html[data-theme="dark"] .mastered{color:#b5d4bb}
html[data-theme="dark"] .mastered[aria-pressed="true"]{background:#315541;color:#a9f3b8}
html[data-theme="dark"] .recording-panel{background:#432e32;color:#f3cbd0}
html[data-theme="dark"] .line-button{background:#1e3026;border-color:#3b5043;color:#c6d9ca}
html[data-theme="dark"] .line-button:hover{background:#2a4534}
html[data-theme="dark"] .line-button.is-active{background:#2a4936;border-color:#5b9670}
html[data-theme="dark"] .line-button.is-active .line-number{background:#437152;color:#e4ffe9}
html[data-theme="dark"] .line-en{color:#e0f2e4}
html[data-theme="dark"] .parent-notes{border-color:#415648}
html[data-theme="dark"] .word-popover{background:#24382c;border-color:#567862;box-shadow:0 14px 42px #0008}
html[data-theme="dark"] .word-popover p{color:#bfd2c4}
html[data-theme="dark"] .word-play{background:#385845;color:#a7e9b6}
html[data-theme="dark"] .close-word{color:#c0d1c4}
@media(max-width:780px){html[data-theme="dark"] .lesson-menu{background:transparent}}

/* Tablet portrait: keep the sentences and controls large enough for touch. */
@media (min-width:781px) and (max-width:1050px) and (orientation:portrait){
  .page{padding:20px 24px 0}
  .header{grid-template-columns:1fr auto;gap:12px}
  .header-actions{grid-column:2;grid-row:1}
  .heading{grid-column:1/-1;grid-row:2}
  .layout{display:block}
  .sidebar{position:static}
  .lesson-menu{background:transparent;padding:0}
  .menu-heading{display:none}
  #lessons{display:flex;gap:8px;overflow-x:auto;padding:2px 0 12px}
  .lesson-link{width:auto;min-width:170px;min-height:50px;flex-shrink:0;margin:0;border:1px solid #dceade}
  .lesson-link .lesson-label{font-size:14px}
  .reward{margin:0 0 16px;padding:10px 16px}
  .reward-melon{font-size:32px}
  .reward>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
  .reward p{margin:0}
  .scope{display:none}
  html[data-theme="dark"] .lesson-menu{background:transparent}
  html[data-theme="dark"] .lesson-link{border-color:#385344}
}