/* High-contrast palette and clear access, consent and reporting surfaces. */
:root{--canvas:#f7f9fc;--surface:#fff;--rail-surface:#edf2f7;--text:#122d43;--muted:#405970;--accent:#075f8b;--border:#c1d0dc;--ink:var(--text);--sub:var(--muted);--line:var(--border)}
html[data-theme=dark]{--canvas:#080c12;--surface:#111820;--rail-surface:#0c121a;--text:#f0f5fa;--muted:#b9c8d8;--accent:#8bd4ef;--border:#2c3b4b;--ink:var(--text);--sub:var(--muted);--line:var(--border);--light:var(--surface)}
.unified-header,.unified-workspace,.unified-public,.focus-main,html[data-theme=dark].child-environment .unified-workspace{background:var(--canvas)!important}.unified-rail,.child-environment .unified-rail,html[data-theme=dark] .unified-rail,html[data-theme=dark].child-environment .unified-rail{background:var(--rail-surface)}.unified-rail nav a{color:#284e6a}.unified-rail nav a>span{color:#315d7d}.unified-rail nav a[aria-current=page],.child-environment .unified-rail nav a[aria-current=page]{background:#cce5f2;color:#07466b}.unified-rail nav a:hover{background:#dfeaf3}.focus-intro h1{color:var(--text)}.focus-intro h1 em,.focus-symbol,.focus-card-num{color:#086c99}.focus-tabs button{color:#35536a}.focus-tabs button.active{background:#dcecf6;color:#074f75}.focus-prompts button{color:#2b506a;border-color:#b8cbd9}.focus-card small,.focus-card-num,.focus-topline,.focus-topline button,.unified-caption,.unified-context small,.rail-signoff{color:var(--muted)}.btn.primary,.btn.dark,.focus-composer-bottom button,.chat-launch{background:#0e6591;color:#fff}.btn.secondary{color:#17496b;border-color:#aec4d4}.new-card,.dash-card,.class-box,.focus-card,.focus-composer{border-color:var(--border)}.input,.select,.textarea{color:var(--text);border-color:#a8bdcd;background:var(--surface)}.input::placeholder,.textarea::placeholder{color:#526b80}.form-field,.compact-form label{color:var(--text)}.class-cover small,.item-row small,.stat-card .stat-desc,.activity-meta{color:var(--muted)}.rail-signoff{font-size:12px}.unified-caption{font-size:11px}.access-top-links{display:flex;align-items:center;gap:16px;white-space:nowrap;font-size:13px;font-weight:600;margin-left:auto}.access-top-links a{color:var(--text)}.access-top-links .access-signup{background:#0e6591;color:#fff;padding:9px 13px;border-radius:8px}.unified-account{margin-left:0}.unified-account>span{display:none}.social-header-tools{margin-left:auto}.header-place>span{display:none}.rail-utilities{padding:8px 18px;border-top:1px solid var(--border);display:grid;gap:3px;flex-shrink:0}.rail-utilities a,.rail-utilities button{display:flex;align-items:center;gap:12px;text-align:left;font-size:12px;color:var(--text);border:0;background:none;padding:8px;border-radius:7px;min-height:34px;cursor:pointer}.rail-utilities svg{flex:none}.rail-utilities a:hover,.rail-utilities button:hover{background:#dfeaf3}.rail-collapsed .rail-utilities{padding:6px 10px}.rail-collapsed .rail-utilities a,.rail-collapsed .rail-utilities button{justify-content:center;padding:8px}.rail-collapsed .rail-utilities .rail-text{display:none}.access-toolbar{display:flex;align-items:center;gap:15px;justify-content:space-between;flex-wrap:wrap;margin:25px 0}.access-toolbar h3{margin:0}.access-toolbar label{font-size:13px;display:flex;align-items:center;gap:10px}.access-section{margin-top:25px}.class-meta{font-size:13px!important;line-height:1.8}.class-box .inside>p{font-size:14px}.flag-control{display:inline-flex;gap:7px;align-items:center;border:0;background:none;color:var(--muted);font-size:12px;padding:10px 0;margin-top:10px;cursor:pointer}.flag-control svg{height:16px;width:16px}.flag-control:hover{color:var(--accent);text-decoration:underline}.public-class-actions{padding:0 24px 20px;display:flex;gap:14px;flex-wrap:wrap;align-items:center}.family-shortcut{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 25px;border:1px solid #a4cce0;background:#e5f2fa;border-radius:12px;margin-bottom:30px}.family-shortcut b{font-size:17px}.family-shortcut p{font-size:13px;margin:7px 0 0}.access-plan{display:flex;flex-direction:column;padding:28px;position:relative}.access-plan.featured{border:2px solid #166a94}.access-plan h2{font-size:30px;margin:15px 0}.plan-price{font-size:15px;color:var(--muted);margin-bottom:20px}.access-plan p{font-size:14px;line-height:1.9}.access-plan ul{padding-left:20px;margin:10px 0 28px;font-size:14px;line-height:2}.access-plan .btn{margin-top:auto}.access-payment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.access-payment-grid p{font-size:14px;margin-top:8px}.access-intro{max-width:730px;font-size:16px}.account-layout{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:start;max-width:1050px;margin:30px auto}.account-story{padding:35px 10px}.account-story h1{font-size:40px;line-height:1.2;margin:22px 0}.account-story p{font-size:16px}.account-story ul{padding-left:21px;font-size:14px;line-height:2.2;margin:28px 0}.account-card{padding:30px;max-width:540px;width:100%}.account-card h2{font-size:24px;line-height:1.3;margin:22px 0}.account-tabs{display:flex;gap:24px;border-bottom:1px solid var(--border);font-size:14px}.account-tabs a{padding:0 0 12px;color:var(--muted)}.account-tabs a[aria-current]{border-bottom:3px solid var(--accent);color:var(--text);font-weight:600}.account-child{border-top:1px solid var(--border);padding-top:22px;margin-top:28px}.account-child h3{font-size:17px}.account-child p{font-size:13px}.account-card .compact-form{gap:18px}.account-card label{font-size:13px}.account-card .input,.account-card .select{min-height:44px}.account-card .social-note{font-size:12px}.account-card #account-feedback{color:#8c311d;font-size:13px}.report-entry{padding:22px 0;border-bottom:1px solid var(--border);overflow-wrap:anywhere}.report-entry:last-child{border-bottom:0}.report-entry>p{white-space:pre-wrap}.report-meta{font-size:12px!important;color:var(--muted)}.report-update{padding:15px;background:var(--canvas);border-left:3px solid var(--accent);margin:15px 0}.report-update p{margin:5px 0 0}.report-review-form{max-width:600px}.access-public{max-width:1250px!important}.account-layout .social-note{margin-bottom:22px}
html[data-theme=dark] :is(.new-card,.dash-card,.stat-card,.card,.class-box,.public-card,.focus-card,.focus-composer,.modal,.hub-dialog,.chat-panel,.chat-body,.payout-channel,.payout-summary,.recording-stage){background:var(--surface);border-color:var(--border);color:var(--text)}html[data-theme=dark] .unified-rail nav a{color:#c7d6e5}html[data-theme=dark] .unified-rail nav a>span{color:#a9c6db}html[data-theme=dark] .unified-rail nav a[aria-current=page]{background:#17384c;color:#e2f4ff}html[data-theme=dark] .unified-rail nav a:hover,html[data-theme=dark] .rail-utilities a:hover,html[data-theme=dark] .rail-utilities button:hover,html[data-theme=dark] .rail-control:hover{background:#192734}html[data-theme=dark] :is(.input,.select,.textarea,input,select,textarea){background:#090f16;color:var(--text);border-color:#3b5063}html[data-theme=dark] .focus-composer textarea{background:transparent}html[data-theme=dark] .focus-intro h1 em,html[data-theme=dark] .focus-symbol{color:#8bd4ef}html[data-theme=dark] .focus-tabs button{color:#c5d5e3}html[data-theme=dark] .focus-tabs button.active{background:#17384c;color:#e2f4ff}html[data-theme=dark] .focus-prompts button{color:#c5d5e3;border-color:#3c5265}html[data-theme=dark] .social-note,html[data-theme=dark] .family-shortcut{background:#101f2c;border-color:#29485d;color:#cbddec}html[data-theme=dark] .btn.primary,html[data-theme=dark] .btn.dark,html[data-theme=dark] .focus-composer-bottom button{background:#17698f;color:#fff}html[data-theme=dark] .btn.secondary{background:#162633;color:#e0edf7;border-color:#3c566b}html[data-theme=dark] .quest-banner{background:linear-gradient(115deg,#182034,#102c34);border-color:#354563}html[data-theme=dark] .quest-feedback,html[data-theme=dark] .quest-feedback.correct{background:#112d29}html[data-theme=dark] .companion-context,html[data-theme=dark] .social-empty,html[data-theme=dark] .chat-log{background:var(--canvas)}html[data-theme=dark] .chat-log .bubble{background:#14202b;color:var(--text);border-color:var(--border)}html[data-theme=dark] .chat-log .bubble.user{background:#153244}html[data-theme=dark] .account-card #account-feedback{color:#ffc5b7}html[data-theme=dark] .pill{background:#17384c;color:#d6f0ff}html[data-theme=dark] .access-plan.featured{border-color:#4e9abe}html[data-theme=dark] .class-cover,html[data-theme=dark] .campus-welcome,html[data-theme=dark] .class-banner,html[data-theme=dark] .role-summary{background:#122432;border-color:#29485d}.child-environment[data-learning=quest] .btn.primary{background:#62469e}
@media(max-width:1200px){.unified-header-inner{flex-wrap:wrap;gap:10px;min-height:70px;height:auto;padding-top:12px;padding-bottom:12px}.access-top-links{gap:12px}.unified-account select{max-width:150px}.social-header-tools{margin-left:0}.account-layout{gap:30px}.account-story h1{font-size:34px}}
@media(max-width:850px){.rail-utilities{padding:6px 8px}.unified-rail:not(.open) .rail-utilities a,.unified-rail:not(.open) .rail-utilities button{justify-content:center}.unified-rail.open .rail-utilities{padding:8px 18px}.unified-rail.open .rail-utilities a,.unified-rail.open .rail-utilities button{justify-content:flex-start}.account-layout{grid-template-columns:1fr;gap:12px;margin-top:0}.account-story{padding:15px 0}.account-story ul{display:none}.account-card{max-width:none}.family-shortcut{align-items:flex-start;flex-direction:column}.access-payment-grid{grid-template-columns:1fr;gap:10px}.access-top-links{order:2;margin-left:0}.unified-account{order:3;margin-left:auto!important}.social-header-tools{order:1}.header-place{order:0}.account-story h1{font-size:31px}.account-card{padding:23px}.item-row{flex-wrap:wrap}}
@media(max-width:550px){.access-top-links{width:100%;justify-content:space-between;font-size:12px;gap:8px}.access-top-links .access-signup{padding:8px 10px}.unified-header-inner{padding:10px 14px}.account-card{padding:20px}.account-story h1{font-size:28px}.access-plan{padding:23px}.rail-utilities .rail-text{white-space:nowrap}.access-toolbar label{flex-wrap:wrap}.family-shortcut{padding:20px}.access-public .dash-heading{gap:15px}.access-public .social-note{padding:13px}.access-toolbar .btn{font-size:12px}.report-entry .between{flex-wrap:wrap}}
