/* Generated by scripts/build-theme.mjs; edit the palette in theme.css. */
@media screen {
html[data-theme] :where(.adventure-app,
.adventure-app.view-shop:not(.companion-open) .student-companion,
.public-student,
.character-design-preview,
.startup-app.home-lobby,
.mission-route::before,
.mission-route button,
.mission-route button.done,
.mission-route button.attempted,
.login:has(.editorial-story),
.login .editorial-story,
.login:has(.editorial-story) .login-panel,
.login:has(.editorial-story) .login-tabs,
.login:has(.editorial-story) .primary,
.login:has(.editorial-story) .demo-choices button,
.startup-app .app-header,
.startup-app .primary,
.startup-app .game-primary,
.login .primary,
.startup-app .secondary,
.startup-app .panel,
.startup-app .stat,
.startup-app .course-card,
.startup-app .child-card,
.startup-app .plan,
.startup-app .chapter-card,
.startup-app .subject-card,
.startup-app .category-card,
.startup-app .stat::after,
.startup-app input,
.startup-app select,
.startup-app textarea,
.startup-app .pill,
.startup-app .hero,
.startup-app .hero-mini,
.startup-app .student-companion,
.startup-app .companion-title,
.startup-app .companion-score-track span,
.startup-app .quest-progress span,
.startup-app .quest-icon,
.startup-app .quest-claim:not(:disabled),
.startup-app .reward-menu-bubble,
.startup-app .shop-banner,
.startup-app .reward-intro,
.login,
.login .demo-choices,
.login .demo-choices button,
.startup-app.companion-open .student-companion,
.startup-app .category-choice,
.startup-app .chapter-intro,
.student-discovery):where(:not(.color-swatch):not([type="color"]):not(.certificate):not(.certificate *)) {background:var(--theme-bg)!important;}
html[data-theme] :where(.app-header,
.top-navigation button:hover,
.student-companion,
.companion-character,
.daily-quests,
.quest-heading>span,
.quest-progress,
.quest-progress span,
.quest-claim,
.quest-claim:disabled,
.claim-all-bar,
.reward-intro,
.treasure-timeline:before,
.treasure-stop,
.timeline-node,
.treasure-chest strong,
.reward-celebration,
.game-primary,
.game-primary:hover,
.avatar-display,
.avatar-rotate button,
.avatar-controls,
.shop-banner,
.shop-banner button,
.shop-card,
.shop-item-art,
.profile-preview,
.profile-preview .game-primary,
.profile-preview .secondary,
.profile-form .public-toggle,
.public-section-title select,
.public-skill-grid article,
.skill-meter,
.skill-meter span,
.constellation-chart-card,
.constellation-chart-surface,
.constellation-legend i,
.constellation-tooltip,
.avatar-loading,
.item-preview-button,
.item-preview-button:hover,
.equipment-preview-modal,
.avatar-view-toggle button,
.atelier-portrait-grid button,
.character-preview-hero,
.avatar-updating,
.learning-image,
.learning-image-diagram,
.course-art:has(.learning-image) .course-grade,
.menu-spark-pattern,
.home-lobby .app-header,
.home-lobby .header-account-button,
.home-lobby .avatar.user,
.home-lobby .draft-resume,
.game-home .lobby-primary,
.game-home .lobby-primary:hover,
.game-home .lobby-secondary,
.family-player,
.family-player:nth-child(even),
.family-player-portrait,
.home-avatar .avatar-rotate button,
.avatar-pedestal,
.lobby-skill,
.lobby-performance-row i,
.lobby-tooltip,
.lobby-character,
.lobby-inventory,
.lobby-player-grid>.lobby-performance,
.lobby-small-stats>div,
.lobby-shortcuts>button,
.lobby-shortcuts>button>span,
.lobby-shortcuts>button:hover,
.lobby-daily,
.lobby-chapter,
.home-avatar .avatar-loading,
.game-home .lobby-skill:hover,
.lobby-performance-row:hover,
.chapter-mission-cover,
.chapter-cover-action,
.chapter-background,
.practice-background,
.practice-explanation,
.reward-menu-bubble,
.google-registration-button,
.companion-performance,
.editorial-story.story-rhythm,
.editorial-story.story-growth,
.story-photo-mark,
.story-detail,
.story-dots button>span,
.story-arrows button:hover,
.plus-daily-bonus,
.plus-daily-coin,
.plus-mark,
.plus-promotion,
.plus-promotion:after,
.plus-promotion-peek>span,
.tru-plus .plus-hero,
.plus-screenshot-open,
.plus-shot-dialog::backdrop,
.points-topup,
.topup-emblem,
.tier-1 .topup-emblem,
.tier-2 .topup-emblem,
.tier-3 .topup-emblem,
.pwa-install-button,
.pwa-dialog,
.pwa-instructions,
.login-install .pwa-install-button,
.question-passage,
.question-data-table caption,
.question-data-table th,
.submission-recovery,
.registration-price,
.registration-price-free,
.illustrated-world .story-world-image,
.reward-toast,
.reward-close,
.reward-medal,
.reward-toast-timer,
.demo-choices,
.draft-status,
.draft-status.offline,
.draft-status.storage-unavailable,
.school-detail-control button,
.shop-collection .shop-item-art,
.shop-try-on,
.shop-preview-summary li,
.shop-preview-summary .secondary,
.pricing-item,
.pricing-item.modified,
.pricing-art,
body,
.menu-spark,
.login-story,
.login-panel,
.login-card,
.registration-context,
.menu-spark-class,
.menu-spark-class select,
.registration-backdrop,
.parent-registration,
.registration-close,
.registration-emblem,
.parent-registration .registration-back,
.discovery-header nav a,
.discovery-search,
.discovery-input,
.discovery-search button,
.discovery-card,
.discovery-card-sky,
.theme-1 .discovery-card-sky,
.theme-2 .discovery-card-sky,
.discovery-initial,
.purchase-dialog,
input,
select,
textarea,
.primary:hover,
.secondary,
.secondary:hover,
.sidebar,
.nav-dot,
.sidebar nav button:hover,
.topbar,
.avatar,
.avatar.user,
.child-select,
.hero,
.pill,
.hero-mini,
.stat,
.tone-0,
.tone-1,
.tone-2,
.tone-3,
.panel,
.legend-dot,
.score,
.score.good,
.course-card,
.course-grade,
.onboarding,
.search-input,
.grade-row button,
.subject-list > button:hover,
.child-card,
.insight,
.skill-topics span,
th,
.modal-backdrop,
.modal,
.toast,
.busy-bar,
.or:before,
.or:after,
.question-card,
.answer-option.chosen,
.option-letter,
.chosen .option-letter,
.quiz-dock,
.result-card,
.result-grade,
.review-item,
.explanation,
.plan,
.json-editor,
.subject-list > button,
.editor-question,
.subject-choice,
.chapter-choice,
.chapter-label,
.chapter-progress,
.chapter-progress span,
.chapter-workspace,
.chapter-intro,
.exercise-number,
.exercise-number.complete,
.curriculum-source,
.quiz-timer,
.quiz-timer.urgent,
.plus-hero,
.deep-steps>li>span):where(:not(.color-swatch):not([type="color"]):not(.certificate):not(.certificate *)) {background:var(--theme-surface)!important;}
html[data-theme] :where(.header-account-button,
.top-navigation button,
.top-navigation button.active,
.companion-title span,
.companion-title button,
.companion-name strong,
.companion-name span,
.companion-try-summary,
.quest-heading>div,
.quest-heading h2,
.quest-heading>span,
.quest-reset,
.quest-icon,
.quest-copy strong,
.quest-copy p,
.quest-copy small,
.quest-claim,
.quest-claim:disabled,
.quest-note,
.quest-learn,
.claim-all-bar strong,
.claim-all-bar p,
.adventure-eyebrow,
.adventure-heading p,
.reward-intro p,
.adventure-filters>span,
.timeline-node,
.treasure-info>span,
.treasure-info p,
.treasure-info b,
.treasure-pair>div>small,
.treasure-chest,
.treasure-chest strong,
.ready .chest-spark,
.reward-celebration,
.reward-celebration span,
.reward-matrix summary,
.reward-matrix th,
.ledger-row small,
.game-demo-note,
.game-primary,
.avatar-constellation,
.avatar-rotate,
.avatar-rotate button,
.avatar-nameplate>span,
.avatar-nameplate h2,
.avatar-nameplate p,
.avatar-controls h2,
.profile-form h2,
.avatar-controls>p,
.avatar-controls legend,
.avatar-options button,
.shop-tabs button,
.avatar-options .selected,
.shop-tabs .selected,
.wardrobe-controls label,
.avatar-fallback,
.shop-banner,
.shop-banner>div>span,
.shop-banner p,
.shop-banner button,
.item-star,
.item-rarity,
.shop-card h3,
.shop-card-footer strong,
.profile-preview,
.profile-preview p,
.profile-preview .game-primary,
.profile-preview .secondary,
.profile-state,
.profile-form p,
.profile-form form>label,
.public-student,
.public-student-header a,
.public-student-header a span,
.public-student-header>span,
.public-student-hero h1,
.public-student-hero p,
.public-student-stats small,
.public-section-title select,
.public-skills>p,
.public-skill-grid article>span,
.public-skill-grid h3,
.public-skill-grid strong,
.public-skill-grid small,
.public-skill-grid article>div>span,
.public-student-footer,
.public-student-footer span,
.unavailable-profile>div:last-child,
.unavailable-profile>.brand,
.constellation-chart-head span,
.constellation-chart-head h3,
.chart-mode button,
.chart-mode .active,
.constellation-legend,
.constellation-footnote,
.constellation-tooltip strong,
.constellation-tooltip>span,
.constellation-tooltip small,
.constellation-data,
.constellation-data th,
.constellation-data small,
.avatar-loading small,
.item-model-thumbnail>span,
.thumbnail-loading,
.item-preview-button,
.item-preview-button:hover,
.equipment-preview-close,
.equipment-preview-copy>span,
.equipment-preview-copy h2,
.equipment-preview-copy p,
.equipment-preview-copy strong,
.equipment-preview-copy small,
.avatar-view-toggle button,
.avatar-view-toggle button.active,
.atelier-portrait-grid button,
.character-design-preview,
.character-design-preview header>a,
.atelier-intro>span,
.atelier-intro h1,
.atelier-intro p,
.character-preview-options>p,
.hijab-outfit-note,
.child-3d-label,
.child-3d-stage .avatar-rotate,
.child-3d-stage .avatar-rotate button,
.child-3d-stage .avatar-view-toggle button,
.child-3d-stage .avatar-view-toggle button.active,
.child-3d-stage .avatar-loading small,
.child-3d-stage .avatar-fallback,
.avatar-updating,
.atelier-category-tabs button,
.atelier-category-tabs button.selected,
.course-art:has(.learning-image) .course-grade,
.course-art:has(.learning-image) .done-badge,
.course-image-credits,
.education-art,
.startup-app.home-lobby,
.home-lobby .topbar>div:first-child>strong,
.home-lobby .brand,
.home-lobby .tru-brand strong,
.home-lobby .tru-brand small,
.home-lobby .header-account-button,
.home-lobby .avatar.user,
.home-lobby .page-footer,
.home-lobby .page-footer a,
.home-lobby .page-footer .pwa-install-button,
.home-lobby .draft-resume,
.home-lobby .draft-resume p,
.game-home .lobby-heading h1,
.game-home .lobby-heading h1 em,
.lobby-eyebrow,
.game-home .lobby-primary,
.game-home .lobby-secondary,
.game-home .lobby-text,
.game-home .lobby-back,
.game-home .lobby-text:hover,
.game-home .lobby-back:hover,
.family-player-portrait h2,
.family-player-portrait>span:last-child,
.player-class,
.family-skill-heading,
.home-avatar .avatar-rotate button,
.home-avatar-wait,
.lobby-progress>div:first-child,
.lobby-progress strong,
.lobby-progress strong small,
.lobby-progress>small,
.lobby-skill,
.lobby-skill>span,
.lobby-skill>span>small,
.lobby-skill>strong,
.lobby-skill>strong>small,
.lobby-section-title,
.lobby-section-title span,
.game-home .lobby-section-title h2,
.game-home .lobby-section-title h3,
.lobby-performance-row,
.lobby-performance-row strong,
.lobby-performance-row.untrained strong,
.lobby-performance-row.untrained>span,
.lobby-tooltip,
.game-home .lobby-footnote,
.game-home .lobby-empty,
.game-home .lobby-loading,
.lobby-no-children,
.lobby-no-children h2,
.lobby-no-children p,
.lobby-character-name>strong,
.lobby-character-name>span,
.lobby-small-stats>div,
.lobby-small-stats span,
.lobby-shortcuts>button,
.lobby-shortcuts>button>span,
.lobby-daily,
.lobby-daily span,
.lobby-subjects button,
.lobby-subjects button[aria-pressed=true],
.chapter-mission-icon,
.chapter-mission-top>span:nth-child(2),
.chapter-mission-top small,
.chapter-mission-top strong,
.game-home .lobby-chapter h3,
.mission-route button,
.mission-route button.done,
.mission-route button.next,
.lobby-parent-mode,
.game-home .lobby-compact-more,
.home-avatar .avatar-loading,
.home-avatar .avatar-loading small,
.game-home .lobby-chapter-title:hover,
.mission-route button.attempted,
.chapter-cover-action,
.chapter-benefit-note,
.chapter-background h3,
.chapter-background dt,
.chapter-background dd,
.chapter-intro p.chapter-completion-note,
.chapter-choice p.chapter-description,
.practice-background > strong,
.practice-background p,
.parent-recommendation-badge,
.course-description,
.chapter-masterpiece h1,
.chapter-masterpiece > em,
.chapter-masterpiece > p,
.chapter-masterpiece h2,
.chapter-masterpiece h3,
.chapter-exercise-results h4,
.chapter-exercise-results-head,
.chapter-exercise-result,
.chapter-exercise-result strong,
.chapter-exercise-results > small,
.reward-menu-bubble,
.google-registration-button,
.google-registration-button span,
.companion-section-heading h2,
.companion-section-heading button,
.companion-performance-row strong,
.companion-performance-row small,
.reward-daily-grid span,
.login .editorial-story,
.story-copy h1,
.story-copy>p,
.story-rhythm .story-copy h1,
.story-detail>span,
.story-note p,
.story-composition figcaption,
.story-count>span,
.story-credits,
.login:has(.editorial-story) .login-card>h2,
.login:has(.editorial-story) .login-card>.eyebrow,
.login:has(.editorial-story) .login-card>.muted,
.login:has(.editorial-story) .login-tabs button,
.login:has(.editorial-story) .login-tabs button.active,
.login:has(.editorial-story) .fine,
.login:has(.editorial-story) .registration-invite button,
.login:has(.editorial-story) .admin-login,
.login:has(.editorial-story) .demo-choices h3,
.login:has(.editorial-story) .demo-choices>p,
.login:has(.editorial-story) .demo-choices button,
.login:has(.editorial-story) .login-panel-footer,
.login-panel-footer .service-links,
.plus-daily-coin,
.plus-promotion-peek>span,
.plus-screenshot-open,
.topup-emblem,
.topup-emblem>span,
.tier-1 .topup-emblem,
.tier-2 .topup-emblem,
.tier-3 .topup-emblem,
.pwa-install-button,
.pwa-dialog,
.pwa-dialog p,
.pwa-close,
.pwa-instructions,
.pwa-dialog>small,
.question-stimulus,
.question-passage h4,
.quiz-page .quiz-dock .quiz-timer.urgent,
.submission-recovery,
.registration-price,
.registration-price-icon,
.registration-price-copy>span,
.registration-price-amount s,
.registration-price-amount strong,
.registration-price-free,
.reward-toast,
.reward-close,
.reward-medal,
.reward-medal>span,
.reward-kicker,
.reward-points,
.reward-toast p,
.reward-balance,
.reward-balance b,
.draft-status.offline,
.draft-status.storage-unavailable,
.public-username,
.student-search-results a span,
.profile-form small,
.school-stage-label,
.school-stage-label span,
.school-detail-control button,
.school-detail-control button[aria-pressed=true],
.shop-try-on-header span,
.shop-try-on-header h2,
.shop-preview-badge,
.shop-preview-badge.saved,
.shop-preview-summary>p,
.shop-preview-summary li,
.shop-preview-summary .secondary,
.item-preview-button.active,
.pricing-toolbar>span,
.pricing-copy small,
.pricing-copy>span,
.pricing-reset,
.pricing-save small,
.startup-app,
.startup-app .page h1,
.startup-app .page-heading p,
.startup-app .muted,
.startup-app .eyebrow,
.startup-app .brand,
.login .brand,
.startup-app .top-navigation button,
.startup-app .top-navigation button.active,
.startup-app .primary,
.startup-app .game-primary,
.login .primary,
.startup-app .secondary,
.startup-app .stat strong,
.startup-app input,
.startup-app select,
.startup-app textarea,
.startup-app .pill,
.startup-app .hero h2,
.startup-app .hero-copy p,
.startup-app .hero-mini,
.menu-spark-icon,
.menu-spark strong,
.menu-spark p,
.startup-app .companion-name strong,
.startup-app .quest-icon,
.startup-app .quest-claim:not(:disabled),
.startup-app .google-registration-button,
.startup-app .shop-banner,
.startup-app .shop-tabs button.selected,
.startup-app .atelier-category-tabs button.selected,
.startup-app .page-footer,
.login,
.login-copy h1,
.login-copy h1 em,
.login-copy p,
.login-card h2,
.login-tabs button.active,
.login-tags span,
.login .demo-choices button,
.login .login-assurance,
.registration-context,
.menu-spark-class,
.menu-spark-class select,
.startup-app .hero h2 em,
.parent-registration,
.registration-close,
.registration-emblem,
.parent-registration>.eyebrow,
.parent-registration .registration-intro,
.parent-registration a,
.google-unconfigured>p,
.registration-status,
.parent-registration .registration-assurance,
.registration-demo-note,
.parent-registration .registration-back,
.student-discovery,
.discovery-brand,
.discovery-header nav a,
.discovery-eyebrow,
.discovery-hero h1,
.discovery-hero h1 em,
.discovery-hero p,
.discovery-tags,
.discovery-search-title p,
.discovery-input>span,
.discovery-input input,
.discovery-search button,
.discovery-consent,
.discovery-results-title h2,
.discovery-results-title button,
.discovery-card,
.discovery-initial,
.theme-1 .discovery-initial,
.discovery-card-sky i,
.discovery-passport,
.discovery-card-copy h3,
.discovery-card-copy strong,
.discovery-card-copy p,
.discovery-card-link,
.discovery-empty,
.discovery-empty p,
.discovery-footer,
.public-student-header .public-gallery-actions>a,
.public-gallery-actions>span,
.purchase-dialog,
.purchase-dialog p,
input,
select,
textarea,
.primary,
.fine,
.eyebrow,
.brand,
.brand-icon,
.workspace-label,
.sidebar nav button,
.sidebar nav button.active,
.sidebar-note p,
.sidebar-bottom button,
.sidebar-bottom small,
.crumb,
.avatar,
.avatar.user,
.user-label small,
.page-heading h1,
.page-heading p,
.wave,
.pill,
.hero h2 em,
.hero p,
.hero-mini,
.hero-mini span,
.stat > span,
.stat > strong,
.stat strong small,
.stat p,
.tone-0,
.tone-1,
.tone-2,
.tone-3,
.section-heading p,
.panel-bottom,
.activity-row small,
.score,
.score.good,
.course-grade,
.done-badge,
.course-meta,
.course-status,
.course-button,
.onboarding p,
.page-footer,
.demo-note,
.empty,
.empty h3,
.empty p,
.grade-tabs button,
.grade-tabs button.active,
.search-input,
.grade-row > span,
.grade-row button,
.grade-row button.active,
.subject-list > button,
.subject-list > button.active,
.catalog-count,
.catalog-count span,
.source-note,
.source-note strong,
.sources p,
.field,
.field input,
.field select,
.field small,
.child-card p,
.username,
.link-list > div > span:first-child,
.link-list > div > span:nth-child(2),
.inline-select,
.insight,
.insight strong,
.insight small,
.skill-row > div:first-child,
.skill-row strong,
.skill-row small,
.skill-topics span,
th,
td,
td strong,
td small,
.start-icon,
.toast,
.loading,
.login-bottom,
.login-card > .muted,
.login-tabs button,
.config-note,
.or,
.login-assurance,
.admin-login,
.login-panel-footer,
.quiz-heading p,
.question-number,
.question-number span,
.answer-option.chosen,
.option-letter,
.chosen .option-letter,
.audio-box,
.audio-box strong,
.quiz-dock > span,
.result-card,
.review-heading,
.result-card h2,
.result-card h2 small,
.review-item p,
.review-item > strong,
.review-label.good,
.review-label.bad,
.explanation,
.plan > strong,
.plan > p,
.plan > small,
.saved-certs article,
.saved-certs strong,
.saved-certs small,
.consent,
.verification,
.editor-mode button.active,
.category-tabs button,
.category-tabs button.active,
.learning-breadcrumb,
.learning-breadcrumb button,
.subject-collections .section-heading p,
.subject-choice,
.subject-choice strong,
.subject-choice span,
.chapter-choice,
.chapter-num,
.chapter-choice p,
.chapter-label,
.chapter-choice small,
.chapter-intro p,
.exercise-number,
.exercise-number.complete,
.exercise-row p,
.exercise-row small,
.curriculum-source,
.media-credits,
.media-credits a,
.quiz-timer,
.quiz-timer.urgent,
.plus-art-badge):where(:not(.color-swatch):not([type="color"]):not(.certificate):not(.certificate *)) {color:var(--theme-text)!important;}
html[data-theme] :where(.top-navigation button.active,
.quest-claim:disabled,
.milestone-chips .unlocked,
.premium-chest strong,
.avatar-options .selected,
.shop-tabs .selected,
.shop-banner button,
.shop-card.owned,
.profile-preview .secondary,
.public-section-title select,
.public-award-card.premium,
.avatar-studio-asset:before,
.thumbnail-loading i,
.avatar-view-toggle button.active,
.chapter-premium-masterpiece .chapter-award-frame,
.chapter-premium-masterpiece .chapter-award-frame:after,
.chapter-premium-masterpiece .chapter-award-frame:before,
.chapter-premium-masterpiece .chapter-award-metrics,
.chapter-premium-masterpiece .chapter-exercise-results,
.chapter-premium-masterpiece .chapter-exercise-result,
.chapter-premium-gold .chapter-award-frame,
.chapter-premium-gold .chapter-award-frame:after,
.chapter-premium-gold .chapter-award-frame:before,
.chapter-premium-gold .chapter-award-metrics,
.chapter-premium-gold .chapter-exercise-results,
.chapter-premium-gold .chapter-exercise-result,
.chapter-premium-gold .chapter-award-footer a>div,
.atelier-portrait-grid button:hover,
.child-3d-stage:before,
.child-3d-stage .avatar-rotate button,
.child-3d-stage .avatar-view-toggle button.active,
.child-3d-stage .avatar-loading>span,
.public-student-hero>.child-3d-stage,
.atelier-category-tabs button.selected,
.home-lobby .app-header,
.home-lobby .header-account-button,
.home-lobby .page-footer,
.home-lobby .page-footer .pwa-install-button,
.family-player:nth-child(even),
.home-avatar .avatar-rotate button,
.lobby-shortcuts>button:hover,
.lobby-subjects button[aria-pressed=true],
.mission-route button.done,
.mission-route button.next,
.mission-route button:hover,
.game-home .lobby-skill:hover,
.mission-route button.attempted,
.practice-options .correct,
.login:has(.editorial-story) .login-tabs,
.login:has(.editorial-story) .primary,
.login:has(.editorial-story) .google-registration-button,
.login:has(.editorial-story) .demo-choices button,
.login-panel-footer .pwa-install-button.compact,
.topup-package:hover,
.saved-certs article.saved-certificate-premium,
.plan.premium,
.plan.premium .mini-certificate.fancy,
.certificate-appearance-control button[aria-pressed="true"],
.premium-document.premium-gold,
.premium-gold .premium-document-head,
.premium-gold .premium-result,
.premium-gold .premium-frame,
.premium-gold .premium-frame::before,
.premium-gold .premium-document-note,
.school-detail-control button[aria-pressed=true],
.shop-preview-summary .secondary,
.shop-card.trying,
.item-preview-button.active,
.public-student-hero>.school-avatar-stage,
.pricing-item.modified,
.startup-app .top-navigation button.active,
.startup-app .secondary,
.startup-app .course-card:hover,
.startup-app .chapter-card:hover,
.startup-app .subject-card:hover,
.startup-app .category-card:hover,
.startup-app input,
.startup-app select,
.startup-app textarea,
.startup-app input:focus,
.startup-app select:focus,
.startup-app textarea:focus,
.startup-app .hero-mini,
.startup-app .student-companion,
.startup-app .companion-character,
.startup-app .companion-certificate-count,
.startup-app .companion-performance,
.startup-app .daily-quests,
.startup-app .quest-claim:not(:disabled),
.startup-app .google-registration-button,
.startup-app .shop-card,
.startup-app .shop-card.owned,
.startup-app .shop-tabs button.selected,
.startup-app .atelier-category-tabs button.selected,
.startup-app .avatar-controls,
.startup-app .avatar-display,
.startup-app .page-footer,
.login-tabs,
.login .demo-choices,
.login .demo-choices button,
.startup-app .category-choice,
.startup-app .subject-choice,
.startup-app .chapter-choice,
.startup-app .chapter-intro,
.child-card.selected,
.answer-option.chosen,
.result-card.failed,
.certificate-premium .cert-seal,
.category-tabs button.active,
.subject-choice:hover,
.chapter-choice:hover,
.quiz-timer.urgent):where(:not(.color-swatch):not([type="color"]):not(.certificate):not(.certificate *)) {border-color:var(--theme-border)!important;}
html[data-theme] :where(.top-navigation button.active,
.milestone-chips .unlocked,
.avatar-options .selected,
.shop-tabs .selected,
.chart-mode .active,
.avatar-view-toggle button.active,
.atelier-portrait-grid button.selected,
.child-3d-stage .avatar-view-toggle button.active,
.atelier-category-tabs button.selected,
.lobby-subjects button[aria-pressed=true],
.mission-route button.next,
.certificate-appearance-control button[aria-pressed="true"],
.school-detail-control button[aria-pressed=true],
.item-preview-button.active,
.startup-app .top-navigation button.active,
.startup-app .shop-tabs button.selected,
.startup-app .atelier-category-tabs button.selected,
.login-tabs button.active,
.sidebar nav button.active,
.grade-tabs button.active,
.subject-list > button.active,
.child-card.selected,
.editor-mode button.active,
.category-tabs button.active):where(:not(.color-swatch):not([type="color"]):not(.certificate):not(.certificate *)) {background:var(--theme-accent-soft)!important;}
html[data-theme] :where(.quest-icon,
.shop-tabs,
.avatar-stage,
.avatar-options button,
.shop-tabs button,
.character-preview-options,
.hijab-outfit-note,
.child-3d-stage,
.child-3d-stage .avatar-rotate button,
.child-3d-stage .avatar-view-toggle button,
.child-3d-stage .avatar-loading,
.atelier-category-tabs button,
.course-art:has(.learning-image) .done-badge,
.lobby-progress-track,
.lobby-progress-track>span,
.lobby-performance-row>.lobby-performance-track,
.chapter-mission-icon,
.chapter-benefit-note,
.parent-recommendation-badge,
.companion-score-track,
.companion-score-track span,
.story-note,
.registration-price-icon,
.school-avatar-stage,
.shop-preview-badge,
.shop-preview-badge.saved,
.public-student-hero>.school-avatar-stage,
.menu-spark-icon,
.login-tabs,
.login-tags span,
.icon-button:hover,
.brand-icon,
.sidebar-note,
.done-badge,
.demo-note,
.grade-tabs,
.source-note,
.progress-track,
.progress-track > span,
.start-icon,
.config-note,
.audio-box,
.category-tabs button,
.plus-art-badge,
.plus-plan-icon,
.plus-book-icon):where(:not(.color-swatch):not([type="color"]):not(.certificate):not(.certificate *)) {background:var(--theme-surface-soft)!important;}
html[data-theme] :where(.daily-quest.claimed .quest-claim,
.practice-options .correct):where(:not(.color-swatch):not([type="color"]):not(.certificate):not(.certificate *)) {background:var(--theme-success-soft)!important;}
html[data-theme] :where(.daily-quest.claimed .quest-claim,
.earned,
.practice-options .correct,
.companion-earned strong):where(:not(.color-swatch):not([type="color"]):not(.certificate):not(.certificate *)) {color:var(--theme-success)!important;}
html[data-theme] :where(.point-wallet,
.threshold-cards>div,
.milestone-chips span,
.premium-chest strong,
.public-award-card,
.public-award-card.premium,
.award-card-emblem,
.chapter-premium-masterpiece,
.chapter-premium-masterpiece .chapter-award-frame:after,
.chapter-premium-masterpiece .chapter-award-frame:before,
.chapter-premium-masterpiece .chapter-award-rule,
.chapter-premium-masterpiece .chapter-award-footer a>div,
.chapter-premium-masterpiece:after,
.chapter-premium-masterpiece.chapter-premium-gold,
.chapter-premium-gold .chapter-award-frame:after,
.chapter-premium-gold .chapter-award-frame:before,
.chapter-premium-gold .chapter-award-rule,
.chapter-premium-gold .chapter-award-footer a>div,
.lobby-wallet,
.certificate.chapter-masterpiece,
.chapter-award-frame::before,
.chapter-award-frame::after,
.chapter-award-rule,
.chapter-award-footer > a > div,
.companion-wallet,
.companion-certificate-count,
.premium-route,
.premium-ambient span,
.premium-ambient span + span,
.premium-status,
.premium-certificate-stage::before,
.premium-preview,
.certificate-language-info,
.saved-certs article.saved-certificate-premium,
.certificate.premium-document,
.premium-document::after,
.premium-ornament,
.premium-kicker > span,
.premium-document h2,
.premium-name-rule::before,
.premium-name-rule::after,
.premium-seal-ribbon::before,
.premium-seal-ribbon::after,
.premium-qr > div,
.premium-verification-details,
.premium-route .public-print,
.plan.premium,
.plan.premium .pill,
.plan.premium .mini-certificate.fancy,
.certificate-appearance-control button,
.premium-document.premium-gold,
.premium-document.premium-gold h2,
.premium-gold .premium-name-rule::before,
.premium-gold .premium-name-rule::after,
.premium-gold .premium-ornament,
.startup-app .companion-wallet,
.startup-app .companion-certificate-count,
.purchase-wallet,
.mini-certificate,
.mini-certificate.fancy,
.certificate,
.certificate-sample-banner,
.certificate-premium,
.cert-line):where(:not(.color-swatch):not([type="color"]):not(.certificate):not(.certificate *)) {background:var(--theme-gold-soft)!important;}
html[data-theme] :where(.point-wallet,
.point-wallet small,
.wallet-total,
.reward-premium-note p,
.threshold-cards span,
.threshold-cards strong,
.threshold-cards small,
.milestone-chips span,
.milestone-chips .unlocked,
.premium-chest strong,
.showcase-cert-picks small,
.award-mark,
.public-award-card,
.award-card-emblem,
.public-award-card>span,
.public-award-card h3,
.public-award-card p,
.public-award-card>strong,
.public-award-card>small,
.chapter-premium-masterpiece,
.chapter-premium-pattern,
.chapter-premium-masterpiece .chapter-award-frame:after,
.chapter-premium-masterpiece .chapter-award-frame:before,
.chapter-premium-masterpiece .chapter-award-brand,
.chapter-premium-masterpiece .chapter-award-kicker,
.chapter-premium-masterpiece h1,
.chapter-premium-masterpiece h2,
.chapter-premium-masterpiece h3,
.chapter-premium-masterpiece em,
.chapter-premium-masterpiece p,
.chapter-premium-masterpiece .chapter-award-crest,
.chapter-premium-masterpiece .chapter-award-watermark,
.chapter-premium-masterpiece .chapter-award-metrics strong,
.chapter-premium-masterpiece .chapter-award-metrics small,
.chapter-premium-masterpiece .chapter-award-metrics span,
.chapter-premium-masterpiece .chapter-award-footer,
.chapter-premium-masterpiece .chapter-award-footer strong,
.chapter-premium-masterpiece .chapter-award-footer small,
.chapter-premium-masterpiece .chapter-award-note,
.chapter-premium-masterpiece .chapter-award-id,
.chapter-premium-edition,
.chapter-premium-masterpiece .chapter-exercise-results h4,
.chapter-premium-masterpiece .chapter-exercise-results-head,
.chapter-premium-masterpiece .chapter-exercise-results>small,
.chapter-premium-masterpiece .chapter-exercise-result,
.chapter-premium-masterpiece .chapter-exercise-result strong,
.chapter-premium-masterpiece.chapter-premium-gold,
.chapter-premium-gold .chapter-premium-pattern,
.chapter-premium-gold .chapter-award-frame:after,
.chapter-premium-gold .chapter-award-frame:before,
.chapter-premium-gold .chapter-award-brand,
.chapter-premium-gold .chapter-award-kicker,
.chapter-premium-gold .chapter-award-crest,
.chapter-premium-gold .chapter-premium-edition,
.chapter-premium-gold h1,
.chapter-premium-gold h2,
.chapter-premium-gold h3,
.chapter-premium-gold p,
.chapter-premium-gold em,
.chapter-premium-gold .chapter-award-footer,
.chapter-premium-gold .chapter-award-footer strong,
.chapter-premium-gold .chapter-award-footer small,
.chapter-premium-gold .chapter-award-note,
.chapter-premium-gold .chapter-award-id,
.chapter-premium-gold .chapter-award-watermark,
.chapter-premium-gold .chapter-award-metrics strong,
.chapter-premium-gold .chapter-exercise-results h4,
.chapter-premium-gold .chapter-exercise-results-head,
.chapter-premium-gold .chapter-exercise-results>small,
.chapter-premium-gold .chapter-award-metrics small,
.chapter-premium-gold .chapter-award-metrics span,
.chapter-premium-gold .chapter-exercise-result,
.chapter-premium-gold .chapter-exercise-result strong,
.chapter-premium-gold .chapter-award-footer .chapter-signer-name,
.chapter-premium-gold .chapter-award-footer .chapter-signer-role,
.chapter-premium-gold .chapter-award-footer .chapter-award-site,
.lobby-wallet,
.lobby-wallet>div>span,
.lobby-wallet>span,
.premium-route .chapter-public .verification,
.certificate.chapter-masterpiece,
.chapter-award-frame::before,
.chapter-award-frame::after,
.chapter-award-watermark,
.chapter-award-brand,
.chapter-award-crest,
.chapter-award-kicker,
.chapter-award-metrics strong,
.chapter-award-metrics strong small,
.chapter-award-metrics span,
.chapter-award-footer > div > span,
.chapter-award-footer strong,
.chapter-award-footer small,
.chapter-award-note,
.chapter-award-footer .chapter-signer-name,
.chapter-award-footer .chapter-signer-role,
.chapter-award-footer .chapter-award-site,
.chapter-award-id,
.companion-wallet,
.companion-wallet strong,
.companion-certificate-count,
.premium-route,
.premium-brand,
.premium-status,
.premium-page-eyebrow,
.premium-page-intro h1 em,
.premium-page-intro p,
.certificate-language-info,
.saved-certificate-title,
.saved-certs article.saved-certificate-premium,
.saved-certificate-premium strong,
.saved-certificate-premium .saved-certificate-title,
.certificate.premium-document,
.premium-engraving,
.premium-ornament,
.premium-edition,
.premium-kicker,
.premium-document h1,
.premium-document-body > em,
.premium-document .premium-presented,
.premium-document h2,
.premium-name-rule,
.premium-document .premium-completion,
.premium-document h3,
.premium-course-meta,
.premium-course-meta span,
.premium-result > span:first-child,
.premium-result > strong,
.premium-result > strong small,
.premium-result > span:last-child,
.premium-grade,
.premium-grade strong,
.premium-seal,
.premium-qr,
.premium-document-note,
.premium-document-id,
.premium-record-title,
.premium-record-title h2,
.premium-record-title p,
.premium-verification-details dt,
.premium-verification-details dd,
.premium-verification-details dd small,
.premium-record-id,
.premium-page-note,
.premium-route .public-print,
.plan.premium h2,
.plan.premium > strong,
.plan.premium > p,
.plan.premium > small,
.plan.premium .pill,
.plan.premium .premium-sample-link,
.plan.premium .mini-certificate.fancy,
.certificate-appearance-control,
.certificate-appearance-control button,
.certificate-appearance-control button[aria-pressed="true"],
.premium-document.premium-gold,
.premium-gold .premium-brand,
.premium-gold .premium-edition,
.premium-gold .premium-kicker,
.premium-document.premium-gold h1,
.premium-gold .premium-result > span:first-child,
.premium-gold .premium-grade,
.premium-gold .premium-grade strong,
.premium-gold .premium-document-body > em,
.premium-document.premium-gold h3,
.premium-gold .premium-result > strong,
.premium-gold .premium-presented,
.premium-gold .premium-completion,
.premium-gold .premium-course-meta,
.premium-gold .premium-result > span:last-child,
.premium-gold .premium-result > strong small,
.premium-gold .premium-site-link,
.premium-gold .premium-document-note,
.premium-gold .premium-document-id,
.premium-gold .premium-ornament,
.premium-gold .premium-seal,
.premium-site-link,
.purchase-wallet span,
.purchase-wallet b,
.premium-sample-link,
.mini-certificate > span,
.mini-certificate.fancy,
.certificate,
.certificate-sample-banner,
.certificate-premium,
.cert-overline,
.certificate > em,
.certificate > p,
.cert-details,
.cert-issuer .cert-site-link,
.cert-footer span,
.cert-footer small,
.cert-seal,
.cert-id,
.certificate-premium .cert-seal,
.chapter-premium-masterpiece .chapter-signer-name,
.chapter-premium-gold .chapter-signer-name):where(:not(.color-swatch):not([type="color"]):not(.certificate):not(.certificate *)) {color:var(--theme-gold)!important;}
html[data-theme] :where(.spent,
.lobby-error,
.registration-error,
.danger,
.audio-error,
.result-card.failed,
.result-card.failed h2):where(:not(.color-swatch):not([type="color"]):not(.certificate):not(.certificate *)) {color:var(--theme-danger)!important;}
html[data-theme] :where(.lobby-error,
.registration-error,
.toast.error,
.result-card.failed):where(:not(.color-swatch):not([type="color"]):not(.certificate):not(.certificate *)) {background:var(--theme-danger-soft)!important;}
}