/* Home's atmosphere uses the existing brand material. No additional animation,
   rendering loop, weather request, or backdrop layer is introduced. */
.app-shell[data-active-view=home] .app-main {
  background:radial-gradient(ellipse at 5% 3%,color-mix(in srgb,var(--mc-mint) 9%,transparent),transparent 48%),radial-gradient(ellipse at 100% 15%,color-mix(in srgb,var(--mc-blue) 6%,transparent),transparent 48%);
}
/* Live View inherits the shared compact layout used by every app page. */
.app-shell [data-view=home] {gap:20px;}
.app-shell [data-view=home] .today-header {margin-bottom:0;align-items:center;}
.app-shell [data-view=home] .today-header h1 {font-size:clamp(1.5rem,3.5vw,2.15rem);line-height:1.2;letter-spacing:-.04em;}
.app-shell [data-view=home] .page-kicker {font-size:.6875rem;letter-spacing:.14em;}
.app-shell [data-view=home] .today-header__copy {font-size:.9375rem;margin-top:6px;}
.app-shell .mc-home-focused {gap:16px;}
.app-shell .mc-home-focused > .today-next {
  position:relative;min-width:0;padding:26px;border-radius:28px;overflow:hidden;
  border:1px solid color-mix(in srgb,var(--mc-line-strong) 72%,var(--mc-glass-highlight));
  background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--mc-mint) 12%,transparent),transparent 62%),linear-gradient(145deg,var(--mc-glass-highlight),transparent 48%),var(--mc-surface-elevated);
  box-shadow:inset 0 1px 0 var(--mc-glass-highlight),var(--mc-shadow-subtle);
}
.app-shell .mc-home-focused .today-next__body {grid-template-columns:minmax(0,1fr);gap:20px;align-items:start;}
.app-shell .mc-home-focused .today-next__body > div {min-width:0;}
.app-shell .mc-home-focused .today-next h2 {font-size:clamp(1.5rem,3vw,2rem);letter-spacing:-.035em;line-height:1.2;margin:8px 0 12px;overflow-wrap:anywhere;}
.app-shell .mc-home-focused .today-next__context {font-size:.6875rem;letter-spacing:.12em;color:var(--mc-accent-secondary);}
.app-shell .mc-home-focused .today-next [data-next-copy] {font-size:.9375rem;line-height:1.6;margin:0;max-width:62ch;}
.app-shell .mc-home-focused .mc-next-step {font-size:.8125rem;line-height:1.5;margin-top:8px;}
.app-shell .mc-home-focused .mc-next-options {display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:8px;}
.app-shell .mc-home-focused .mc-next-options :is(button,summary) {min-height:44px;font-size:.8125rem;}
.app-shell .mc-home-focused .mc-home-focus-dock {display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,1fr);align-items:end;gap:10px 14px;width:100%;min-width:0;}
.app-shell .mc-home-focused .mc-home-time-controls {gap:6px;}
.app-shell .mc-home-focused .mc-home-time-controls label {font-size:.75rem;font-weight:500;}
.app-shell .mc-home-focused .mc-home-time-controls select {font-size:.875rem;min-width:0;min-height:48px;}
.app-shell .mc-home-focused .home-start-focus {min-height:48px!important;width:100%;border-radius:16px;box-shadow:inset 0 1px 0 var(--mc-glass-highlight),0 5px 14px color-mix(in srgb,var(--mc-blue) 15%,transparent);font-size:.9375rem;}
.app-shell .mc-home-focused .mc-home-focus-dock > :is(strong,p,.mc-home-course-link) {grid-column:1 / -1;}
.app-shell .mc-home-focused .mc-home-focus-dock > p {margin:0;font-size:.75rem;}
.app-shell .mc-home-focused [data-home-study-cue] {display:none;}
.app-shell .mc-home-focused .mc-home-focus-dock > :is(p:empty,strong[hidden]) {display:none;}
.app-shell .mc-home-focused .mc-task-capture {padding:20px 24px;border-radius:24px;gap:10px;background:var(--mc-surface-elevated);box-shadow:var(--mc-shadow-subtle);}
.app-shell .mc-home-focused .mc-task-capture > label {font-size:1rem;}
.app-shell .mc-home-focused .mc-task-capture__entry {display:flex;flex-wrap:wrap;align-items:start;gap:10px;}
.app-shell .mc-home-focused .mc-task-capture textarea {flex:1 1 230px;min-height:52px;max-height:180px;padding:12px 14px;font-size:1rem;line-height:1.5;}
.app-shell .mc-home-focused .mc-task-capture__buttons {display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:auto;}
.app-shell .mc-home-focused .mc-task-capture__buttons .mc-button {width:auto;min-height:48px;padding:10px 14px;font-size:.875rem;}
.app-shell .mc-home-focused .mc-task-capture__buttons svg {width:18px;height:18px;}
.app-shell .mc-home-focused .mc-task-capture__details summary {font-size:.75rem;min-height:36px;}
.app-shell .mc-home-focused .mc-task-capture > p {font-size:.75rem;}
.app-shell .mc-home-tools {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.app-shell .mc-home-tools .mc-button {display:flex;justify-content:center;gap:9px;width:100%;min-height:52px;border:1px solid var(--mc-line);border-radius:18px;padding:12px 10px;background:linear-gradient(145deg,var(--mc-glass-highlight),transparent 70%),var(--mc-glass-subtle);color:var(--mc-ink);box-shadow:inset 0 1px 0 var(--mc-glass-highlight);font-size:.875rem;font-weight:550;white-space:normal;}
.app-shell .mc-home-tools svg {width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;}
.app-shell .mc-home-focused .today-progress {padding:22px 24px;border-radius:24px;background:var(--mc-glass-subtle);box-shadow:none;}
.app-shell .mc-home-focused .today-progress h2 {font-size:1rem;}
.app-shell .mc-home-focused .today-progress__metrics strong {font-size:1.6rem;}
@media(min-width:1200px) {
 .app-shell .mc-home-focused .today-next__body {grid-template-columns:minmax(0,1fr) minmax(240px,.65fr);gap:32px;align-items:center;}
 .app-shell .mc-home-focused .mc-home-focus-dock {grid-template-columns:minmax(0,1fr);}
}
@media(max-width:440px) {
 .app-shell [data-view=home] .today-header [data-plan-badge] {display:none;}
 .app-shell .mc-home-focused > .today-next {padding:20px;}
 .app-shell .mc-home-focused .mc-home-focus-dock {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
 .app-shell .mc-home-focused .home-start-focus {padding:10px;font-size:.875rem;gap:6px;}
 .app-shell .mc-home-focused .home-start-focus svg {width:22px;height:22px;padding:3px;}
 .app-shell .mc-home-focused .mc-task-capture {padding:18px;}
 .app-shell .mc-home-focused .mc-task-capture__buttons {width:100%;}
 .app-shell .mc-home-focused .mc-task-capture__buttons .mc-button {flex:1 1 0;}
 .app-shell .mc-home-tools {gap:8px;}
 .app-shell .mc-home-tools .mc-button {font-size:.8125rem;gap:7px;}
}
/* Existing display and accessibility choices always outrank atmosphere. */
:root[data-reduced-transparency=true] .app-shell[data-active-view=home] .app-main,
:root[data-reduced-transparency=true] .app-shell .mc-home-focused > .today-next {background:var(--mc-surface-elevated);}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more) {
 .app-shell[data-active-view=home] .app-main,.app-shell .mc-home-focused > .today-next {background:var(--mc-surface-elevated);}
 .app-shell .mc-home-tools .mc-button {background:var(--mc-surface);box-shadow:none;}
}
@media(forced-colors:active) {
 .app-shell[data-active-view=home] .app-main,.app-shell .mc-home-focused > .today-next,.app-shell .mc-home-tools .mc-button {background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none;}
}