/* Μαθαίνω! v0.6.73 — cool paper palette and consistent forward-action green.
   Keep the 75/25 workbook shapes and illustrated art; only neutral UI surfaces change.
   The explicit dark overrides respect the user's Appearance setting. */
html[data-workbook="on"]{
  --wb-ink:#243c4d;
  --wb-muted:#567184;
  --wb-line:#d0e2e9;
  --wb-paper:#ffffff;
  --wb-paper-alt:#f1f8fc;
  --wb-mint:#238478;
  --wb-mint-strong:#1e785b;
  --wb-soft:#e4f3f4;
  --wb-pencil:#93bec8;
  --wb-shadow:rgba(30,81,105,.10);
}
html[data-workbook="on"] body{
  background-color:#f1f8fc;
  color:var(--wb-ink);
  background-image:linear-gradient(90deg,transparent 0,transparent 50px,rgba(87,161,188,.045) 51px,transparent 52px),
    repeating-linear-gradient(to bottom,transparent 0,transparent 38px,rgba(87,161,188,.023) 39px,transparent 40px);
}
html[data-workbook="on"] .workbook-emblem{
  background:#327f88;border-color:#9ed6d9;color:#fff;
}
html[data-workbook="on"] .workbook-brand h1{color:var(--wb-ink)}
html[data-workbook="on"] #subjects button{
  background:#e8f5f8;color:#27536a;border-color:#bcdbe6;
  box-shadow:2px 3px 0 rgba(43,112,142,.09);
}
html[data-workbook="on"] #subjects button:nth-child(4n+2){background:#edf0fd}
html[data-workbook="on"] #subjects button:nth-child(4n+3){background:#eaf7ef}
html[data-workbook="on"] #subjects button:nth-child(4n+4){background:#ecf7fb}
html[data-workbook="on"] #subjects button.active{
  background:#caebe0!important;color:#175e4d;border-color:#338d75;
  box-shadow:2px 3px 0 rgba(28,117,88,.13);
}
html[data-workbook="on"] #lessonOptions,
html[data-workbook="on"] .lesson-options,
html[data-workbook="on"] #grade5Body .g5-note,
html[data-workbook="on"] #grade5Body .g5-panel{
  background:var(--wb-paper-alt);border-color:var(--wb-line);color:var(--wb-ink);
}
html[data-workbook="on"] #grade5Body .g5-note{border-left-color:#3a9d85}
html[data-workbook="on"] #grade5Body .g5-energy-progress>div{background:#419f88}
html[data-workbook="on"] .version,
html[data-workbook="on"] .home-subject-intro{color:var(--wb-muted)}
/* Forward, start, continue, save and confirm; secondary/back/skip controls stay neutral.
   The same green applies to all screens, not only their existing next buttons. */
