.reading-theme{margin:1rem 0;padding:1rem;border:1px solid #8d9b8d;border-radius:1rem;background:#f3f6ed}
.reading-theme h2{margin:0 0 .6rem;font-size:1.15rem}.reading-theme-buttons{display:flex;flex-wrap:wrap;gap:.6rem}.reading-theme button{padding:.6rem 1rem;border:2px solid #486a4f;border-radius:.7rem;background:#fff;color:#173d32;font:inherit;cursor:pointer}.reading-theme button[aria-pressed="true"]{background:#173d32;color:#fff}.reading-theme button:focus-visible{outline:3px solid #c97c12;outline-offset:3px}.reading-theme p{margin:.6rem 0 0}
@media screen{
html[data-reading-theme="dark"]{color-scheme:dark;background:#1e2522}
html[data-reading-theme="dark"] body{background:#1e2522!important;color:#f0eadf!important}
html[data-reading-theme="dark"] :is(main,.reader-article,.story-prose,.reading-scene,.pannen-narration,.reading-hero,footer,.certification-links,.site-header,.nav-dropdown-menu,.wusel-recommendations,.wusel-recommendation,.share-tools,.child-safety-note,.reading-text-size,.reading-theme){background:#1e2522!important;color:#f0eadf!important;border-color:#738578!important;box-shadow:none!important}
html[data-reading-theme="dark"] :is(h1,h2,h3,h4,p,li,figcaption,.eyebrow,.story-meta,.speaker-name){color:#f0eadf!important}
html[data-reading-theme="dark"] a{color:#c9e7be!important}
html[data-reading-theme="dark"] :is(button,.button){background:#303e35!important;color:#f4eddf!important;border-color:#a9c4a9!important}
html[data-reading-theme="dark"] button[aria-pressed="true"]{background:#e4edcf!important;color:#1e2522!important}
html[data-reading-theme="dark"] :is(.voice-puschel,.speaker-puschel){background:#233746!important;color:#eef5ff!important;border-color:#79b4e8!important}
html[data-reading-theme="dark"] :is(.voice-flauschi,.speaker-flauschi){background:#443323!important;color:#fff1df!important;border-color:#ecb27a!important}
html[data-reading-theme="dark"] :is(.voice-puschel,.voice-flauschi) .speaker-name{color:inherit!important}
}
@media print{.reading-theme{display:none!important}}

/* Shared toolbar: both choices share the text-size panel. */
.reading-text-size:has(.reading-theme){display:flex;flex-wrap:wrap;align-items:center;gap:.65rem 1.25rem}
.reading-text-size:has(.reading-theme)>h2{flex-basis:100%;margin:0}
.reading-text-size:has(.reading-theme)>.reading-text-size-buttons{flex:0 1 auto}
.reading-text-size .reading-theme{padding:0;margin:0;border:0;border-radius:0;background:transparent;flex:0 1 auto}
.reading-text-size .reading-theme h2,.reading-text-size .reading-theme p{display:none}
.reading-text-size .reading-theme button{padding:.55rem .8rem}
.reading-text-size:has(.reading-theme)>p{flex-basis:100%;margin:0;font-size:.85rem}

.reading-text-size:has(.reading-theme)>p{font-size:14px!important;line-height:1.4!important}

@media screen{
html[data-reading-theme="dark"] main :is(article,aside,details,summary,table,th,td,input,select,textarea,[class*="-card"],[class*="-box"],[class*="-panel"],.return-tools){background-color:#253029!important;color:#f0eadf!important;border-color:#738578!important}
html[data-reading-theme="dark"] :is(blockquote,dt,dd,label,summary,small,legend){color:#f0eadf!important}
html[data-reading-theme="dark"] main :is(.story-dialogue.speaker-puschel,.voice-puschel){background-color:#233746!important}
html[data-reading-theme="dark"] main :is(.story-dialogue.speaker-flauschi,.voice-flauschi){background-color:#443323!important}
html[data-reading-theme="dark"] .hero{background-color:#1e2522}
}

/* Complete surface coverage: source backgrounds, including gradients. */
@media screen{
html[data-reading-theme="dark"] .about,
html[data-reading-theme="dark"] .about-wusel-audience,
html[data-reading-theme="dark"] .about-wusel-audience .button,
html[data-reading-theme="dark"] .about-wusel-audience aside,
html[data-reading-theme="dark"] .about-wusel-authors,
html[data-reading-theme="dark"] .about-wusel-characters article,
html[data-reading-theme="dark"] .about-wusel-page,
html[data-reading-theme="dark"] .activity-badge,
html[data-reading-theme="dark"] .activity-card,
html[data-reading-theme="dark"] .activity-disclosure,
html[data-reading-theme="dark"] .activity-facts span,
html[data-reading-theme="dark"] .activity-hero,
html[data-reading-theme="dark"] .activity-preview,
html[data-reading-theme="dark"] .adult-help,
html[data-reading-theme="dark"] .adult-payment-note,
html[data-reading-theme="dark"] .adult-zone,
html[data-reading-theme="dark"] .adventure,
html[data-reading-theme="dark"] .anatomy-list div,
html[data-reading-theme="dark"] .audience-note,
html[data-reading-theme="dark"] .beauty-tutorial,
html[data-reading-theme="dark"] .breakfast-week a[aria-current="page"],
html[data-reading-theme="dark"] .button,
html[data-reading-theme="dark"] .categories,
html[data-reading-theme="dark"] .category-card,
html[data-reading-theme="dark"] .category-card button,
html[data-reading-theme="dark"] .certification-links,
html[data-reading-theme="dark"] .character-rules li,
html[data-reading-theme="dark"] .character-turnarounds,
html[data-reading-theme="dark"] .character.her,
html[data-reading-theme="dark"] .character.him,
html[data-reading-theme="dark"] .child-safety-note,
html[data-reading-theme="dark"] .chooser-grid a,
html[data-reading-theme="dark"] .close,
html[data-reading-theme="dark"] .collection-hero,
html[data-reading-theme="dark"] .collection-list article,
html[data-reading-theme="dark"] .comfort-adult-grid article,
html[data-reading-theme="dark"] .comfort-adults,
html[data-reading-theme="dark"] .comfort-grid article,
html[data-reading-theme="dark"] .comfort-help,
html[data-reading-theme="dark"] .comfort-jumps a,
html[data-reading-theme="dark"] .comfort-page,
html[data-reading-theme="dark"] .comfort-print-page,
html[data-reading-theme="dark"] .comfort-print-page .comfort-word,
html[data-reading-theme="dark"] .comfort-section.adult-help,
html[data-reading-theme="dark"] .comfort-sound-controls,
html[data-reading-theme="dark"] .comfort-story,
html[data-reading-theme="dark"] .comfort-word-grid .comfort-word,
html[data-reading-theme="dark"] .coming-chapters span,
html[data-reading-theme="dark"] .contact-card,
html[data-reading-theme="dark"] .contact-card input,
html[data-reading-theme="dark"] .contact-card select,
html[data-reading-theme="dark"] .contact-card textarea,
html[data-reading-theme="dark"] .contact-check.adult-confirmation,
html[data-reading-theme="dark"] .contact-page,
html[data-reading-theme="dark"] .contact-result,
html[data-reading-theme="dark"] .contact-result-icon,
html[data-reading-theme="dark"] .contribute,
html[data-reading-theme="dark"] .contribute .button,
html[data-reading-theme="dark"] .countdown-adult,
html[data-reading-theme="dark"] .countdown-day,
html[data-reading-theme="dark"] .countdown-number,
html[data-reading-theme="dark"] .countdown-page,
html[data-reading-theme="dark"] .countdown-status strong,
html[data-reading-theme="dark"] .countdown-status>*,
html[data-reading-theme="dark"] .countdown-task,
html[data-reading-theme="dark"] .dialogue-utterance,
html[data-reading-theme="dark"] .dialogue-utterance.speaker-flauschi,
html[data-reading-theme="dark"] .dialogue-utterance.speaker-puschel,
html[data-reading-theme="dark"] .diet-badge,
html[data-reading-theme="dark"] .diet-explanation,
html[data-reading-theme="dark"] .discovery-facts,
html[data-reading-theme="dark"] .discovery-facts li,
html[data-reading-theme="dark"] .discovery-guides,
html[data-reading-theme="dark"] .discovery-rule,
html[data-reading-theme="dark"] .discovery-symbol,
html[data-reading-theme="dark"] .discovery-symbol span,
html[data-reading-theme="dark"] .download-card,
html[data-reading-theme="dark"] .drink-note,
html[data-reading-theme="dark"] .episode-body aside,
html[data-reading-theme="dark"] .episode-hero,
html[data-reading-theme="dark"] .episode-link,
html[data-reading-theme="dark"] .episode-more a,
html[data-reading-theme="dark"] .fairytale-chapters a,
html[data-reading-theme="dark"] .fairytale-facts span,
html[data-reading-theme="dark"] .fairytale-page button,
html[data-reading-theme="dark"] .fairytale-pause,
html[data-reading-theme="dark"] .fairytale-progress,
html[data-reading-theme="dark"] .family-session,
html[data-reading-theme="dark"] .faq,
html[data-reading-theme="dark"] .favorite-button,
html[data-reading-theme="dark"] .favorite-button.active,
html[data-reading-theme="dark"] .feeling-1,
html[data-reading-theme="dark"] .feeling-2,
html[data-reading-theme="dark"] .feeling-4,
html[data-reading-theme="dark"] .feeling-5,
html[data-reading-theme="dark"] .feeling-card,
html[data-reading-theme="dark"] .figure-detail,
html[data-reading-theme="dark"] .filter-bar button,
html[data-reading-theme="dark"] .filter-bar button.active,
html[data-reading-theme="dark"] .finder-choice,
html[data-reading-theme="dark"] .forest-discovery-page,
html[data-reading-theme="dark"] .free-from-badge,
html[data-reading-theme="dark"] .gallery-grid button span,
html[data-reading-theme="dark"] .guide-box,
html[data-reading-theme="dark"] .guide-card,
html[data-reading-theme="dark"] .guide-hero,
html[data-reading-theme="dark"] .guide-more a,
html[data-reading-theme="dark"] .guide-page,
html[data-reading-theme="dark"] .guide-selection,
html[data-reading-theme="dark"] .guide-tips li,
html[data-reading-theme="dark"] .halloween-day,
html[data-reading-theme="dark"] .halloween-page,
html[data-reading-theme="dark"] .halloween-page .countdown-adult,
html[data-reading-theme="dark"] .halloween-page .countdown-number,
html[data-reading-theme="dark"] .halloween-page .countdown-status strong,
html[data-reading-theme="dark"] .halloween-page .countdown-task,
html[data-reading-theme="dark"] .help-card,
html[data-reading-theme="dark"] .home-guide-card,
html[data-reading-theme="dark"] .home-latest,
html[data-reading-theme="dark"] .home-seasons,
html[data-reading-theme="dark"] .idea-list,
html[data-reading-theme="dark"] .kita-card,
html[data-reading-theme="dark"] .kita-facts span,
html[data-reading-theme="dark"] .kita-hint,
html[data-reading-theme="dark"] .knowledge-box,
html[data-reading-theme="dark"] .knowledge-clue,
html[data-reading-theme="dark"] .knowledge-clue>span,
html[data-reading-theme="dark"] .knowledge-coming-soon,
html[data-reading-theme="dark"] .knowledge-legacy,
html[data-reading-theme="dark"] .knowledge-meta span,
html[data-reading-theme="dark"] .knowledge-question,
html[data-reading-theme="dark"] .knowledge-search,
html[data-reading-theme="dark"] .knowledge-search button,
html[data-reading-theme="dark"] .knowledge-search input,
html[data-reading-theme="dark"] .knowledge-search li,
html[data-reading-theme="dark"] .knowledge-sound,
html[data-reading-theme="dark"] .knowledge-topic-nav a,
html[data-reading-theme="dark"] .knowledge-topic-nav a:focus-visible,
html[data-reading-theme="dark"] .knowledge-topic-nav a:hover,
html[data-reading-theme="dark"] .knowledge-upcoming,
html[data-reading-theme="dark"] .knowledge-world-art,
html[data-reading-theme="dark"] .knowledge-world-card,
html[data-reading-theme="dark"] .language-switch,
html[data-reading-theme="dark"] .language-switch:focus-visible,
html[data-reading-theme="dark"] .language-switch:hover,
html[data-reading-theme="dark"] .latest-card,
html[data-reading-theme="dark"] .legal .notice,
html[data-reading-theme="dark"] .legal-section,
html[data-reading-theme="dark"] .lumi-traits li,
html[data-reading-theme="dark"] .menu-button,
html[data-reading-theme="dark"] .movement-note,
html[data-reading-theme="dark"] .movement-steps figure,
html[data-reading-theme="dark"] .nav-dropdown-menu,
html[data-reading-theme="dark"] .nav-dropdown-menu a:focus-visible,
html[data-reading-theme="dark"] .nav-dropdown-menu a:hover,
html[data-reading-theme="dark"] .nav-dropdown-menu-right,
html[data-reading-theme="dark"] .nav-dropdown-toggle,
html[data-reading-theme="dark"] .nav-dropdown-toggle:focus-visible,
html[data-reading-theme="dark"] .nav-dropdown-toggle:hover,
html[data-reading-theme="dark"] .news-item,
html[data-reading-theme="dark"] .news-item.latest,
html[data-reading-theme="dark"] .news-meta span,
html[data-reading-theme="dark"] .page-jump-nav a,
html[data-reading-theme="dark"] .page-jump-nav a:focus-visible,
html[data-reading-theme="dark"] .page-jump-nav a:hover,
html[data-reading-theme="dark"] .panne-filters button,
html[data-reading-theme="dark"] .panne-filters button.active,
html[data-reading-theme="dark"] .panne-tools,
html[data-reading-theme="dark"] .pannen-voice,
html[data-reading-theme="dark"] .pannen-voice.voice-flauschi,
html[data-reading-theme="dark"] .pannen-voice.voice-puschel,
html[data-reading-theme="dark"] .participation-cue,
html[data-reading-theme="dark"] .participation-meta span,
html[data-reading-theme="dark"] .participation-next,
html[data-reading-theme="dark"] .participation-prep,
html[data-reading-theme="dark"] .pfoten-idea,
html[data-reading-theme="dark"] .pfoten-idea-1,
html[data-reading-theme="dark"] .pfoten-idea-2,
html[data-reading-theme="dark"] .pfoten-jump a,
html[data-reading-theme="dark"] .pork-badge,
html[data-reading-theme="dark"] .print-note,
html[data-reading-theme="dark"] .profile-facts div,
html[data-reading-theme="dark"] .profile-flauschi,
html[data-reading-theme="dark"] .profile-flauschi .profile-facts div,
html[data-reading-theme="dark"] .profile-hero,
html[data-reading-theme="dark"] .profile-page .site-header,
html[data-reading-theme="dark"] .profile-portrait span,
html[data-reading-theme="dark"] .read-aloud,
html[data-reading-theme="dark"] .read-aloud button,
html[data-reading-theme="dark"] .read-aloud button:first-child,
html[data-reading-theme="dark"] .read-aloud>div:first-child>span,
html[data-reading-theme="dark"] .reader-card,
html[data-reading-theme="dark"] .reader-sections summary,
html[data-reading-theme="dark"] .reader-sections-panel,
html[data-reading-theme="dark"] .reader-sections-panel a:focus-visible,
html[data-reading-theme="dark"] .reader-sections-panel a:hover,
html[data-reading-theme="dark"] .reading-page,
html[data-reading-theme="dark"] .reading-progress,
html[data-reading-theme="dark"] .reading-text-size,
html[data-reading-theme="dark"] .recipe-card,
html[data-reading-theme="dark"] .recipe-card-head button,
html[data-reading-theme="dark"] .recipe-diet-note,
html[data-reading-theme="dark"] .recipe-filter-bar button,
html[data-reading-theme="dark"] .recipe-filter-bar button[aria-pressed="true"],
html[data-reading-theme="dark"] .recipe-jump a,
html[data-reading-theme="dark"] .recipe-name-index,
html[data-reading-theme="dark"] .recipe-name-index details,
html[data-reading-theme="dark"] .recipe-name-index summary:hover,
html[data-reading-theme="dark"] .recipe-page,
html[data-reading-theme="dark"] .recipe-promo,
html[data-reading-theme="dark"] .recipe-safety,
html[data-reading-theme="dark"] .recipe-story .flauschi-quote,
html[data-reading-theme="dark"] .recipe-story blockquote,
html[data-reading-theme="dark"] .recipe-text-size,
html[data-reading-theme="dark"] .recipe-text-size button,
html[data-reading-theme="dark"] .recipe-text-size button[aria-pressed=true],
html[data-reading-theme="dark"] .return-tools,
html[data-reading-theme="dark"] .season,
html[data-reading-theme="dark"] .season-card,
html[data-reading-theme="dark"] .season-copy button,
html[data-reading-theme="dark"] .season-four,
html[data-reading-theme="dark"] .season-image .motif,
html[data-reading-theme="dark"] .season-shortcut,
html[data-reading-theme="dark"] .share-actions .share-adult-toggle,
html[data-reading-theme="dark"] .share-actions button,
html[data-reading-theme="dark"] .share-actions button:first-child,
html[data-reading-theme="dark"] .share-platforms a,
html[data-reading-theme="dark"] .share-platforms a:focus-visible,
html[data-reading-theme="dark"] .share-platforms a:hover,
html[data-reading-theme="dark"] .share-platforms button,
html[data-reading-theme="dark"] .share-platforms button:focus-visible,
html[data-reading-theme="dark"] .share-platforms button:hover,
html[data-reading-theme="dark"] .share-tools,
html[data-reading-theme="dark"] .share-tools>div:first-child>span,
html[data-reading-theme="dark"] .site-header nav,
html[data-reading-theme="dark"] .site-header nav a:focus-visible,
html[data-reading-theme="dark"] .site-header nav a:hover,
html[data-reading-theme="dark"] .site-header nav>a.nav-support,
html[data-reading-theme="dark"] .site-header nav>a.nav-support:focus-visible,
html[data-reading-theme="dark"] .site-header nav>a.nav-support:hover,
html[data-reading-theme="dark"] .site-header.site-header-subpage,
html[data-reading-theme="dark"] .skip,
html[data-reading-theme="dark"] .story-dialogue,
html[data-reading-theme="dark"] .story-dialogue.speaker-flauschi,
html[data-reading-theme="dark"] .story-dialogue.speaker-puschel,
html[data-reading-theme="dark"] .story-insight,
html[data-reading-theme="dark"] .story-meta span,
html[data-reading-theme="dark"] .story-orientation p,
html[data-reading-theme="dark"] .story-page .site-header,
html[data-reading-theme="dark"] .story-prose>p.is-reading,
html[data-reading-theme="dark"] .story-section,
html[data-reading-theme="dark"] .support-action,
html[data-reading-theme="dark"] .support-amounts a,
html[data-reading-theme="dark"] .support-amounts a:hover,
html[data-reading-theme="dark"] .support-page,
html[data-reading-theme="dark"] .together,
html[data-reading-theme="dark"] .turnaround-card,
html[data-reading-theme="dark"] .turnaround-card-flauschi .anatomy-list div,
html[data-reading-theme="dark"] .turnaround-image-frame,
html[data-reading-theme="dark"] .tutorial-note,
html[data-reading-theme="dark"] .tutorial-products,
html[data-reading-theme="dark"] .tutorial-steps li,
html[data-reading-theme="dark"] .tutorial-steps li>span,
html[data-reading-theme="dark"] .updates,
html[data-reading-theme="dark"] .visit-counter,
html[data-reading-theme="dark"] .workshop-box,
html[data-reading-theme="dark"] .workshop-card,
html[data-reading-theme="dark"] .workshop-hero,
html[data-reading-theme="dark"] .world-1,
html[data-reading-theme="dark"] .world-2,
html[data-reading-theme="dark"] .world-3,
html[data-reading-theme="dark"] .world-4,
html[data-reading-theme="dark"] .wusel-finder,
html[data-reading-theme="dark"] .wusel-heart-rules,
html[data-reading-theme="dark"] .wusel-heart-rules li,
html[data-reading-theme="dark"] .wusel-house,
html[data-reading-theme="dark"] .wusel-house-room,
html[data-reading-theme="dark"] .wusel-house-view,
html[data-reading-theme="dark"] .wusel-recommendation,
html[data-reading-theme="dark"] .wusel-recommendations,
html[data-reading-theme="dark"] .wusel-rule-number,
html[data-reading-theme="dark"] .wusel-support,
html[data-reading-theme="dark"] body,
html[data-reading-theme="dark"] dialog,
html[data-reading-theme="dark"] dialog::backdrop,
html[data-reading-theme="dark"] footer,
html[data-reading-theme="dark"] main[data-text-size] .reading-text-size button,
html[data-reading-theme="dark"] main[data-text-size] .reading-text-size button[aria-pressed=true]{background:#253029!important;color:#f0eadf!important;border-color:#738578!important;box-shadow:none!important}
html[data-reading-theme="dark"] :is(main,footer,.site-header,.owner-review){background:#1e2522!important;color:#f0eadf!important}
html[data-reading-theme="dark"] :is(strong,b,span,time,em,i){color:inherit!important}
html[data-reading-theme="dark"] main :is(section,article,aside,blockquote,details,summary,table,th,td){background-image:none!important}
html[data-reading-theme="dark"] :is(.story-dialogue.speaker-puschel,.pannen-voice.voice-puschel,.voice-puschel,.dialogue-utterance.speaker-puschel,.recipe-story blockquote){background:#233746!important;color:#eef5ff!important}
html[data-reading-theme="dark"] :is(.story-dialogue.speaker-flauschi,.pannen-voice.voice-flauschi,.voice-flauschi,.dialogue-utterance.speaker-flauschi,.recipe-story .flauschi-quote){background:#443323!important;color:#fff1df!important}
html[data-reading-theme="dark"] :is(button[aria-pressed="true"],button.active,.favorite-button.active){background:#e4edcf!important;color:#1e2522!important}
html[data-reading-theme="dark"] :is(.hero-copy,.hero-copy h1,.hero-copy p,.hero-copy span){color:#fffaf0!important}
}

@media screen{html[data-reading-theme="dark"] .owner-review :is(label,.owner-review-item){background:#253029!important;color:#f0eadf!important;border-color:#738578!important}}

@media screen{html[data-reading-theme="dark"] .scene-number{color:#c9e7be!important}}
/* Keep the compact note and selected buttons above the font-size stylesheet. */
main[data-text-size] section.reading-text-size:has(.reading-theme)>p[role="status"]{font-size:14px!important;line-height:1.4!important}
@media screen{
html[data-reading-theme="dark"] body main[data-text-size] .reading-text-size button[aria-pressed="true"]{background:#e4edcf!important;color:#1e2522!important}
html[data-reading-theme="dark"] body main[data-text-size] :is(button[aria-pressed="true"],button.active,.favorite-button.active){background:#e4edcf!important;color:#1e2522!important}
}
/* Native outset borders lose two sides against dark surfaces. */
@media screen{
html[data-reading-theme="dark"] button{border-style:solid!important}
html[data-reading-theme="dark"] button[data-wusel-surprise]{appearance:none;border:2px solid #a9c4a9!important}
}

/* Preserve the original golden accent in the homepage slogan. */
@media screen{
html[data-reading-theme="dark"] .hero .hero-copy h1 em{color:var(--honey)!important}
}

/* Direct navigation links use the same ink as the dropdown buttons. */
@media screen{html[data-reading-theme="dark"] .site-header #navigation>a,html[data-reading-theme="dark"] .site-header #navigation>.nav-dropdown>.nav-dropdown-toggle{color:#f4eddf!important}}