/* Sharper contrast and complete shared-shell colour modes. */
:root{--surface:#fff;--canvas:#f6f8fb;--text:#17374c;--muted:#496575;--border:#d0dde6;--accent:#17668c}body{color:var(--text);background:var(--canvas)}p,.muted,.dashboard-note,.public-note,.focus-disclosure,.focus-trust p,.focus-card p,.focus-card small,.focus-topline,.focus-audience p,.focus-footer,.unified-header-caption,.unified-account>span,.unified-help{color:var(--muted)!important}.unified-rail nav a{color:#294e63}.unified-caption,.unified-context small{color:#526e80}.unified-rail nav a .rail-text{font-weight:500}.social-header-tools{display:flex;gap:8px;align-items:center;margin-left:auto}.social-header-tools>button{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;width:35px;height:35px;cursor:pointer}.unified-account{margin-left:0}.learning-switch{display:flex;gap:6px;align-items:center;font-size:10px;color:var(--muted)}.learning-switch select{border:1px solid var(--border);padding:8px;border-radius:7px;background:var(--surface);color:var(--text);font-size:11px}.parent-alert-link{display:flex;gap:6px;align-items:center;padding:8px;color:var(--accent);font-size:15px}.parent-alert-link b{background:#dcebf7;padding:3px 6px;font-size:11px;border-radius:12px}.community-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:24px}.social-note{padding:15px 18px;background:#e9f1f8;color:#304f64;border:1px solid #c7dce9;border-radius:10px;line-height:1.7;font-size:12px;margin-bottom:23px}.social-post{border:1px solid var(--border);border-radius:11px;padding:17px;margin:15px 0;overflow-wrap:anywhere}.social-post small{display:block;color:var(--muted);font-size:11px;line-height:1.6}.social-post p{white-space:pre-wrap}.social-empty{padding:30px;text-align:center;background:var(--canvas);color:var(--muted);border-radius:10px;margin:20px 0}.social-rules{font-size:12px}.compact-form label:not(.consent-label){display:grid;gap:8px}.compact-form small{font-size:11px;color:var(--muted);line-height:1.7}fieldset{border:1px solid var(--border);border-radius:10px;padding:12px}legend{padding:0 7px;font-size:13px;color:var(--text)}.quest-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px;border-radius:18px;background:linear-gradient(115deg,#e6edff,#dff6f4);border:1px solid #cedef3;margin-bottom:18px}.quest-banner h2{font-size:29px;margin:10px 0}.quest-medal{font-size:65px;color:#7760ca}.quest-progress{height:9px;background:#dde6ed;border-radius:10px;overflow:hidden;margin:0 0 28px}.quest-progress span{display:block;height:100%;background:linear-gradient(90deg,#3e82c8,#8c64d8);transition:width .3s}.quest-icon{font-size:26px;background:#e7eefc;color:#416bb3;min-width:48px;min-height:48px;padding:9px;border-radius:12px;display:inline-grid;place-items:center}.quest-card.purple .quest-icon{background:#eee5fc;color:#7850b7}.quest-card.coral .quest-icon{background:#fff0e7;color:#a45d30}.quest-card{border-top:4px solid #5b8dcc}.quest-card.purple{border-top-color:#a581df}.quest-card.coral{border-top-color:#e5a46b}.quest-lesson{max-width:850px;margin:auto;padding:32px}.quest-lesson>p{font-size:17px;line-height:1.9}.quest-lesson h3{margin-top:28px}.quest-feedback{padding:20px;background:#edf3fc;border-radius:12px;margin-top:22px}.quest-feedback.correct{background:#e5f3ef}.quest-feedback h3{margin-top:0}.child-environment .unified-rail{background:linear-gradient(180deg,#f1f4ff,#eef8f8)}.child-environment .unified-rail a[aria-current=page]{background:#e5def8;color:#503883}.child-environment[data-learning=quest] .unified-workspace{background:#f6f4fc}.child-environment[data-learning=quest] .btn.primary{background:#6a51a5}.child-environment .unified-breadcrumb{color:#576087}.child-environment .quest-card{transition:transform .15s}.child-environment .quest-card:hover{transform:translateY(-3px)}
@media(min-width:851px){.rail-collapsed .unified-layout{grid-template-columns:68px minmax(0,1fr)}.rail-collapsed .unified-rail{padding:20px 10px}.rail-collapsed .unified-rail .rail-text,.rail-collapsed .unified-caption,.rail-collapsed .unified-context,.rail-collapsed .unified-help,.rail-collapsed .unified-rail>.btn,.rail-collapsed .unified-rail-footer{display:none}.rail-collapsed .unified-rail nav a{justify-content:center;padding:12px 6px}.rail-collapsed .unified-rail nav a>span{font-size:18px;width:auto}.rail-collapsed .unified-divider{margin:14px 5px}}
html[data-theme=dark]{color-scheme:dark;--surface:#172a3b;--canvas:#102030;--text:#e2edf5;--muted:#b0c6d6;--border:#354f64;--accent:#75c5e5;--ink:#e2edf5;--navy:#e2edf5;--sub:#b0c6d6;--line:#354f64;--light:#172a3b}html[data-theme=dark] body,html[data-theme=dark] .unified-workspace,html[data-theme=dark] .focus-main,html[data-theme=dark] .unified-public{background:var(--canvas);color:var(--text)}html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3,html[data-theme=dark] h4,html[data-theme=dark] strong,html[data-theme=dark] b{color:var(--text)}html[data-theme=dark] .unified-header,html[data-theme=dark] .unified-rail{background:#142738;border-color:var(--border)}html[data-theme=dark] .unified-rail nav a{color:#c1d5e5}html[data-theme=dark] .unified-rail nav a:hover,html[data-theme=dark] .unified-rail nav a[aria-current=page]{background:#294963;color:#e7f5ff}html[data-theme=dark] .unified-rail nav a>span,html[data-theme=dark] .unified-caption,html[data-theme=dark] .unified-context small,html[data-theme=dark] .unified-rail-footer a,html[data-theme=dark] .unified-rail-footer button{color:#b1cbde}html[data-theme=dark] .unified-header .official-logo{background:transparent}html[data-theme=dark] .unified-header .official-logo img{filter:grayscale(1) invert(1);mix-blend-mode:screen}html[data-theme=dark] .academy-label{color:#c6deef}html[data-theme=dark] .new-card,html[data-theme=dark] .dash-card,html[data-theme=dark] .stat-card,html[data-theme=dark] .card,html[data-theme=dark] .public-card,html[data-theme=dark] .focus-card,html[data-theme=dark] .focus-answer,html[data-theme=dark] .focus-composer,html[data-theme=dark] .modal,html[data-theme=dark] .hub-dialog,html[data-theme=dark] .game-stage,html[data-theme=dark] .faq-item,html[data-theme=dark] .social-post,html[data-theme=dark] .stream-entry,html[data-theme=dark] .path-feature{background:var(--surface);border-color:var(--border);color:var(--text)}html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea,html[data-theme=dark] .input,html[data-theme=dark] .select,html[data-theme=dark] .textarea{background:#102536;color:#e2edf5;border-color:#456176}html[data-theme=dark] textarea::placeholder,html[data-theme=dark] input::placeholder{color:#a2b9c9}html[data-theme=dark] .focus-intro h1 em{color:#81cbe3}html[data-theme=dark] .focus-tabs button,html[data-theme=dark] .focus-prompts button,html[data-theme=dark] .focus-options button,html[data-theme=dark] .btn.secondary{background:#213d52;color:#d5ebf7;border-color:#49667a}html[data-theme=dark] .btn.primary{background:#307a9c;color:#fff}html[data-theme=dark] .pill,html[data-theme=dark] .focus-tabs button.active{background:#29485f;color:#c3e9fa}html[data-theme=dark] .social-note,html[data-theme=dark] .role-summary,html[data-theme=dark] .public-hero,html[data-theme=dark] .public-section.soft,html[data-theme=dark] .campus-welcome,html[data-theme=dark] .class-banner,html[data-theme=dark] .class-cover,html[data-theme=dark] .public-step,html[data-theme=dark] .payout-note{background:#1c3549;color:#c6deee;border-color:#3c5b70}html[data-theme=dark] .quest-banner{background:linear-gradient(120deg,#263451,#194149);border-color:#4b5e84}html[data-theme=dark] .quest-feedback,html[data-theme=dark] .quest-feedback.correct{background:#244843}html[data-theme=dark] .focus-options button.correct{background:#2b5550;border-color:#83b3aa}html[data-theme=dark] .child-environment .unified-rail{background:#172c43}html[data-theme=dark].child-environment .unified-workspace{background:#142037}html[data-theme=dark] a.link,html[data-theme=dark] .focus-section-title a,html[data-theme=dark] .focus-audience a{color:#8ed2ee}html[data-theme=dark] .data-table th,html[data-theme=dark] .data-table td{border-color:#3b5366;color:#d7e6f0}html[data-theme=dark] .data-table th{background:#203b50}html[data-theme=dark] .big-calendar>div{background:#193247;border-color:#3b556b;color:#d6e6f1}html[data-theme=dark] .chat-panel,html[data-theme=dark] .chat-body{background:#172a3b;color:#e2edf5}
@media(max-width:1100px){.unified-header-caption{display:none}.unified-account>span{display:none}}@media(max-width:850px){.display-rail-toggle{display:none!important}.community-layout{grid-template-columns:1fr}.social-header-tools{margin-left:auto}.learning-switch{font-size:0}.learning-switch select{max-width:112px}.unified-account select{max-width:135px}.unified-header-inner{flex-wrap:wrap;height:auto;min-height:70px;padding-top:10px;padding-bottom:10px}.unified-header .unified-account{margin-left:auto}.unified-rail{top:90px;height:calc(100vh - 90px)}.quest-banner{padding:23px}}@media(max-width:550px){.social-header-tools{gap:5px}.social-header-tools>button{width:30px;height:30px}.unified-account select{max-width:120px}.learning-switch select{max-width:102px}.quest-banner h2{font-size:24px}.quest-medal{font-size:46px}.quest-lesson{padding:22px}.unified-header .brand{width:115px;min-width:115px}.community-layout{gap:16px}}

/* Legacy cards inherit the selected theme as well. */
.cova-card p,.payout-hero p,.public-cta p{color:#e6f5ff!important}
html[data-theme=dark] .dash-content{background:var(--canvas)}
html[data-theme=dark] :is(.class-box,.shine-card,.path-card,.test-option,.question-grid button,.recording-stage,.new-hero,.kid-hero,.campus-section,.campus-cta,.public-section,.public-price,.bubble){background:var(--surface);color:var(--text);border-color:var(--border)}
html[data-theme=dark] :is(.item-row small,.class-cover small,.activity-meta,.stat-desc,.consent-label,.unified-breadcrumb,.eyebrow,.focus-topline,.focus-audience small){color:#b0c6d6}
html[data-theme=dark] :is(.stat-number,.result-score,.recording-stage h2,.section-title a,.room-tabs button){color:#9ad8ef}
html[data-theme=dark] .cova-card{background:linear-gradient(120deg,#214e74,#206264)}
html[data-theme=dark] .parent-alert-link b{background:#29485f}
html[data-theme=dark] .unified-menu-toggle{background:var(--surface);color:var(--text);border-color:var(--border)}

.consent-label,.item-row small,.activity-meta,.stat-card .stat-desc{color:var(--muted)}
.unified-rail{top:var(--grwt-header-height,78px);height:calc(100dvh - var(--grwt-header-height,78px))}
:focus-visible{outline:3px solid #408bb5;outline-offset:3px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}