html[data-workbook="on"] button.primary,
html[data-workbook="on"] #home button.primary,
html[data-workbook="on"] #practice,
html[data-workbook="on"] .curriculum-next,
html[data-workbook="on"] .curriculum-written-check,
html[data-workbook="on"] .mathaino-dock-next{
  background:#237e55!important;
  color:#fff!important;
  border:2px solid #166743!important;
  box-shadow:2px 3px 0 rgba(19,97,62,.20)!important;
  font-weight:750;
}
html[data-workbook="on"] button.primary:hover:not(:disabled),
html[data-workbook="on"] #practice:hover:not(:disabled),
html[data-workbook="on"] .curriculum-next:hover:not(:disabled),
html[data-workbook="on"] .mathaino-dock-next:hover:not(:disabled){
  background:#196944!important;
}
html[data-workbook="on"] button:disabled{cursor:not-allowed}
html[data-workbook="on"] button.primary:disabled,
html[data-workbook="on"] .curriculum-next:disabled{opacity:.58}
html[data-workbook="on"] button:focus-visible,
html[data-workbook="on"] select:focus-visible,
html[data-workbook="on"] input:focus-visible{outline-color:#2e8b99}
html[data-workbook="on"] #spellingLesson{
  --spell-ink:#29485b;--spell-muted:#5a7485;
  --spell-line:#c4dfe6;--spell-bg:#f1f8fc;
  --spell-active:#248265;--spell-accent:#def2eb;
}
html[data-workbook="on"] #spellingLesson .spell-activity-card{
  background:#fbfeff;border-color:#c8e2e9;box-shadow:2px 4px 0 rgba(37,116,132,.08);
}
html[data-workbook="on"] #spellSlots .spell-slot,
html[data-workbook="on"] #spellLetters .spell-tile,
html[data-workbook="on"] #spellOptions .spell-tile{border-color:#abcbd5;color:#29485b}
html[data-workbook="on"] #spellSlots .spell-slot.filled{background:#e3f3f7;border-color:#4b9f99}
html[data-workbook="on"] #spellProgress{background:#e0f0f4;border-color:#c4dfe6}
html[data-workbook="on"] #spellProgressFill{background:#389e78}
html[data-workbook="on"] #spellReveal,
html[data-workbook="on"] #spellClue{background:#eaf5f9;border-color:#b7d7e2;color:#36586b}
/* Calm neutral treatment for optional lesson packs and parent/child selection. */
html[data-workbook="on"] .mathaino-test-pack,
html[data-workbook="on"] #testPackLesson .pack-study-card,
html[data-workbook="on"] #testPackLesson .pack-question-card,
html[data-workbook="on"] button.pack-card{
  background:#f7fbfe;border-color:#cee2ea;color:#294256;
}
html[data-workbook="on"] .mathaino-test-pack h3,
html[data-workbook="on"] .pack-card-copy strong,
html[data-workbook="on"] #testPackLesson h2,
html[data-workbook="on"] #testPackLesson .pack-study-copy h3,
html[data-workbook="on"] #testPackLesson .pack-question-card h3{color:#294256}
html[data-workbook="on"] .mathaino-test-pack>p,
html[data-workbook="on"] .pack-card-detail,
html[data-workbook="on"] #testPackLesson .pack-header-meta p,
html[data-workbook="on"] #testPackLesson .pack-study-copy p{color:#587184}
html[data-workbook="on"] #testPackLesson button.pack-choice{
  background:#fff;border-color:#c9dfe8;color:#294256;
}
html[data-workbook="on"] #testPackLesson button.pack-choice:hover:not(:disabled),
html[data-workbook="on"] button.pack-card:hover{background:#e9f5fb;border-color:#71b3c3}
html[data-workbook="on"] #testPackLesson .pack-track{background:#e3f0f4}
html[data-workbook="on"] #testPackLesson .pack-track-fill{background:#319777}
html[data-workbook="on"] #profileList .profile-card,
html[data-workbook="on"] #avatarPicker .avatar-choice{background:#f7fbff;color:#294256;border-color:#cbdfe9}
html[data-workbook="on"] #profileList .profile-change,
html[data-workbook="on"] #homeAvatarActions #changeAvatar{background:#e8f3f9;color:#365c70;border-color:#bad6e4}
html[data-workbook="on"] #profileList .mathaino-crayon-avatar,
html[data-workbook="on"] #avatarPicker .mathaino-crayon-avatar,
html[data-workbook="on"] #homeAvatarActions .mathaino-crayon-avatar{
  background:#f5fbff;border-color:#c8e1eb;
}
html[data-workbook="on"] #avatarPicker .avatar-choice:hover{background:#eef8fb;border-color:#78b4c3}
html[data-workbook="on"] #avatarPicker .avatar-choice[aria-pressed="true"]{background:#e2f4eb}
/* Full curriculum screens were still using an independent sepia palette. */
html[data-workbook="on"] .curriculum-catalog,
html[data-workbook="on"] #curriculumLesson{
  background:#fff;border-color:#d1e3ec;color:#294256;
}
html[data-workbook="on"] .curriculum-lesson-card,
html[data-workbook="on"] .curriculum-study-card,
html[data-workbook="on"] .curriculum-question-card{background:#f7fbfd;border-color:#d3e3eb;color:#294256}
html[data-workbook="on"] .curriculum-choice,
html[data-workbook="on"] .curriculum-tab{background:#fff;border-color:#c4d9e4;color:#294256}
html[data-workbook="on"] .curriculum-choice:hover:not(:disabled),
html[data-workbook="on"] .curriculum-lesson-card:hover{background:#e9f5fb;border-color:#80b8c9}
html[data-workbook="on"] .curriculum-catalog-controls select{background:#fff;border-color:#bdd6e2;color:#294256}
html[data-workbook="on"] .curriculum-back,
html[data-workbook="on"] .curriculum-skip,
html[data-workbook="on"] .curriculum-retry,
html[data-workbook="on"] .curriculum-repeat,
html[data-workbook="on"] .curriculum-return,
html[data-workbook="on"] button.question-skip,
html[data-workbook="on"] button.question-retry,
html[data-workbook="on"] .mathaino-dock-skip{
  background:#eaf2f7!important;border-color:#bfd2df!important;color:#355468!important;
}
html[data-workbook="on"] .mathaino-action-dock{
  background:rgba(248,252,255,.97);border-top-color:#cadfe9;
  box-shadow:0 -6px 22px rgba(34,84,112,.11);
}
/* Warm artwork keeps its original colors. Remove extra sepia filters only. */
html[data-workbook="on"] .mathaino-energy-art,
html[data-workbook="on"] .picture-book-ink{filter:none}
html[data-workbook="on"] .mathaino-energy-art,
html[data-workbook="on"] .g5-energy-form-art{background:#f6fbfe;border-color:#cddfe9}

/* Dark appearance uses a cool, brighter slate—not brown or charcoal sepia. */
html[data-theme="dark"][data-workbook="on"]{
  --wb-ink:#eef8ff;--wb-muted:#c1d5e0;--wb-line:#547585;
  --wb-paper:#263b49;--wb-paper-alt:#2d4654;
  --wb-mint:#88d7c6;--wb-mint-strong:#7fd5b6;
  --wb-soft:#345660;--wb-pencil:#91b7c4;--wb-shadow:rgba(7,26,39,.25);
}
html[data-theme="dark"][data-workbook="on"] body{
  background-color:#1c2e3b;color:var(--wb-ink);
  background-image:linear-gradient(90deg,transparent 0,transparent 50px,rgba(153,203,224,.045) 51px,transparent 52px),
    repeating-linear-gradient(to bottom,transparent 0,transparent 38px,rgba(153,203,224,.02) 39px,transparent 40px);
}
html[data-theme="dark"][data-workbook="on"] #subjects button{
  background:#314d5f;color:#f0faff;border-color:#638b9d;
}
html[data-theme="dark"][data-workbook="on"] #subjects button:nth-child(4n+2){background:#344b67}
html[data-theme="dark"][data-workbook="on"] #subjects button:nth-child(4n+3){background:#31584c}
html[data-theme="dark"][data-workbook="on"] #subjects button:nth-child(4n+4){background:#315461}
html[data-theme="dark"][data-workbook="on"] #subjects button.active{
  background:#2f725d!important;color:#fff;border-color:#94dbc1;
}
html[data-theme="dark"][data-workbook="on"] #lessonOptions,
html[data-theme="dark"][data-workbook="on"] .lesson-options,
html[data-theme="dark"][data-workbook="on"] #grade5Body .g5-note,
html[data-theme="dark"][data-workbook="on"] #grade5Body .g5-panel,
html[data-theme="dark"][data-workbook="on"] #spellingLesson .spell-activity-card{
  background:var(--wb-paper-alt);border-color:var(--wb-line);color:var(--wb-ink);
}
html[data-theme="dark"][data-workbook="on"] #spellingLesson{
  --spell-ink:#edf8fe;--spell-muted:#c5dce8;--spell-line:#7291a3;
  --spell-bg:#2c4757;--spell-active:#89d8ba;--spell-accent:#355c57;
}
html[data-theme="dark"][data-workbook="on"] #spellSlots .spell-slot,
html[data-theme="dark"][data-workbook="on"] #spellLetters .spell-tile,
html[data-theme="dark"][data-workbook="on"] #spellOptions .spell-tile{color:#eef9ff;border-color:#779cab}
html[data-theme="dark"][data-workbook="on"] #spellReveal,
html[data-theme="dark"][data-workbook="on"] #spellClue{background:#355666;color:#f2faff;border-color:#729aaa}
html[data-theme="dark"][data-workbook="on"] .mathaino-test-pack,
html[data-theme="dark"][data-workbook="on"] #testPackLesson .pack-study-card,
html[data-theme="dark"][data-workbook="on"] #testPackLesson .pack-question-card,
html[data-theme="dark"][data-workbook="on"] button.pack-card,
html[data-theme="dark"][data-workbook="on"] .curriculum-catalog,
html[data-theme="dark"][data-workbook="on"] #curriculumLesson,
html[data-theme="dark"][data-workbook="on"] .curriculum-lesson-card,
html[data-theme="dark"][data-workbook="on"] .curriculum-study-card,
html[data-theme="dark"][data-workbook="on"] .curriculum-question-card{
  background:#2c4351;color:#edf8ff;border-color:#547686;
}
html[data-theme="dark"][data-workbook="on"] .mathaino-test-pack h3,
html[data-theme="dark"][data-workbook="on"] #testPackLesson h2,
html[data-theme="dark"][data-workbook="on"] .pack-card-copy strong,
html[data-theme="dark"][data-workbook="on"] #testPackLesson .pack-study-copy h3,
html[data-theme="dark"][data-workbook="on"] #testPackLesson .pack-question-card h3,
html[data-theme="dark"][data-workbook="on"] .curriculum-catalog h3,
html[data-theme="dark"][data-workbook="on"] .curriculum-lesson-copy strong,
html[data-theme="dark"][data-workbook="on"] .curriculum-heading h2,
html[data-theme="dark"][data-workbook="on"] .curriculum-study-copy h3,
html[data-theme="dark"][data-workbook="on"] .curriculum-question-title{color:#f0faff}
html[data-theme="dark"][data-workbook="on"] .pack-card-detail,
html[data-theme="dark"][data-workbook="on"] .mathaino-test-pack>p,
html[data-theme="dark"][data-workbook="on"] #testPackLesson .pack-header-meta p,
html[data-theme="dark"][data-workbook="on"] #testPackLesson .pack-study-copy p,
html[data-theme="dark"][data-workbook="on"] .curriculum-catalog-top p:not(.curriculum-overline),
html[data-theme="dark"][data-workbook="on"] .curriculum-book-unit,
html[data-theme="dark"][data-workbook="on"] .curriculum-lesson-detail{color:#c7dce6}
html[data-theme="dark"][data-workbook="on"] #testPackLesson button.pack-choice,
html[data-theme="dark"][data-workbook="on"] .curriculum-choice,
html[data-theme="dark"][data-workbook="on"] .curriculum-tab{background:#344f5f;border-color:#7194a3;color:#f0faff}
html[data-theme="dark"][data-workbook="on"] #testPackLesson button.pack-choice:hover:not(:disabled),
html[data-theme="dark"][data-workbook="on"] .curriculum-choice:hover:not(:disabled){background:#3d6270}
html[data-theme="dark"][data-workbook="on"] #profileList .profile-card,
html[data-theme="dark"][data-workbook="on"] #avatarPicker .avatar-choice{background:#314b5c;color:#f0faff;border-color:#638698}
html[data-theme="dark"][data-workbook="on"] #profileList .profile-change,
html[data-theme="dark"][data-workbook="on"] #homeAvatarActions #changeAvatar{background:#36586a;color:#f0faff;border-color:#7798a8}
html[data-theme="dark"][data-workbook="on"] #avatarPicker .avatar-choice[aria-pressed="true"]{background:#315f52;border-color:#91d9b9}
html[data-theme="dark"][data-workbook="on"] .mathaino-energy-art,
html[data-theme="dark"][data-workbook="on"] .g5-energy-form-art{background:#314d5c;border-color:#618394}
html[data-theme="dark"][data-workbook="on"] .curriculum-back,
html[data-theme="dark"][data-workbook="on"] .curriculum-skip,
html[data-theme="dark"][data-workbook="on"] .curriculum-retry,
html[data-theme="dark"][data-workbook="on"] .curriculum-repeat,
html[data-theme="dark"][data-workbook="on"] .curriculum-return,
html[data-theme="dark"][data-workbook="on"] button.question-skip,
html[data-theme="dark"][data-workbook="on"] button.question-retry,
html[data-theme="dark"][data-workbook="on"] .mathaino-dock-skip{
  background:#375263!important;color:#f2faff!important;border-color:#6e93a4!important;
}
html[data-theme="dark"][data-workbook="on"] .mathaino-action-dock{
  background:rgba(32,52,64,.97);border-top-color:#628495;
}
html[data-theme="dark"][data-workbook="on"] button.primary,
html[data-theme="dark"][data-workbook="on"] #home button.primary,
html[data-theme="dark"][data-workbook="on"] #practice,
html[data-theme="dark"][data-workbook="on"] .curriculum-next,
html[data-theme="dark"][data-workbook="on"] .curriculum-written-check,
html[data-theme="dark"][data-workbook="on"] .mathaino-dock-next{
  background:#26835b!important;border-color:#83dab0!important;color:#fff!important;
}
html[data-theme="dark"][data-workbook="on"] button.primary:hover:not(:disabled),
html[data-theme="dark"][data-workbook="on"] #practice:hover:not(:disabled){background:#1d704e!important}

/* Preserve answer feedback and selected lesson tabs above the neutral surfaces. */
html[data-workbook="on"] .curriculum-tab.active{
  background:#d9f1e8;border-color:#379576;color:#1d614a;
}
html[data-theme="dark"][data-workbook="on"] .curriculum-tab.active{
  background:#315f53;border-color:#91d7b9;color:#fff;
}
html[data-workbook="on"] #testPackLesson button.pack-choice.pack-wrong{
  background:#fbe8e4!important;border-color:#ce8b81!important;color:#7a4644;
}
html[data-theme="dark"][data-workbook="on"] #testPackLesson button.pack-choice.pack-wrong{
  background:#62433f!important;border-color:#b7827d!important;color:#ffeae8;
}
html[data-workbook="on"] #testPackLesson,
html[data-workbook="on"] #testPackLesson .pack-intro,
html[data-workbook="on"] #testPackLesson .pack-feedback,
html[data-workbook="on"] #testPackLesson .pack-count{color:var(--wb-ink)}
html[data-workbook="on"] #testPackLesson .pack-eyebrow,
html[data-workbook="on"] .pack-card-grade,
html[data-workbook="on"] #testPackLesson .pack-source a{color:#286d83}
html[data-workbook="on"] #testPackLesson .pack-reveal{
  background:#e8f3f9;border-color:#a9cfdf;color:#35586b;
}
html[data-workbook="on"] #testPackLesson .pack-feedback[data-state="good"]{color:#217650}
html[data-workbook="on"] #testPackLesson .pack-feedback[data-state="try"]{color:#9b562f}
html[data-workbook="on"] .curriculum-book-link,
html[data-workbook="on"] .curriculum-art,
html[data-workbook="on"] .curriculum-written-input,
html[data-workbook="on"] #spellBookNote.spell-book-note{
  background:#eff8fc;color:#29485c;border-color:#c6dfea;
}
html[data-workbook="on"] #spellBookNote.spell-book-note{border-left-color:#389e88}
html[data-theme="dark"][data-workbook="on"] .curriculum-book-link,
html[data-theme="dark"][data-workbook="on"] .curriculum-art,
html[data-theme="dark"][data-workbook="on"] .curriculum-written-input,
html[data-theme="dark"][data-workbook="on"] #spellBookNote.spell-book-note{
  background:#335262;color:#f0faff;border-color:#6b92a3;
}
html[data-theme="dark"][data-workbook="on"] #spellBookNote.spell-book-note{border-left-color:#80cdb4}
html[data-theme="dark"][data-workbook="on"] #testPackLesson .pack-reveal{
  background:#355768;border-color:#749aaa;color:#f0faff;
}
html[data-theme="dark"][data-workbook="on"] #testPackLesson .pack-eyebrow,
html[data-theme="dark"][data-workbook="on"] #testPackLesson .pack-source a,
html[data-theme="dark"][data-workbook="on"] .pack-card-grade{color:#9cd5e9}
html[data-theme="dark"][data-workbook="on"] #testPackLesson .pack-feedback[data-state="good"]{color:#a8e6bf}
html[data-theme="dark"][data-workbook="on"] #testPackLesson .pack-feedback[data-state="try"]{color:#ffc69c}


/* v0.6.74: Filled letter slots must never have pale backgrounds with white text.
   Keep selected letters readable in dark mode and preserve distinct unused tiles. */
html[data-theme="dark"][data-workbook="on"] #spellSlots .spell-slot.filled{
  background:#2f6372;
  color:#ffffff;
  border-color:#90cbd5;
  opacity:1;
}
html[data-theme="dark"][data-workbook="on"] #spellSlots .spell-slot:not(.filled){
  background:#294656;color:#effaff;border-color:#6d98a8;
}
html[data-theme="dark"][data-workbook="on"] #spellSlots .spell-slot.filled:disabled{
  opacity:1;
}