/* Shared reader palettes keep text and controls readable across display modes. */
:root{--reader-page:#fff6ee;--reader-surface:#fff;--reader-soft:#f5efe8;--reader-header:#fff6eef7;--reader-accent:#7047b8;--reader-primary:#b94b1d;--reader-on-primary:#fff;--reader-success:#24764b;--reader-danger:#a22a25}
:root[data-appearance=night]{color-scheme:dark;--reader-page:#141c24;--reader-surface:#202b36;--reader-soft:#2a3743;--reader-header:#192129f7;--text:#eef3f7;--muted:#bdc9d3;--border:#475563;--bg:#141c24;--bg-soft:#2a3743;--card:#202b36;--primary-soft:#45352c;--reader-accent:#d3baff;--reader-primary:#e7a276;--reader-on-primary:#202020;--reader-success:#91d6a6;--reader-danger:#ffb7ad;--shadow:0 6px 20px #0003}
:root[data-appearance=eye]{color-scheme:light;--reader-page:#f2eddc;--reader-surface:#faf6e9;--reader-soft:#e7e0c9;--reader-header:#f2eddcf7;--text:#343c30;--muted:#5c6653;--border:#cfc7af;--bg:#f2eddc;--bg-soft:#e7e0c9;--card:#faf6e9;--primary-soft:#e7dfc7;--reader-accent:#5e4c8a;--reader-primary:#646a39;--reader-on-primary:#fff;--reader-success:#3b623d;--reader-danger:#9a362d}
html[data-appearance],html[data-appearance] body{background:var(--reader-page);color:var(--text)}html[data-appearance] #app.v3-app{background:var(--reader-page)}html[data-appearance] .v3-header,html[data-appearance] .tab-bar{background:var(--reader-header)}html[data-appearance] :is(.panel,.topic,.list-entry,.word-tile,.pill,.audio-fallback,.btn-ghost,.table-wrap,dialog,input,select,textarea,.game-options button,.match-grid button){background:var(--reader-surface);color:var(--text);border-color:var(--border)}html[data-appearance] .btn-primary{background:var(--reader-primary);color:var(--reader-on-primary)}html[data-appearance] :is(.dialogue-turn,.parent-tip,.quiz,.binding,.book-card,.dialog-head button,.empty,th){background:var(--reader-soft);color:var(--text)}html[data-appearance] .child-turn{background:var(--reader-soft);border-color:var(--border)}html[data-appearance] :is(.translation,.choice-translation,.chinese,.muted,.site-footer,.role-label,.audio-status,.bilingual-note,.tab-bar a,.image-disclosure){color:var(--muted)}html[data-appearance] :is(.home-stats strong,.home-stats,.brand,.topic,.topic strong,.sentence-button){color:var(--text)}html[data-appearance] a{color:var(--reader-accent)}html[data-appearance] :is(.tag,.entry-number,.tab-bar a.active){background:var(--primary-soft);color:var(--reader-accent)}html[data-appearance] .kicker{color:var(--reader-accent)}html[data-appearance] .scene-card .small{color:var(--muted)}html[data-appearance] .error{color:var(--reader-danger)}html[data-appearance] .success{color:var(--reader-success)}html[data-appearance] .danger{background:var(--reader-soft);color:var(--reader-danger);border-color:var(--reader-danger)}html[data-appearance] .notice{background:var(--reader-soft);color:var(--text)}html[data-appearance] .quiz button{background:var(--reader-surface);color:var(--text)}html[data-appearance] .quiz button.correct{background:var(--reader-soft);border-color:var(--reader-success);color:var(--reader-success)}html[data-appearance] .quiz button.wrong{background:var(--reader-soft);border-color:var(--reader-danger);color:var(--reader-danger)}
.mode-options{display:flex;flex-wrap:wrap;gap:10px}.mode-options button{flex:1;min-width:100px}.mode-options [aria-pressed=true]{outline:3px solid var(--reader-accent);outline-offset:2px}.appearance-panel .section{margin-top:18px}.scene-context{margin:0 0 8px}
/* Every content list uses a left thumbnail and right bilingual text. */
.scene-grid{grid-template-columns:1fr}.scene-grid .list-entry.scene-card{display:grid;grid-template-columns:140px minmax(0,1fr);grid-template-rows:auto auto auto 1fr;align-items:start;column-gap:18px;row-gap:5px;padding:16px;min-height:0}.scene-card>.scene-thumbnail{grid-column:1;grid-row:1/5;width:140px;height:112px;aspect-ratio:auto;margin:0;display:flex;align-items:center;justify-content:center;background:var(--reader-soft)}.scene-thumbnail img{object-fit:contain;width:100%;height:100%}.scene-card>.entry-number,.scene-card>strong,.scene-card>span[lang],.scene-card>.small{grid-column:2;margin:0}.scene-card>.entry-number{justify-self:start}.locked-photo{display:block;font-size:13px;color:var(--muted)}
.conversation-layout{grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);align-items:start}.conversation-layout>.scene-figure{position:sticky;top:100px}.conversation-layout .item-copy{max-width:none}.conversation-layout .headword{display:block}.conversation-layout .dialogue-turn .bilingual-pair{display:flex;flex-direction:column;align-items:stretch;gap:3px}.conversation-layout .dialogue-turn .translation{width:100%;margin:0}.conversation-layout .dialogue-turn .sentence-button{width:100%;padding:0;text-align:left}.conversation-layout .child-turn{margin-left:12px}
@media(min-width:1100px){.scene-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.scene-grid .list-entry.scene-card{grid-template-columns:104px minmax(0,1fr);column-gap:12px;padding:12px}.scene-card>.scene-thumbnail{width:104px;height:96px}.conversation-layout{grid-template-columns:110px minmax(0,1fr);gap:10px 14px}.conversation-layout>.scene-figure{grid-column:1;grid-row:1/3;position:static}.conversation-layout .item-copy{display:contents}.conversation-layout .item-copy>*{grid-column:1/-1}.conversation-layout .item-copy>.kicker{grid-column:2;grid-row:1;margin:0;align-self:end}.conversation-layout .item-copy>.headword{grid-column:2;grid-row:2;margin:0}.conversation-layout .english{font-size:25px;margin:0 0 6px}.conversation-layout .chinese{font-size:17px;line-height:1.6;margin:0}.conversation-layout .scene-picture{height:112px;width:110px;aspect-ratio:auto;object-fit:contain}.conversation-layout .scene-figure .image-disclosure{font-size:11px;line-height:1.5}.conversation-layout .dialogue{gap:10px}.conversation-layout .dialogue-turn{padding:14px}.conversation-layout .bilingual-note{margin-top:4px}.conversation-layout .item-copy>.row.section{margin-top:10px}.conversation-layout .parent-tip{padding:14px}}
@media(max-width:350px){.scene-grid .list-entry.scene-card{grid-template-columns:86px minmax(0,1fr)}.scene-card>.scene-thumbnail{width:86px;height:88px}.conversation-layout{grid-template-columns:96px minmax(0,1fr);column-gap:10px}.conversation-layout .scene-picture{width:96px;height:104px}.conversation-layout .english{font-size:23px}}

.mode-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.mode-options button{min-width:0;padding:10px 8px;font-size:15px}@media(max-width:350px){.mode-options button{font-size:14px;padding-inline:5px}}

:root[data-appearance=day]{color-scheme:light}html[data-appearance] .bilingual-note{background:var(--reader-soft);color:var(--text)}
.scene-zoom{display:block;width:100%;padding:0;border:0;min-height:0;background:transparent;cursor:zoom-in}.zoomed-scene{display:block;width:100%;max-height:70dvh;object-fit:contain}
@media(max-width:700px){.conversation-layout>.scene-figure{display:contents}.conversation-layout .scene-zoom{grid-column:1;grid-row:1/3;align-self:center;width:110px}.conversation-layout .scene-figure .image-disclosure{grid-column:1/-1;grid-row:3;font-size:12px;line-height:1.6;width:100%;margin:0}.conversation-layout .scene-picture{margin:0;height:112px}.conversation-layout .item-copy>.kicker{align-self:end}.conversation-layout .item-copy>.headword{align-self:start}}
@media(max-width:350px){.conversation-layout .scene-zoom{width:96px}}

:root{--reader-control:#8c796a}:root[data-appearance=night]{--reader-control:#7d8fa1}:root[data-appearance=eye]{--reader-control:#7e8167}html[data-appearance] :is(input,select,textarea,.pill,.btn-ghost,.audio-fallback){border-color:var(--reader-control)}