html body #app-shell[data-active-view=home] {
  --today-ink: #101e40;
  --today-muted: #4a5971;
  --today-card: #fbfbff;
  --today-line: #fff;
  --today-mint: #e3f7ef;
  --today-green: #126048;
  --today-shadow: 0 14px 32px rgb(23 36 90 / .09);
  background: radial-gradient(ellipse at 96% 4%, #ccf7e6, transparent 33%),
    radial-gradient(ellipse at 8% 0, #cfd6fa, transparent 38%),
    radial-gradient(ellipse at 82% 94%, #d0e2fb, transparent 36%), #f3f3fd !important;
}
html.theme-dark body #app-shell[data-active-view=home] {
  --today-ink: #f2f4ff;
  --today-muted: #c2c9e4;
  --today-card: #222943;
  --today-line: #41496b;
  --today-mint: #1e403b;
  --today-green: #a9f0d3;
  background: radial-gradient(ellipse at 95% 0, #153a43, transparent 42%), #171c33 !important;
}
html body #app-shell[data-active-view=home] :is(.app-main,.app-sidebar) {
  background: transparent !important;
}
html body #app-shell[data-active-view=home] .app-sidebar {border-color: transparent;}
html body #app-shell[data-active-view=home] .mc-nav--sidebar .mc-nav__item.is-active {
  color: var(--today-ink); background: var(--today-card); border-radius: 16px;
  box-shadow: var(--today-shadow) !important;
}
html body #app-shell[data-active-view=home] .account-pill {border-radius: 16px;}
html body #app-shell[data-active-view=home] .mc-nav--sidebar [data-view-target=focus] {display: none;}
#app-shell .today-sidebar-study svg {width: 21px; height: 21px;}
html body #app-shell[data-active-view=home] [data-view=home] {
  width: 100%; max-width: 1360px; color: var(--today-ink);
}
html body #app-shell[data-active-view=home] .today-header {
  display: flex; flex-wrap: wrap; justify-content: space-between;
  gap: 12px; margin: 0 0 24px; padding: 0;
}
html body #app-shell[data-active-view=home] .today-header h1 {
  color: var(--today-ink); font-size: clamp(1.85rem, 4vw, 2.8rem); font-weight: 750;
}
#app-shell .today-header [data-home-date] {color: var(--today-muted); text-transform: uppercase;}
#app-shell .today-header__copy:empty {display: none;}
#app-shell .today-header .page-header__actions {display: flex; align-items: center; gap: 8px;}
#app-shell .today-header :is(.avatar,[data-workspace-lock]) {
  display: inline-grid; place-items: center; width: 44px; height: 44px; padding: 0;
  min-width: 44px; min-height: 44px; border-radius: 50%;
}
#app-shell .today-header .avatar {color: white; background: linear-gradient(145deg,#4553cc,#121d63);}
#app-shell .today-header [data-workspace-lock] {color: var(--today-green); background: var(--today-mint); border: 1px solid var(--today-line);}
#app-shell .today-header [data-workspace-lock] svg {width: 20px; height: 20px;}
#app-shell .today-header [data-workspace-lock] .mc-live-action-label {display: none;}
html body #app-shell .today-dashboard[hidden] {display: none !important;}
html body #app-shell[data-active-view=home] .today-dashboard:not([hidden]) {
  display: grid !important; grid-template-columns: minmax(0,1.6fr) minmax(0,1fr);
  gap: clamp(14px, 2vw, 24px) !important; align-items: stretch;
}
html body #app-shell[data-active-view=home] [data-view=home] .today-dashboard .today-next.mc-card {
  grid-column: 1; display: grid; grid-template-columns: minmax(68px,.35fr) minmax(0,1fr);
  align-items: center; gap: clamp(10px, 2vw, 24px); order: 0 !important; margin: 0;
  padding: clamp(18px, 2.7vw, 36px) !important;
  border-radius: 30px !important; border: 1px solid #7186c2 !important;
  background: radial-gradient(ellipse at 10% 15%,#317ed5,transparent 48%),
    linear-gradient(140deg,#204eb8,#14205e 75%) !important;
  box-shadow: 0 18px 34px rgb(16 30 83 / .23) !important;
  color: #fff !important;
}
html body #app-shell[data-active-view=home] .today-dashboard .today-next__body {
  display: flex !important; flex-direction: column; align-items: stretch; gap: 12px; min-width: 0;
}
#app-shell .today-dashboard .today-next .student-board-orbit {
  position: relative; inset: auto; width: 100%; min-width: 0; height: auto;
  margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none;
}
#app-shell .today-dashboard .today-next .student-board-orbit::before {content: none;}
#app-shell .today-dashboard .today-next .student-board-orbit img {width: 100%; height: auto; object-fit: contain;}
#app-shell .today-dashboard .today-next [data-home-momentum] {display: none !important;}
html body #app-shell[data-active-view=home] .today-dashboard .today-next #today-next-heading {
  color: #fffceb !important; font-size: clamp(1.25rem, 2.1vw, 2rem) !important;
  line-height: 1.18 !important;
}
html body #app-shell[data-active-view=home] .today-dashboard .today-next :is(p,small,summary) {
  color: #e2ebff !important;
}
html body #app-shell[data-active-view=home] .today-dashboard .mc-home-focus-dock {
  display: flex; flex-direction: column; align-items: flex-start; gap: 8px;
  border: 0 !important; padding: 0;
}
html body #app-shell[data-active-view=home] .today-dashboard .mc-home-time-controls {
  order: 0; padding: 0; border: 0; margin: 0; width: auto; max-width: 100%;
}
html body #app-shell[data-active-view=home] .today-dashboard .mc-home-time-options {
  display: flex; flex-wrap: wrap; gap: 3px; padding: 4px; width: fit-content;
  background: #ffffff24 !important; border: 1px solid #ffffff60; border-radius: 24px;
}
html body #app-shell[data-active-view=home] .today-dashboard .mc-home-time-options button {
  min-width: 44px; min-height: 44px; border: 0; border-radius: 22px;
  color: #f2f5ff !important; background: transparent !important; padding: 5px 9px;
}
html body #app-shell[data-active-view=home] .today-dashboard .mc-home-time-options button[aria-pressed=true] {
  color: #10245e !important; background: #c4fae1 !important;
}
html body #app-shell[data-active-view=home] [data-view=home] .today-dashboard [data-home-next] .home-start-focus {
  width: auto; color: #111f62 !important; background: #fff !important;
  border-color: #fff !important; border-radius: 999px !important;
}
html body #app-shell[data-active-view=home] .today-dashboard .home-start-focus span {color: #111f62 !important;}
html body #app-shell[data-active-view=home] .today-dashboard .home-start-focus::after {content: '→'; margin-inline-start: 5px;}
html body #app-shell[data-active-view=home] .today-dashboard .home-start-study {
  width: auto; color: white !important; background: transparent !important;
  border: 1px solid #ffffff70 !important; border-radius: 999px !important;
}
html body #app-shell[data-active-view=home] .today-dashboard :is(.mc-home-focus-countdown,.mc-home-study-help,.mc-home-course-link) {color: #fff !important;}
#app-shell .today-dashboard > .today-dashboard__schedule {
  grid-column: 2; display: flex; flex-direction: column; gap: 14px;
}
#app-shell .today-dashboard__schedule > :last-child {flex: 1;}
html body #app-shell .today-dashboard :is(.today-dashboard__day,.mc-live-upcoming,.today-course) {
  width: 100%; min-width: 0; box-sizing: border-box; margin: 0;
  padding: clamp(14px, 2vw, 22px) !important; border-radius: 24px !important;
  border: 1px solid var(--today-line) !important; background: var(--today-card) !important;
  color: var(--today-ink); box-shadow: var(--today-shadow) !important;
}
html body #app-shell .today-dashboard .today-dashboard__day {background: color-mix(in srgb,var(--today-mint) 62%,var(--today-card)) !important;}
#app-shell .today-dashboard__day > div:first-child {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px;}
#app-shell .today-dashboard__day h2 {margin: 0; font-size: 1.05rem; color: var(--today-ink);}
#app-shell [data-today-scheduled] {padding: 4px 9px; border-radius: 999px; background: var(--today-mint); color: var(--today-green); font-size: .8rem; font-weight: 700;}
#app-shell [data-today-scheduled]:empty {display: none;}
#app-shell .today-dashboard__track {position: relative; overflow: hidden; height: 16px; margin-block: 12px 0; border-radius: 8px; background: color-mix(in srgb,#889ad8 24%,var(--today-card));}
#app-shell .today-dashboard__track span {position: absolute; inset-block: 0; background: #414fbd;}
#app-shell .today-dashboard__track [data-kind=study] {background: #36aa85;}
#app-shell .today-dashboard .mc-live-upcoming:not([hidden]) {display: grid; grid-template-columns: minmax(0,1fr); height: 100%;}
#app-shell .today-dashboard :is(.mc-live-upcoming__heading,.mc-live-item__timing,.mc-live-empty,.today-course p,.today-course small) {color: var(--today-muted);}
#app-shell .today-dashboard .mc-live-item {
  color: var(--today-ink); background: transparent; border: 0; border-inline-start: 6px solid #5d86c0;
  text-align: start; min-height: 44px; overflow-wrap: anywhere;
}
#app-shell .today-dashboard .mc-live-item[data-kind=calendar] {border-inline-start-color: #dc7a35;}
#app-shell .today-dashboard .mc-live-item[data-kind=study] {border-inline-start-color: #36aa85;}
#app-shell .today-dashboard .mc-live-item strong {color: var(--today-ink); white-space: normal;}
#app-shell .today-dashboard__courses .course-grid {display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px;}
#app-shell .today-dashboard__courses .section-heading {margin: 0 0 10px;}
#app-shell .today-dashboard__courses h2 {color: var(--today-ink);}
#app-shell .today-course {display: grid; justify-items: start; gap: 12px; overflow-wrap: anywhere;}
#app-shell .today-course__heading {display: grid; grid-template-columns: auto minmax(0,1fr); gap: 10px; align-items: center;}
#app-shell .today-course h3 {margin: 0; color: var(--today-ink);}
#app-shell .today-course p {margin: 0; font-size: .88rem;}
#app-shell .today-course__actions {display: flex; flex-wrap: wrap; gap: 8px;}
#app-shell .today-course__actions .mc-button {min-height: 44px;}
#app-shell .today-course__ring {
  --ring-color: #368f76;
  display: grid; place-items: center; width: 48px; height: 48px;
  background: conic-gradient(var(--ring-color) var(--course-progress),#aeb9de66 0);
  border-radius: 50%; color: var(--today-ink); font-weight: 750; font-size: .78rem;
}
#app-shell .today-course:nth-child(3n+2) .today-course__ring {--ring-color: #414fbd;}
#app-shell .today-course:nth-child(3n+3) .today-course__ring {--ring-color: #3062a6;}
#app-shell .today-course__ring span {display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: var(--today-card);}
html body #app-shell .today-dashboard .today-course .mc-button--primary {
  min-height: 44px; padding-inline: 18px; border-radius: 999px;
  color: #fff !important; background: #121e62 !important;
}
#app-shell .today-dashboard__upload {
  display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center;
  gap: 14px; width: 100%; min-height: 72px; text-align: start; padding: 14px 22px;
  color: #fff; background: linear-gradient(120deg,#285acb,#15205d 75%);
  border: 1px solid #788cce; border-radius: 22px; box-shadow: var(--today-shadow); cursor: pointer;
}
#app-shell .today-dashboard__upload :is(strong,small) {display: block;}
#app-shell .today-dashboard__upload strong {font-size: 1.1rem;}
#app-shell .today-dashboard__upload small {color: #c4fae1;}
#app-shell .today-dashboard__upload-icon {display: grid; place-items: center; width: 44px; height: 44px; border-radius: 14px; background: #ffffff25;}
#app-shell .today-dashboard__upload-icon svg {width: 20px; height: 20px; stroke: #c4fae1; fill: none;}
@media(max-width: 1050px) {
  html body #app-shell[data-active-view=home] .today-dashboard:not([hidden]) {grid-template-columns: minmax(0,1fr);}
  #app-shell .today-dashboard > .today-dashboard__schedule {grid-column: 1; display: grid; grid-template-columns: repeat(2,minmax(0,1fr));}
}
@media(max-width: 760px) {
  #app-shell .today-dashboard > .today-dashboard__schedule,
  #app-shell .today-dashboard__courses .course-grid {grid-template-columns: minmax(0,1fr);}
  #app-shell .today-course {grid-template-columns: minmax(0,1fr) auto; align-items: center;}
  #app-shell .today-course p {grid-column: 1; grid-row: 2;}
  #app-shell .today-course .mc-button {grid-column: 2; grid-row: 1 / span 2;}
  html body #app-shell[data-active-view=home] [data-view=home] .today-dashboard .today-next.mc-card {grid-template-columns: minmax(0,1fr);}
  #app-shell .today-dashboard .today-next .student-board-orbit {width: 82px;}
}
@media(forced-colors: active) {
  #app-shell .today-dashboard__track span {background: Highlight;}
  #app-shell .today-course__ring {border: 1px solid CanvasText;}
}
#app-shell .today-dashboard__encouragement:not([hidden]) {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
  gap: 4px 12px; padding: 10px 16px; border: 1px solid var(--today-line); border-radius: 16px;
  background: var(--today-mint); color: var(--today-green);
}
#app-shell .today-dashboard__encouragement p {margin: 0;}
#app-shell .focus-break-cue {margin: 10px 0; text-align: center;}
#app-shell .focus-break-cue:empty {margin: 0;}
[data-confirm-deadlines] {margin-block: 16px; overflow-wrap: anywhere;}
[data-confirm-deadlines] ul {padding-inline-start: 1.3em;}
[data-confirm-deadlines] p:empty {display: none;}
html body #app-shell[data-active-view=home] .today-header {
  border: 0; justify-content: flex-start;
}
#app-shell[data-active-view=home] .today-header [data-home-date] {display: block;}
html body #app-shell[data-active-view=home] .today-header .page-header__actions {margin-inline-start: auto;}
html body #app-shell[data-active-view=home] .today-dashboard .today-next .today-next__body {
  display: flex !important; gap: 10px; align-items: flex-start;
}
html body #app-shell[data-active-view=home] .today-dashboard .today-next .mc-home-focus-dock {
  padding: 0 !important; border: 0 !important; width: 100%;
}
html body #app-shell[data-active-view=home] .today-dashboard .today-next .home-start-focus {
  display: inline-flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 8px;
}
#app-shell .today-dashboard .mc-live-upcoming__heading > strong {display: block; color: var(--today-muted);}
#app-shell .today-dashboard .mc-live-item {padding-inline-start: 12px;}
#app-shell[data-active-view=home] .journey-rail {margin-bottom: 10px;}
@media(min-width: 761px) {
  html body #app-shell[data-active-view=home]:not([hidden]) {display: grid; grid-template-columns: minmax(190px, 16vw) minmax(0,1fr);}
  html body #app-shell[data-active-view=home][data-sidebar-collapsed=true] {grid-template-columns: 86px minmax(0,1fr);}
  html body #app-shell[data-active-view=home] > .app-sidebar {display: flex !important;}
  html body #app-shell[data-active-view=home] .mc-nav--mobile {display: none !important;}
  html body #app-shell[data-active-view=home] > .app-main {width: 100%; max-width: none; padding-top: 32px;}
}
html body #app-shell[data-active-view=home] [data-view=home] .today-dashboard .today-next.mc-card {
  padding: clamp(16px, 2vw, 28px) !important;
}
#app-shell .today-dashboard .mc-live-upcoming:not([hidden]) {align-content: start; gap: 12px;}
#app-shell .today-dashboard .mc-live-upcoming__heading {justify-content: space-between; align-items: center;}
#app-shell .today-dashboard .mc-live-read {padding: 0 5px; min-height: 44px;}
#app-shell[data-active-view=home] .account-pill {background: color-mix(in srgb,#bfc8f5 34%,var(--today-card));}
#app-shell[data-active-view=home] .account-pill .avatar {background: #172568; color: #fff;}
#app-shell[data-active-view=home] .account-pill small {color: var(--today-green);}
#app-shell[data-active-view=home] .today-header .plan-badge {display: none;}