/* CueZip dark appearance only. Loaded after all existing device CSS; no layout changes. */
html.cz-dark{--ink:#eaf4fa;--muted:#b2c4d3;--teal:#67dce8;--cyan:#12c5d7;--aqua:#244d60;--paper:#111d2c;--line:#365064;color:#eaf4fa}
.cz-dark body{background:var(--paper);color:var(--ink)}
.cz-dark p,.cz-dark .lead,.cz-dark .sub,.cz-dark .cz-page-heading .lead,.cz-dark .cz-page-heading .inv-lead{color:#c3d2df}
.cz-dark .side-rail button{color:#28586b}
.cz-dark .side-rail button.active,.cz-dark .side-rail button[aria-current="page"]{background:#12c5d7;color:#07334a}
.cz-dark .side-rail button:hover,.cz-dark .side-rail button:focus-visible{background:#d6f5f7;color:#007f91}
.cz-dark .desktop-menu button,.cz-dark .mobile-menu button{color:#e1f2f7}
.cz-dark .desktop-menu button:hover{background:#285568;color:#8ef4fa}
.cz-dark .desktop-menu,.cz-dark .mobile-menu{background:#1e3447;border-color:var(--line)}
.cz-dark .panel,.cz-dark .step,.cz-dark .review-controls,.cz-dark .cue-recall-panel{background:#203146;border-color:var(--line)}
.cz-dark .hero{background:linear-gradient(125deg,#b9f3f5,#7ce5ec 56%,#b8f7f7);border-color:#35cad7}
.cz-dark .hero h1,.cz-dark .hero .eyebrow{color:#14263f}
.cz-dark .hero .sub{color:#34566b}
.cz-dark .cz-why-home,.cz-dark .method-note{background:#20394a;border-color:#3a6674;color:#c8d8e4}
.cz-dark .cz-why-home p,.cz-dark .cz-why-home .cz-why-lead{color:#c8d8e4}
.cz-dark .cz-why-home h2{color:#eaf4fa}
.cz-dark .cz-why-home .cz-why-story{color:#67dce8}
.cz-dark .cz-page-heading h1,.cz-dark .cz-home-cue-heading{color:#68deeb}
.cz-dark .site-footer{background:#1a3043;border-color:#38566b;color:#b4cbd7}
.cz-dark .footer-social a,.cz-dark .footer-facebook-pending{background:#253e52;border-color:#46677c}
.cz-dark .searchbox,.cz-dark .inv-search,.cz-dark input:not([type=hidden]),.cz-dark select,.cz-dark textarea,.cz-dark .filter,.cz-dark .inv-tab,.cz-dark .alphabet button,.cz-dark .answer,.cz-dark .cue-action{background:#24394c;color:#eaf4fa;border-color:#456075}
.cz-dark .answer.correct{background:#215d45;color:#f0fff5;border-color:#49bb83}
.cz-dark .answer.wrong{background:#6b3045;color:#fff0f3;border-color:#e17b9c}
.cz-dark input::placeholder,.cz-dark textarea::placeholder{color:#b6c5d1}
.cz-dark .filter.active,.cz-dark .inv-tab[aria-selected=true],.cz-dark .alphabet button.active{background:var(--cyan);color:#09263d;border-color:var(--cyan)}
.cz-dark .inv-tab:nth-child(2):not([aria-selected=true]){background:#244e50;color:#a7eeee;border-color:#427b7b}
.cz-dark .inv-tab:nth-child(3):not([aria-selected=true]){background:#393b63;color:#d7d4ff;border-color:#696995}
/* Keep the original pastel subject cards in both modes. Each cue remains a separate rounded row. */
.cz-dark .card{--teal:#008799;background:#e7efff;border-color:#d8e8f1;border-top-color:#5792f4;color:#14263f}
.cz-dark .card[data-cat=English]{background:#fce5f0;border-top-color:#dd88b2}
.cz-dark .card[data-cat=Science]{background:#e3f8ed;border-top-color:#56b88d}
.cz-dark .card[data-cat='Social Studies']{background:#f6ecdb;border-top-color:#bd9d5b}
.cz-dark .card h2{color:#14263f}
.cz-dark .card .tag{color:#5b7086}
.cz-dark .card-save{background:#fff;border-color:#dae4ed;color:#008799}
.cz-dark .cz-mini-public-card{background:var(--cz-row-tint);border-color:#d9e6ef;color:#14263f}
.cz-dark .cz-mini-public-label,.cz-dark .library-preview-text,.cz-dark .cue-line{color:#14263f}
.cz-dark .library-preview:not(.library-preview-mini),.cz-dark .library-preview-text,.cz-dark .cue-line{background:#fff;border-color:#d9e6ef;color:#14263f}
/* Great Minds retains its invention/discovery color coding and light-tinted information panels. */
.cz-dark .inv-card{background:#e6f9f9;border-color:#b7e8e9;border-top-color:#22a6b1}
.cz-dark .inv-card.discovery{background:#e8f0ff;border-color:#b7cde9;border-top-color:#5b91ed}
.cz-dark .inv-title,.cz-dark .inv-cue{color:#14263f}
.cz-dark .inv-strip{background:var(--cz-row-tint);border-color:#bdd5df;color:#14263f}
.cz-dark .inv-person{color:#008799}
.cz-dark .inv-year,.cz-dark .inv-fact{color:#5d6d83}
.cz-dark .inv-fact-label{color:#14263f}
.cz-dark .inv-fallback{color:#008799}
/* Tablet and desktop brand chrome uses the original light-theme text colors. */
/* Cue artwork is authored for a light canvas and must not be recolored. */
.cz-dark .library-preview-visual:not(.library-preview-mini),.cz-dark .cue-visual-fixed,.cz-dark .cz-mini-public-image,.cz-dark .inv-visual,.cz-dark .cz-detail-mini-fit,.cz-dark .cue-visual{background:#fdfdfe}
.cz-dark .cue-highlight,.cz-dark .inv-pink,.cz-dark .magenta{color:#ed1374}
.cz-dark .detail .cue-panel{background:#203f50}
.cz-dark .gm-detail-strip{color:#14263f}.cz-dark .gm-detail-info{color:#14263f}.cz-dark .gm-detail-info strong{color:#008799}.cz-dark .gm-detail-info>span{color:#5d6d83}.cz-dark .gm-detail-mnemonic{color:#14263f}.cz-dark .gm-detail-mnemonic .magenta,.cz-dark .gm-detail-mnemonic .inv-pink{color:#ed1374}
.cz-dark .field label{color:#eaf4fa}
.cz-dark #settings .cz-coming-soon{background:#285568;color:#9ceef6}

@media (max-width: 767px){
 .cz-dark .header{background:#1a3043;border-color:#38566b}
 .cz-dark .navlinks button{color:#e3eff5}
 .cz-dark .navlinks button.active{background:#285568;color:#8ceaf0}
}

/* Preserve the original cyan brand chrome on tablet and desktop. */
@media (min-width: 768px){
 .cz-dark .header{background:radial-gradient(circle 125px at 92% 10%,rgba(255,255,255,.38) 0 48%,transparent 49%),linear-gradient(110deg,#65dce5 0%,#8ceaf0 52%,#d0f8f8 100%);border-color:#b7e8ee}
 .cz-dark .navlinks button{color:#34445d}
 .cz-dark .navlinks button.active{background:#e8fafd;color:#008799}
 .cz-dark .side-rail{border-color:#c8eaf0;background:radial-gradient(circle 135px at -28% 93%,rgba(0,186,198,.32) 0 58%,transparent 59%),radial-gradient(circle 105px at 115% 15%,rgba(255,255,255,.40) 0 55%,transparent 56%),linear-gradient(165deg,#b3f4f4 0%,#71dfe6 52%,#b1f3f2 100%)}
}

/* Compact Settings colors only. */
.cz-dark #settings .cz-settings-compact h2,.cz-dark #settings .cz-appearance-options label,.cz-dark #settings .cz-settings-line,.cz-dark #settings .cz-settings-privacy{color:#eaf4fa}
.cz-dark #settings .cz-theme-circle{background:#263c50;color:#eaf4fa;border-color:#486176}
.cz-dark #settings .cz-appearance-options input:checked+.cz-theme-circle{border-color:#12c5d7}