/* Dark: one readable set of surfaces on every page. Only loads rules under html.theme-dark, so Light never changes. */
html.theme-dark{--dc-page:#0f1b4d;--dc-card:rgba(255,255,255,.07);--dc-raised:rgba(255,255,255,.08);--dc-float:#1d2a63;--dc-line:rgba(255,255,255,.16);--dc-ink:#f2f5ff;--dc-sub:#d0d8f2;--dc-link:#b9ccff;--dc-chip:rgba(255,255,255,.1);--dc-chip-hover:rgba(255,255,255,.17);--dc-chip-line:rgba(255,255,255,.22);--dc-solid:#c7fce0;--dc-on-solid:#05145c}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true]:not([data-active-view=focus]){--plan-card:var(--dc-card);--plan-ink:var(--dc-ink);--plan-muted:var(--dc-sub);--plan-line:var(--dc-line)}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .mc-nav--sidebar .mc-nav__item:not(.is-active):not([data-view-target=focus]){color:#d5def3!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .mc-nav--sidebar .mc-nav__item:not(.is-active):not([data-view-target=focus]):hover{color:#fff!important;background:var(--dc-chip)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .sidebar-connections{background:var(--dc-raised)!important;border-color:var(--dc-line)!important;color:var(--dc-ink)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .sidebar-connections:hover{background:var(--dc-chip-hover)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .sidebar-connections svg{stroke:currentColor}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .sidebar-syllabus{background:var(--dc-raised)!important;border-color:var(--dc-line)!important;color:var(--dc-link)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .mc-app-weather__focus,html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .mc-live-header,html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .mc-live-icon,html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .plan-tool{background:var(--dc-chip)!important;border-color:var(--dc-chip-line)!important;color:var(--dc-ink)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .mc-app-weather__focus *,html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .mc-live-header *,html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .mc-live-icon *,html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .plan-tool *{color:inherit}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .mc-app-weather__focus:hover,html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .mc-live-icon:hover,html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .plan-tool:hover{background:var(--dc-chip-hover)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .preview-status-more>summary{color:var(--dc-sub)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .mc-live-popover{background:var(--dc-float)!important;border-color:var(--dc-line)!important;color:var(--dc-ink)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .mc-app-weather__location{background:var(--dc-raised)!important;color:var(--dc-ink)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .mc-button--text{color:var(--dc-link)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .mc-button--secondary{background:var(--dc-chip)!important;border-color:var(--dc-chip-line)!important;color:var(--dc-ink)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .mc-button--secondary:hover{background:var(--dc-chip-hover)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] details.mc-home-rest{background:var(--dc-card)!important;border-color:var(--dc-line)!important;color:var(--dc-ink)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .reference-coda-now,html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .reference-coda-courses{background:var(--dc-card)!important;border-color:var(--dc-line)!important;color:var(--dc-ink)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .reference-coda-now :is(h2,p),html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .reference-coda-courses :is(h2,p){color:var(--dc-sub)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .reference-coda-now strong{color:var(--dc-ink)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .reference-coda-course{color:var(--dc-link)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .reference-coda-chips button{background:var(--dc-chip)!important;border-color:var(--dc-chip-line)!important;color:var(--dc-ink)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .reference-coda-chips button:hover{background:var(--dc-chip-hover)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .preview-plan-day,html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .preview-plan-upcoming,html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .plan-soon{background:var(--dc-card)!important;border-color:var(--dc-line)!important;color:var(--dc-ink)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .preview-plan-tabs{background:var(--dc-raised)!important;border-color:var(--dc-chip-line)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .preview-plan-tabs button:not([aria-pressed=true]):not([aria-selected=true]){color:#dbe6ff!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .reference-plan-agent{background:var(--dc-raised)!important;color:var(--dc-ink)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .reference-plan-agent strong{color:var(--dc-ink)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .reference-review-badge{background:var(--dc-chip)!important;border-color:var(--dc-chip-line)!important;color:var(--dc-ink)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .plan-quick-chips button{background:var(--dc-chip)!important;border-color:var(--dc-chip-line)!important;color:var(--dc-ink)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .plan-quick-chips button:hover{background:var(--dc-chip-hover)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .preview-plan-day .preview-plan-day-track{background:rgba(255,255,255,.1)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .plan-now-line{background:#7af0c4!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .plan-now-tag{background:#c7fce0!important;color:#05145c!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .preview-plan-day .tone-class .plan-row-box{background:#27305f!important;color:#d6dcff!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .preview-plan-day .tone-study .plan-row-box{background:#173e37!important;color:#b6f2d6!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .preview-plan-day .tone-work .plan-row-box{background:#43331a!important;color:#ffdca8!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .preview-plan-day .tone-personal .plan-row-box{background:#33295f!important;color:#dcd2ff!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .preview-plan-day .planner-timeline-row.is-now .plan-row-box{background:#12302a!important;border-color:#7af0c4!important;color:#c7fce0!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .preview-plan-day .plan-free-add{background:rgba(255,255,255,.05)!important;border-color:var(--dc-line)!important;color:var(--dc-sub)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .preview-plan-day .plan-free-add:hover{background:var(--dc-chip)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .preview-plan-day .plan-free-add b{color:var(--dc-link)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .preview-plan-day .planner-timeline-row>time{color:var(--dc-sub)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .design-button{background:var(--dc-chip)!important;border-color:var(--dc-chip-line)!important;color:var(--dc-ink)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .library-sections{background:var(--dc-raised)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .library-sections a{color:var(--dc-sub)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .library-sections a[aria-current=page]{background:var(--dc-chip-hover)!important;color:#fff!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .course-board-card{background:var(--dc-card)!important;border-color:var(--dc-line)!important;color:var(--dc-ink)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .course-board-resource{background:var(--dc-raised)!important;color:var(--dc-ink)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .course-board-eyebrow{color:var(--dc-sub)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .course-board-ready{color:#7af0c4!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .course-board-link{color:var(--dc-link)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .mc-study-workflows>summary,html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .study-workspace-tools>summary{color:var(--dc-ink)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .nature-privacy-card h2,html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] [data-view=profile] .mc-card h2{color:var(--dc-ink)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .workspace-brand-links,html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] details.simple-tools,html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] details.reading-settings{background:var(--dc-card)!important;border-color:var(--dc-line)!important;color:var(--dc-ink)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .workspace-brand-links a{color:var(--dc-link)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] details.simple-tools>summary,html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] details.reading-settings>summary{color:var(--dc-ink)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true]:not([data-active-view=focus]):is([data-design-theme=off],:not([data-design-theme])){background:var(--dc-page)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .preview-plan-legend{color:var(--dc-sub)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .preview-plan-legend :is(span,b){color:var(--dc-ink)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .reference-plan-add>summary{color:var(--dc-link)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .reference-plan-note{color:var(--dc-sub)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .plan-track-wrap~* span,html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .preview-plan-day-hours span,html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .plan-hours span{color:var(--dc-sub)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .course-board-heading h3{color:var(--dc-ink)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .course-board-resource :is(small,p){color:var(--dc-sub)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .course-board-resource :is(strong,h4){color:var(--dc-ink)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .course-board-tile{background:rgba(255,255,255,.04)!important;border-color:var(--dc-line)!important;color:var(--dc-ink)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .course-board-tile strong{color:var(--dc-link)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .course-board-tile small{color:var(--dc-sub)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .course-board-delete{color:#ffb4b4!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .mc-live-header :is(time,button,span,strong,small){color:var(--dc-ink)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .preview-plan-progress summary{color:var(--dc-sub)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .preview-plan-day .plan-row-box small{opacity:1!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .preview-plan-day .plan-lock{opacity:1!important;color:inherit!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .planner-timeline-row::before{background:transparent!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] :is(.mc-button--primary:not(.home-start-focus),.plan-quick-go,.course-board-button){background:var(--dc-solid)!important;border-color:var(--dc-solid)!important;color:var(--dc-on-solid)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] :is(.mc-button--primary:not(.home-start-focus),.plan-quick-go,.course-board-button):hover{background:#a6f5ce!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .course-board-path progress{background:rgba(255,255,255,.16)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .course-board-path progress::-webkit-progress-bar{background:rgba(255,255,255,.16)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .mc-app-weather__details>summary,html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .mc-app-weather__details>summary::after{color:var(--dc-ink)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .today-dashboard__track{background:rgba(255,255,255,.14)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .today-dashboard__track[style*="--today-now"]::after{background:#7af0c4!important;box-shadow:none!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .privacy-lock-panel{background:var(--dc-float)!important;border:1px solid var(--dc-line);color:var(--dc-ink)!important;box-shadow:0 18px 44px rgba(0,0,0,.5)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .privacy-lock-panel b{color:var(--dc-ink)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .privacy-lock-panel :is(small,p){color:var(--dc-sub)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .privacy-lock-panel [role=radiogroup]{background:var(--dc-raised)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .privacy-lock-panel [role=radiogroup] button{color:var(--dc-sub)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .privacy-lock-panel [role=radiogroup] button[aria-checked=true]{background:#c7fce0!important;color:#05145c!important}
html.theme-dark body #design-personalize#design-personalize{background:var(--dc-page)!important;color:var(--dc-ink)!important}
html.theme-dark body #design-personalize#design-personalize .design-settings-card{background:var(--dc-card)!important;border-color:var(--dc-line)!important;color:var(--dc-ink)!important}
html.theme-dark body #design-personalize#design-personalize .design-choice:not([aria-pressed=true]):not([aria-checked=true]){background:var(--dc-raised)!important;border-color:var(--dc-line)!important;color:var(--dc-ink)!important}
html.theme-dark body #design-personalize#design-personalize .design-choice:not([aria-pressed=true]):not([aria-checked=true]) :is(small,span,strong){color:inherit!important}
html.theme-dark body #design-personalize#design-personalize:is([data-design-theme=off],:not([data-design-theme])) .design-mini{background:var(--dc-page)!important}
html.theme-dark body #design-personalize#design-personalize .design-mini{border-color:var(--dc-line)!important;color:var(--dc-ink)!important}
html.theme-dark body #design-personalize#design-personalize .design-mini>aside,html.theme-dark body #design-personalize#design-personalize .design-mini-grid section:not(.design-mini-hero){background:var(--dc-raised)!important;color:var(--dc-ink)!important}
html.theme-dark body #design-personalize#design-personalize button:not(.design-choice):not([role=switch]):not([data-design-close]){background:var(--dc-raised)!important;border-color:var(--dc-line)!important;color:var(--dc-ink)!important}
html.theme-dark body #design-personalize#design-personalize [data-design-close]{color:var(--dc-ink)!important}
html.theme-dark body #design-personalize#design-personalize :is(p,small){color:var(--dc-sub)}
html.theme-dark body #design-personalize#design-personalize .design-customize-head{color:var(--dc-sub)!important}
html.theme-dark:has(#app-shell:not([hidden])),html.theme-dark:has(#app-shell:not([hidden])) body{background:var(--dc-page)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true]>.app-sidebar{background:linear-gradient(165deg,rgba(255,255,255,.11),rgba(255,255,255,.05))!important;border-color:var(--dc-line)!important;box-shadow:0 18px 44px rgba(3,10,50,.35),inset 0 1px 0 rgba(255,255,255,.16)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] :is(.sidebar-personalize,.account-pill,.today-dashboard__day,.mc-live-upcoming,details.mc-home-rest,.ai-conversation-card,.preview-coda-soon,.ai-composer,.preview-coda-privacy,.audit-quick-add,.planner-secondary,.mc-voice-plan-entry,.mc-day-route,.mc-recall-entry,.mc-companion,.preview-plan-next-row,.companion-card),html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .app-view:not([data-view=focus]) .mc-card:not(.today-next):not(.planner-timeline-card):not(.course-ai-card){background:var(--dc-card)!important;border-color:var(--dc-line)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;color:var(--dc-ink)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .ai-conversation-card button:not(.reference-coda-chips button){background:var(--dc-raised);border-color:var(--dc-line)}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .plan-detail{background:var(--dc-raised)!important;color:var(--dc-ink)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .plan-detail :is(b,span){color:inherit!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .plan-detail em{color:#a6f5ce!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] :is(.planner-task-more__menu,.mc-coda-companion__hint){background:var(--dc-float)!important;border-color:var(--dc-line)!important;color:var(--dc-ink)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .app-view:not([data-view=focus]) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select){background:var(--dc-raised)!important;border-color:var(--dc-chip-line)!important;color:var(--dc-ink)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .app-view:not([data-view=focus]) :is(input,textarea)::placeholder{color:var(--dc-sub)!important;opacity:1}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .mc-progress{background:rgba(255,255,255,.14)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .preview-plan-day .tone-class .plan-row-box{background:rgba(142,162,255,.2)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .preview-plan-day .tone-study .plan-row-box{background:rgba(122,240,196,.16)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .preview-plan-day .tone-work .plan-row-box{background:rgba(242,182,97,.18)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .preview-plan-day .tone-personal .plan-row-box{background:rgba(190,160,255,.18)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true] .preview-plan-day .planner-timeline-row.is-now .plan-row-box{background:rgba(122,240,196,.14)!important}
html.theme-dark body #design-personalize#design-personalize .design-choice[aria-pressed=true]{background:var(--dc-solid)!important;border-color:var(--dc-solid)!important;color:var(--dc-on-solid)!important}
html.theme-dark body #design-personalize#design-personalize .design-choice[aria-pressed=true] :is(strong,small,span){color:inherit!important}
/* Galaxy, Birds and Ocean in Dark: the scene shows through a navy veil instead of the pale Light veil, so light text stays readable. */
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true]:is([data-design-theme=galaxy],[data-design-theme=birds],[data-design-theme=ocean]){background:transparent!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell[data-preview-shell=true]:is([data-design-theme=galaxy],[data-design-theme=birds],[data-design-theme=ocean])::before{background:rgba(15,27,77,.62)!important}
html.theme-dark:has(#app-shell:not([hidden]):is([data-design-theme=galaxy],[data-design-theme=birds],[data-design-theme=ocean])) body{background:transparent!important}
html.theme-dark body #design-personalize#design-personalize[data-design-theme=galaxy] .design-mini{background:linear-gradient(rgba(15,27,77,.62),rgba(15,27,77,.62)),url('/signin-galaxy-v1.webp') center/cover #0f1b4d!important}
html.theme-dark body #design-personalize#design-personalize[data-design-theme=ocean] .design-mini{background:linear-gradient(rgba(15,27,77,.62),rgba(15,27,77,.62)),url('/nature-ocean-v1.jpg') center/cover #0f1b4d!important}
html.theme-dark body #design-personalize#design-personalize[data-design-theme=birds] .design-mini{background:linear-gradient(rgba(15,27,77,.62),rgba(15,27,77,.62)),linear-gradient(#b9e6f9,#f0fcff) #0f1b4d!important}

/* Default Dark stays plain navy; selected scenery keeps its own veil. */
html.theme-dark body.student-experience #app-shell#app-shell#app-shell:is([data-design-theme=off],:not([data-design-theme]))>.today-ambient{display:none!important}
html.theme-dark body #design-personalize#design-personalize .customize-sections li{background:var(--dc-raised);color:var(--dc-ink)}

html.theme-dark body.student-experience #app-shell#app-shell#app-shell .course-ai-card :is(h2,h3){color:var(--dc-ink)!important}
html.theme-dark body.student-experience #app-shell#app-shell#app-shell .course-ai-card :is(p,small){color:var(--dc-sub)!important}
/* Accessible surfaces must stay opaque when the platform or app requests it. */
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){
 html.theme-dark{--dc-card:#1d2a63;--dc-raised:#1d2a63;--dc-chip:#1d2a63}
}
html.theme-dark:is([data-personalize-transparency=true],[data-personalize-contrast=true],[data-reduced-transparency=true]){--dc-card:#1d2a63;--dc-raised:#1d2a63;--dc-chip:#1d2a63}

html.theme-dark body.student-experience #app-shell#app-shell#app-shell .course-ai-card{background:var(--dc-float)!important;border-color:var(--dc-line)!important}