/* User supplied light/dark tokens, converted to sRGB for older iPads. Fonts and reading geometry are retained. */
html[data-theme="studio"]{
--theme-background:#f7f9f3;
--theme-foreground:#000000;
--theme-card:#ffffff;
--theme-card-foreground:#000000;
--theme-popover:#ffffff;
--theme-popover-foreground:#000000;
--theme-primary:#14b8a6;
--theme-primary-foreground:#062e2a;
--theme-secondary:#14b8a6;
--theme-secondary-foreground:#ffffff;
--theme-muted:#f0f0f0;
--theme-muted-foreground:#333333;
--theme-accent:#f59e0b;
--theme-accent-foreground:#000000;
--theme-destructive:#ef4444;
--theme-destructive-foreground:#ffffff;
--theme-border:#000000;
--theme-input:#737373;
--theme-ring:#14b8a6;
--theme-chart-1:#4f46e5;
--theme-chart-2:#14b8a6;
--theme-chart-3:#f59e0b;
--theme-chart-4:#ec4899;
--theme-chart-5:#22c55e;
--theme-sidebar:#f7f9f3;
--theme-sidebar-foreground:#000000;
--theme-sidebar-primary:#14b8a6;
--theme-sidebar-primary-foreground:#062e2a;
--theme-sidebar-accent:#f59e0b;
--theme-sidebar-accent-foreground:#000000;
--theme-sidebar-border:#000000;
--theme-sidebar-ring:#a5b4fc;
--theme-font-sans:DM Sans, sans-serif;
--theme-font-serif:DM Sans, sans-serif;
--theme-font-mono:Space Mono, monospace;
--theme-radius:1rem;
--theme-shadow-x:0px;
--theme-shadow-y:0px;
--theme-shadow-blur:0px;
--theme-shadow-spread:0px;
--theme-shadow-opacity:0.05;
--theme-shadow-color:#1a1a1a;
--theme-shadow-2xs:0px 0px 0px 0px hsl(0 0% 10.1961% / 0.03);
--theme-shadow-xs:0px 0px 0px 0px hsl(0 0% 10.1961% / 0.03);
--theme-shadow-sm:0px 0px 0px 0px hsl(0 0% 10.1961% / 0.05), 0px 1px 2px -1px hsl(0 0% 10.1961% / 0.05);
--theme-shadow:0px 0px 0px 0px hsl(0 0% 10.1961% / 0.05), 0px 1px 2px -1px hsl(0 0% 10.1961% / 0.05);
--theme-shadow-md:0px 0px 0px 0px hsl(0 0% 10.1961% / 0.05), 0px 2px 4px -1px hsl(0 0% 10.1961% / 0.05);
--theme-shadow-lg:0px 0px 0px 0px hsl(0 0% 10.1961% / 0.05), 0px 4px 6px -1px hsl(0 0% 10.1961% / 0.05);
--theme-shadow-xl:0px 0px 0px 0px hsl(0 0% 10.1961% / 0.05), 0px 8px 10px -1px hsl(0 0% 10.1961% / 0.05);
--theme-shadow-2xl:0px 0px 0px 0px hsl(0 0% 10.1961% / 0.13);
--theme-tracking-normal:normal;
--theme-spacing:0.25rem;
--candy-link:#0f766e;
--candy-link-hover:#115e59;
--candy-primary-hover:#12a292;
--candy-pink-soft:#e3f6f4;
--candy-blue-soft:#e3f6f4;
--candy-blue-edge:#66d1c5;
--candy-yellow-soft:#fef3e2;
}
html[data-theme="studio"].dark{
--theme-background:#000000;
--theme-foreground:#ffffff;
--theme-card:#1a212b;
--theme-card-foreground:#ffffff;
--theme-popover:#1a212b;
--theme-popover-foreground:#ffffff;
--theme-primary:#2dd4bf;
--theme-primary-foreground:#062e2a;
--theme-secondary:#2dd4bf;
--theme-secondary-foreground:#000000;
--theme-muted:#333333;
--theme-muted-foreground:#cccccc;
--theme-accent:#fcd34d;
--theme-accent-foreground:#000000;
--theme-destructive:#f87171;
--theme-destructive-foreground:#000000;
--theme-border:#545454;
--theme-input:#ffffff;
--theme-ring:#2dd4bf;
--theme-chart-1:#818cf8;
--theme-chart-2:#2dd4bf;
--theme-chart-3:#fcd34d;
--theme-chart-4:#f472b6;
--theme-chart-5:#4ade80;
--theme-sidebar:#000000;
--theme-sidebar-foreground:#ffffff;
--theme-sidebar-primary:#2dd4bf;
--theme-sidebar-primary-foreground:#062e2a;
--theme-sidebar-accent:#fcd34d;
--theme-sidebar-accent-foreground:#000000;
--theme-sidebar-border:#ffffff;
--theme-sidebar-ring:#818cf8;
--theme-font-sans:DM Sans, sans-serif;
--theme-font-serif:DM Sans, sans-serif;
--theme-font-mono:Space Mono, monospace;
--theme-radius:1rem;
--theme-shadow-x:0px;
--theme-shadow-y:0px;
--theme-shadow-blur:0px;
--theme-shadow-spread:0px;
--theme-shadow-opacity:0.05;
--theme-shadow-color:#1a1a1a;
--theme-shadow-2xs:0px 0px 0px 0px hsl(0 0% 10.1961% / 0.03);
--theme-shadow-xs:0px 0px 0px 0px hsl(0 0% 10.1961% / 0.03);
--theme-shadow-sm:0px 0px 0px 0px hsl(0 0% 10.1961% / 0.05), 0px 1px 2px -1px hsl(0 0% 10.1961% / 0.05);
--theme-shadow:0px 0px 0px 0px hsl(0 0% 10.1961% / 0.05), 0px 1px 2px -1px hsl(0 0% 10.1961% / 0.05);
--theme-shadow-md:0px 0px 0px 0px hsl(0 0% 10.1961% / 0.05), 0px 2px 4px -1px hsl(0 0% 10.1961% / 0.05);
--theme-shadow-lg:0px 0px 0px 0px hsl(0 0% 10.1961% / 0.05), 0px 4px 6px -1px hsl(0 0% 10.1961% / 0.05);
--theme-shadow-xl:0px 0px 0px 0px hsl(0 0% 10.1961% / 0.05), 0px 8px 10px -1px hsl(0 0% 10.1961% / 0.05);
--theme-shadow-2xl:0px 0px 0px 0px hsl(0 0% 10.1961% / 0.13);
--candy-link:#2dd4bf;
--candy-link-hover:#2dd4bf;
--candy-primary-hover:#46d9c7;
--candy-pink-soft:#1c363d;
--candy-blue-soft:#1c363d;
--candy-blue-edge:#26958b;
--candy-yellow-soft:#35362f;
}
/* Appearance only. Existing dimensions, fonts, focus logic and semantic feedback stay intact. */
html[data-theme="studio"],
html[data-theme="studio"] :is(.app-shell,.wf-landing,.wf-learning,.wf-mixed-shelf,.grammar-page,.shelf-sample-page){
 --ink:var(--theme-foreground);--blue:var(--candy-link);--blue2:var(--candy-link-hover);
 --paper:var(--theme-background);--white:var(--theme-card);--muted:var(--theme-muted-foreground);--line:var(--theme-border);
 --pale:var(--candy-blue-soft);--sun:var(--theme-accent);--sunlite:var(--candy-yellow-soft);
 --shadow:var(--theme-shadow);--radius:var(--theme-radius);
 --wf-paper:var(--theme-background);--wf-ink:var(--theme-foreground);--wf-green:var(--candy-link);--wf-muted:var(--theme-muted-foreground);--wf-line:var(--theme-border);--wf-lilac:var(--candy-pink-soft);--wf-gold:var(--theme-accent);
 --grammar-green:var(--candy-link);--grammar-ink:var(--theme-foreground);--grammar-muted:var(--theme-muted-foreground);--grammar-line:var(--theme-border);
 --s-wall:var(--theme-background);--s-ink:var(--theme-foreground);--s-brass:var(--candy-link);--s-oak:var(--theme-secondary);
 color:var(--theme-foreground);background-color:var(--theme-background);
}
html[data-theme="studio"] body{background:var(--theme-background);color:var(--theme-foreground)}
html[data-theme="studio"] body .app-shell :focus-visible{outline-color:var(--candy-link)}
html[data-theme="studio"] body .app-shell :is(.topbar,.bottom-nav){background:var(--theme-card);border-color:var(--theme-border)}
html[data-theme="studio"] body .app-shell :is(.topnav .nav-link:hover,.topnav .nav-link.active,.bottom-nav button.active){background:var(--candy-pink-soft);color:var(--theme-foreground)}
html[data-theme="studio"] body .app-shell :is(.account-pill,.library-home-button,.tool-button,.reader-type-controls button){background-color:var(--theme-card);color:var(--theme-foreground);border-color:var(--theme-border);border-radius:var(--theme-radius)}
html[data-theme="studio"] body .app-shell :is(.btn:not(.secondary,.ghost,.danger,.success,.warning),.wf-button,.word-start,.grammar-complete:not(.secondary)){
 background:var(--theme-primary);color:var(--theme-primary-foreground);border-color:var(--theme-primary);border-radius:var(--theme-radius);box-shadow:var(--theme-shadow-sm);
}
html[data-theme="studio"] body .app-shell :is(.btn:not(.secondary,.ghost,.danger,.success,.warning):hover,.wf-button:hover,.grammar-complete:not(.secondary):hover){background:var(--candy-primary-hover);color:var(--theme-primary-foreground)}
html[data-theme="studio"] body .app-shell :is(.btn.secondary,.btn.ghost){background:var(--theme-card);color:var(--candy-link);border-color:var(--theme-border);border-radius:var(--theme-radius)}
html[data-theme="studio"] body .app-shell :is(.inline-link,.wf-text-link,.sample-back,.wood-shelf-more,.wood-shelf-nav a,.grammar-adjacent,.grammar-module-enter,.grammar-next){color:var(--candy-link)}
html[data-theme="studio"] body .app-shell :is(.panel,.catalog-card,.lesson-row,.personal-library-grid button,.practice-card,.modal:not(.mark-known,.mark-fuzzy,.mark-unknown),.grammar-module-card,.grammar-course,.grammar-examples,.grammar-table-wrap,.grammar-comparison,.reader-paper){
 background-color:var(--theme-card);color:var(--theme-card-foreground);border-color:var(--theme-border);border-radius:var(--theme-radius);box-shadow:var(--theme-shadow-sm);
}
html[data-theme="studio"] body .app-shell :is(.vocab-card,.reader-patrol,.original-lookup){border-radius:var(--theme-radius);box-shadow:var(--theme-shadow-lg)}
html[data-theme="studio"] body .app-shell :is(.reader-patrol:not(.mark-known,.mark-fuzzy,.mark-unknown),.original-lookup,.patrol-launch){background-color:var(--theme-popover);color:var(--theme-popover-foreground);border-color:var(--theme-border)}
html[data-theme="studio"] body .app-shell :is(.original-lookup .lookup-meaning,.reader-patrol .patrol-meaning,.reader-prose,.reader-section-heading,.patrol-heading strong){color:var(--theme-foreground)}
html[data-theme="studio"] body .app-shell :is(.reader-toolbar,.reader-controls,.library-page-back,.word-toolbar,.practice-top){background-color:var(--theme-background);border-color:var(--theme-border)}
html[data-theme="studio"] body .app-shell :is(.segmented button.active,.review-tabs button.active,.novel-reading-modes button[aria-pressed="true"],.reader-shelf-tabs button.active,.grammar-levels>a[aria-current]){background:var(--candy-pink-soft);color:var(--candy-link);border-color:var(--theme-primary)}
html[data-theme="studio"] body .app-shell .segmented{background:var(--theme-background)}
html[data-theme="studio"] body .app-shell :is(.word-search,.grammar-search input,.field input,.field select,.field textarea,.word-page-size select){background-color:var(--theme-card);color:var(--theme-foreground);border-color:var(--theme-input);border-radius:var(--theme-radius)}
html[data-theme="studio"] body .app-shell :is(.word-search,.grammar-search input,.field input,.field select,.field textarea,.word-page-size select):focus{outline-color:var(--candy-link);border-color:var(--candy-link);box-shadow:0 0 0 3px var(--candy-pink-soft)}
/* Home: use the supplied lemon accent only as a highlighter, with pink/blue learning doors. */
html[data-theme="studio"] body .app-shell :is(.wf-hero h1,.wf-core-heading h2,.wf-section-heading h2,.wf-learning-heading h1,.sample-intro h1,.grammar-intro h1){color:var(--theme-foreground)}
html[data-theme="studio"] body .app-shell :is(.wf-hero-features,.wf-hero-description,.wf-learning-heading p:not(.wf-kicker),.sample-intro-copy,.wf-core-way p){color:var(--theme-muted-foreground)}
html[data-theme="studio"] body .app-shell .wf-hero h1>.wf-title-highlight:after{background:var(--theme-accent)}
html[data-theme="studio"] body .app-shell .wf-core-grid{background:var(--theme-card);border-color:var(--theme-border)}
html[data-theme="studio"] body .app-shell .wf-core-way{border-radius:var(--theme-radius)}
html[data-theme="studio"] body .app-shell .wf-core-way:nth-child(1){background:#edc5c0}
html[data-theme="studio"] body .app-shell .wf-core-way:nth-child(2){background:var(--candy-blue-soft)}
html[data-theme="studio"] body .app-shell .wf-core-way:nth-child(3){background:var(--candy-yellow-soft)}
html[data-theme="studio"] body .app-shell .wf-core-way:nth-child(4){background:var(--theme-background)}
html[data-theme="studio"] body .app-shell .wf-core-way+.wf-core-way:before{background:var(--theme-border)}
html[data-theme="studio"] body .app-shell .wf-bubble-outline path{fill:var(--theme-card);stroke:var(--theme-foreground)}
html[data-theme="studio"] body .app-shell :is(.wf-shelf-continue,.grammar-continue,.grammar-purpose,.grammar-memory){background:var(--candy-blue-soft);border-color:var(--theme-secondary)}
html[data-theme="studio"] body .app-shell .wf-learning .wf-next-card{background:var(--candy-pink-soft);border-color:var(--theme-primary)}
html[data-theme="studio"] body .app-shell .wf-learning .wf-entry{background:var(--theme-card);border-color:var(--theme-border);border-radius:var(--theme-radius)}
html[data-theme="studio"] body .app-shell .wf-learning-grammar{background:var(--candy-blue-soft);border-color:var(--theme-secondary)}
html[data-theme="studio"] body .app-shell :is(.wf-guest-note,.demo-bar){background:var(--candy-yellow-soft);color:var(--theme-foreground)}
html[data-theme="studio"] body .app-shell :is(.is-grammar .site-main,.grammar-page,.library-page,.wood-library){background-color:var(--theme-background)}
html[data-theme="studio"] body .app-shell :is(.grammar-course h3){color:var(--theme-foreground)}
html[data-theme="studio"] body .app-shell :is(.wood-first-visit,.wood-shelf-collapsed){color:var(--theme-muted-foreground)}
html[data-theme="studio"] body .app-shell :is(.progress-track span,.grammar-module-progress .grammar-progress-track>span,.shelf-progress>span){background-color:var(--theme-primary)}
html[data-theme="studio"] body .app-shell :is(.grammar-table-wrap thead th,.word-meta span){background:var(--candy-blue-soft);color:var(--theme-foreground)}
/* No overrides of known/fuzzy/unknown marks, right/wrong feedback, native inputs or card positioning. */

/* The only added geometry is the 44px header control. Existing reading dimensions stay unchanged. */
html[data-theme="studio"] .topbar .top-actions{gap:10px}
html[data-theme="studio"] .theme-mode-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid var(--theme-border);border-radius:50%;background:transparent;color:var(--theme-foreground);cursor:pointer;touch-action:manipulation}
html[data-theme="studio"] .theme-mode-toggle svg{pointer-events:none}
html[data-theme="studio"] .theme-mode-toggle:hover{background:var(--candy-pink-soft)}
html[data-theme="studio"] .theme-mode-toggle:focus-visible{outline:3px solid var(--theme-ring);outline-offset:3px}
html[data-theme="studio"] body .app-shell :is(.wf-learning-shortcut,.wf-hero-actions a:not(.wf-button),.wf-section-heading>a){color:var(--candy-link)}
html[data-theme="studio"].dark body .app-shell .wf-title-highlight{color:var(--theme-accent-foreground)}
html[data-theme="studio"].dark body .app-shell :is(.wf-core-way:hover,.wf-core-way:focus-visible){background-color:var(--candy-pink-soft)}
html[data-theme="studio"].dark body .app-shell .wf-core-way:nth-child(1),
html[data-theme="studio"].dark body .app-shell .wf-core-way:nth-child(1):is(:hover,:focus-visible){background-color:#493136}
html[data-theme="studio"] body .app-shell :is(.topnav a,.bottom-nav button,.word-count,.word-page-info,.word-grammar,.word-grammar-row dd,.lookup-form-value,.patrol-heading,.wf-footer,.wf-footer>a>b){color:var(--theme-foreground)}
html[data-theme="studio"] body .app-shell :is(.word-grammar-row dt,.grammar-reference,.lookup-form-label,.lookup-pos,.patrol-kicker,.wf-kicker){color:var(--theme-muted-foreground)}
html[data-theme="studio"] body .app-shell :is(.vocab-meaning,.vocab-forms,.vocab-example,.vocab-example p>span,.vocab-example small,.vocab-example-translation,.library-intro p:last-child){color:var(--theme-muted-foreground)}
/* Explicit descendant colors in the legacy vocabulary CSS cannot inherit a dark card's text. */
html[data-theme="studio"].dark body .app-shell :is(.vocab-card,.word-list-row,.word-detail-modal,.reader-card,.reader-patrol,.original-lookup,.flashcard) :is([lang="de"],.word-phonetic,.word-audio,.vocab-example b,.vocab-example p>span,.vocab-example-translation,.vocab-meaning,.vocab-forms){color:#fff}
html[data-theme="studio"].dark body .app-shell :is(.collection-body,.vocabulary-empty,.word-account-details,.review-schedule,.word-list-header,.card-more-menu){background-color:var(--theme-card);color:var(--theme-foreground);border-color:var(--theme-border)}
html[data-theme="studio"].dark body .app-shell :is(.word-account-details summary,.word-account-details h4,.word-account-numbers b,.chapter-options>button,.word-list-row strong,.word-detail-modal p,.segmented button,.word-pagination button,.vocabulary-empty strong){color:var(--theme-foreground)}
html[data-theme="studio"] body .app-shell :is(.collection-banner .inline-link,.word-page-link,.pagination button){color:var(--candy-link)}
html[data-theme="studio"] body .app-shell :is(.chapter-options>button.active,.word-pagination button.active,.pagination button.active){background:var(--candy-pink-soft);color:var(--candy-link);border-color:var(--candy-link)}
html[data-theme="studio"] body .app-shell :is(.word-page-buttons button[aria-current=page],.reader-sidebar nav button.active){background:var(--candy-pink-soft);color:var(--candy-link);border-color:var(--candy-link)}
html[data-theme="studio"] body .app-shell :is(.reader-mobile-catalog summary,.reader-shelf-tabs button.active){background-color:var(--candy-pink-soft);color:var(--candy-link)}
html[data-theme="studio"].dark body .app-shell :is(.detail-example,.word-account-numbers span,.word-list-row,.quantity-presets button){background-color:var(--theme-card);color:var(--theme-foreground);border-color:var(--theme-border)}
html[data-theme="studio"].dark body .app-shell :is(.word-list-row .word-audio,.word-detail-modal .word-audio,.word-detail-modal .word-phonetic,.word-list-header,.card-status-label){color:var(--theme-muted-foreground)}
html[data-theme="studio"].dark body .app-shell :is(.word-audio:hover,.reveal-button:hover){background-color:var(--candy-pink-soft);color:var(--candy-link)}
html[data-theme="studio"] body .app-shell :is(.vocab-card:not(.mark-known,.mark-fuzzy,.mark-unknown),.word-list-row,.word-detail-modal,.reading-kind-option,.reading-review-book,.reading-review-selection,.reading-vocabulary-entry,.reading-review-empty,.reader-sidebar,.reader-mobile-catalog summary,.reader-settings-panel,.flashcard,.practice-settings,.wf-footer){background-color:var(--theme-card);color:var(--theme-foreground);border-color:var(--theme-border)}
html[data-theme="studio"] body .app-shell :is(.word-pos,.lookup-pos,.cefr-tag,.word-level){background:var(--candy-blue-soft);color:var(--theme-foreground);border-color:var(--theme-secondary)}
html[data-theme="studio"] body .app-shell :is(select,input:not([type=checkbox],[type=radio],[type=range]),textarea){color:var(--theme-foreground);background-color:var(--theme-card);border-color:var(--theme-input)}
html[data-theme="studio"] body .app-shell :is(input,textarea)::placeholder{color:var(--theme-muted-foreground);opacity:.8}
html[data-theme="studio"] body .app-shell :is(.novel-reading-modes button,.novel-fill-tools button,.novel-fill-help button,.patrol-footer button:not([data-patrol-mark]),.reader-shelf-tabs button,.reader-page-nav button,.word-pagination button,.word-tools>button,.original-lookup-close,.original-lookup-reset){background-color:var(--theme-card);color:var(--theme-foreground);border-color:var(--theme-border)}
html[data-theme="studio"] body .app-shell :is(.novel-fill-prefix,.novel-fill-tools,.lookup-forms,.reader-blurb,.reader-author,.reader-progress-label){color:var(--theme-muted-foreground)}
html[data-theme="studio"] body .app-shell .novel-reading-modes button[aria-pressed=true]{background:var(--candy-pink-soft);color:var(--candy-link)}
html[data-theme="studio"] body .app-shell :is(.original-word:not(.mark-known,.mark-fuzzy,.mark-unknown),.reader-word:not(.mark-known,.mark-fuzzy,.mark-unknown),.novel-fill-token:not(.mark-known,.mark-fuzzy,.mark-unknown)){color:var(--theme-foreground)}
html[data-theme="studio"] body .app-shell :is(.reader-word:not(.mark-known,.mark-fuzzy,.mark-unknown),.novel-fill-token:not(.mark-known,.mark-fuzzy,.mark-unknown)){background-color:var(--candy-pink-soft)}
html[data-theme="studio"].dark .brand-wordmark{filter:brightness(0) invert(1)}
/* Preserve the green / amber / rose meanings while making feedback readable at night. */
html[data-theme="studio"].dark{--word-known:#253f30;--word-fuzzy:#463c20;--word-unknown:#4b2e2d}
html[data-theme="studio"].dark body .app-shell :is(.mark-known,[data-patrol-mark=known],[data-original-mark=known]){background-color:#253f30;color:#c0eacb}
html[data-theme="studio"].dark body .app-shell :is(.mark-fuzzy,[data-patrol-mark=fuzzy],[data-original-mark=fuzzy]){background-color:#463c20;color:#ffe5a1}
html[data-theme="studio"].dark body .app-shell :is(.mark-unknown,[data-patrol-mark=unknown],[data-original-mark=unknown]){background-color:#4b2e2d;color:#ffd0cb}
html[data-theme="studio"]:not(.dark) body .app-shell .novel-fill-token.is-correct .novel-fill-input{background-color:#edf6eb;color:#267747;border-bottom-color:#267747}
html[data-theme="studio"].dark body .app-shell .novel-fill-token.is-correct .novel-fill-input{background-color:#253f30;color:#c0eacb;border-bottom-color:#84d79b}
html[data-theme="studio"].dark body .app-shell .novel-fill-status.is-correct{background:#253f30;color:#c0eacb;border-color:#84d79b}
html[data-theme="studio"].dark body .app-shell .novel-fill-status.is-wrong{background:#4b2e2d;color:#ffd0cb}
html[data-theme="studio"].dark body .app-shell :is(.novel-fill-input[aria-invalid=true],.novel-fill-save){color:#ffd0cb;border-bottom-color:#f095a5}
html[data-theme="studio"].dark body .app-shell :is(.vocab-card,.reader-patrol,.reader-card) :is(h3,.word-headword,.word-meaning,.word-collocation,.word-example,.word-chinese,.patrol-meaning,.patrol-forms,.word-grammar-row dd){color:inherit}
html[data-theme="studio"].dark body .app-shell :is(.wf-next-card h2,.wf-next-card p,.wf-entry strong,.wf-entry span,.wf-learning-grammar h2,.wf-learning-grammar p,.sample-intro h1,.sample-kicker,.wf-core-way h3){color:var(--theme-foreground)}
/* Shelf labels stay legible on the original light wood cabinet in either mode. */
html[data-theme="studio"] body .app-shell .sample-cabinet-heading h2{color:#3f5146}
html[data-theme="studio"] body .app-shell .sample-cabinet-heading p{color:#818579}
html[data-theme="studio"] body .app-shell .sample-count{color:#87897d}
/* Same-origin homepage demo; only presentation, no changes to its handlers. */
html[data-theme="studio"].dark :is(.ipad-screen,.ipad-prose,.ipad-wordcard,.ipad-reader-toolbar,.ipad-mode-hint,.ipad-demo-header){background-color:var(--theme-card);color:var(--theme-foreground);border-color:var(--theme-border)}
html[data-theme="studio"].dark :is(.ipad-statusbar,.ipad-mode-buttons button,.ipad-letter-buttons button,.ipad-wordcard button){background-color:var(--theme-muted);color:var(--theme-foreground);border-color:var(--theme-border)}
@media(max-width:700px){html[data-theme="studio"] .topbar .top-actions{gap:7px}}
@media(max-width:370px){html[data-theme="studio"] .topbar .top-actions{gap:5px}html[data-theme="studio"] .topbar .wf-learning-shortcut{display:none}html[data-theme="studio"] .topbar .account-pill{padding-left:9px;padding-right:9px}}

html[data-theme="studio"] body .app-shell .collection-banner .inline-link{color:#99f6e4}
/* Chinese story highlights are an accepted reading aid, not an interactive theme accent. */
html[data-theme="studio"] body .app-shell .novel-reader:not(.original-reader) :is(.reader-word,.novel-fill-token){background-color:#eedff2;color:#42324e}
html[data-theme="studio"] body .app-shell .novel-reader:not(.original-reader) :is(.reader-word,.novel-fill-token).mark-known{background-color:#dce5c8;color:#40592f}
html[data-theme="studio"] body .app-shell .novel-reader:not(.original-reader) :is(.reader-word,.novel-fill-token).mark-fuzzy{background-color:#fff0c8;color:#796328}
html[data-theme="studio"] body .app-shell .novel-reader:not(.original-reader) :is(.reader-word,.novel-fill-token).mark-unknown{background-color:#ecd8c4;color:#6b503b}
html[data-theme="studio"] body .app-shell .novel-reader:not(.original-reader) .novel-fill-token:not(.is-correct) .novel-fill-input{background-color:#ffffffa0;color:#312b39;border-bottom-color:#866392}
html[data-theme="studio"] body .app-shell .novel-reader:not(.original-reader) .novel-fill-token .novel-fill-input[aria-invalid=true]{border-bottom-color:#b03d53}
/* Reading self-assessment retains its semantic colors; details need full contrast. */
html[data-theme="studio"] body .app-shell .reader-patrol .patrol-details :is(h3,p){color:var(--theme-foreground);font-weight:600}
html[data-theme="studio"] body .app-shell .reader-patrol .patrol-details h3{font-size:13px;font-weight:700}