.mc-sky{position:absolute;inset:0;z-index:-1;overflow:hidden;border-radius:inherit;pointer-events:none}
.mc-sky>*{position:absolute;inset:0}
.mc-sky__dusk{background:linear-gradient(115deg,#4C2A8C 0%,#8E3A6E 52%,#B35E28 100%);opacity:var(--sky-dusk,0);transition:opacity 2s linear}
.mc-sky__night{background:linear-gradient(115deg,#2149BC 0%,#19378F 55%,#2B257E 100%);opacity:var(--sky-night,0);transition:opacity 2s linear}
.mc-sky__stars{background-image:radial-gradient(1.3px 1.3px at 11% 47%,#fff,transparent),radial-gradient(1.5px 1.5px at 49% 81%,#fff,transparent),radial-gradient(1.4px 1.4px at 44% 95%,#fff,transparent),radial-gradient(1.0px 1.0px at 46% 11%,#fff,transparent),radial-gradient(0.9px 0.9px at 72% 60%,#fff,transparent),radial-gradient(0.8px 0.8px at 20% 86%,#fff,transparent),radial-gradient(0.8px 0.8px at 70% 5%,#fff,transparent),radial-gradient(1.4px 1.4px at 18% 30%,#fff,transparent),radial-gradient(1.0px 1.0px at 81% 91%,#fff,transparent),radial-gradient(1.3px 1.3px at 55% 43%,#fff,transparent),radial-gradient(1.5px 1.5px at 49% 11%,#fff,transparent),radial-gradient(1.0px 1.0px at 19% 75%,#fff,transparent),radial-gradient(1.1px 1.1px at 2% 45%,#fff,transparent),radial-gradient(1.1px 1.1px at 23% 81%,#fff,transparent),radial-gradient(0.9px 0.9px at 9% 86%,#fff,transparent),radial-gradient(1.4px 1.4px at 69% 54%,#fff,transparent),radial-gradient(1.3px 1.3px at 71% 62%,#fff,transparent),radial-gradient(1.5px 1.5px at 60% 28%,#fff,transparent),radial-gradient(1.4px 1.4px at 22% 60%,#fff,transparent),radial-gradient(0.9px 0.9px at 59% 32%,#fff,transparent),radial-gradient(1.5px 1.5px at 10% 69%,#fff,transparent),radial-gradient(0.9px 0.9px at 65% 21%,#fff,transparent),radial-gradient(1.0px 1.0px at 92% 89%,#fff,transparent),radial-gradient(0.9px 0.9px at 60% 22%,#fff,transparent),radial-gradient(1.4px 1.4px at 60% 41%,#fff,transparent),radial-gradient(0.9px 0.9px at 86% 61%,#fff,transparent);animation:mcSkyTwinkle 9s ease-in-out infinite}
.mc-sky__stars2{background-image:radial-gradient(1.4px 1.4px at 45% 27%,#DCE3FF,transparent),radial-gradient(0.9px 0.9px at 8% 61%,#DCE3FF,transparent),radial-gradient(1.1px 1.1px at 22% 47%,#DCE3FF,transparent),radial-gradient(0.9px 0.9px at 83% 68%,#DCE3FF,transparent),radial-gradient(0.9px 0.9px at 19% 71%,#DCE3FF,transparent),radial-gradient(1.0px 1.0px at 46% 4%,#DCE3FF,transparent),radial-gradient(1.1px 1.1px at 39% 55%,#DCE3FF,transparent),radial-gradient(1.4px 1.4px at 80% 42%,#DCE3FF,transparent),radial-gradient(1.5px 1.5px at 69% 16%,#DCE3FF,transparent),radial-gradient(0.9px 0.9px at 82% 10%,#DCE3FF,transparent),radial-gradient(0.9px 0.9px at 70% 61%,#DCE3FF,transparent),radial-gradient(1.3px 1.3px at 57% 31%,#DCE3FF,transparent),radial-gradient(0.9px 0.9px at 16% 10%,#DCE3FF,transparent),radial-gradient(0.9px 0.9px at 46% 48%,#DCE3FF,transparent),radial-gradient(0.9px 0.9px at 51% 64%,#DCE3FF,transparent),radial-gradient(1.3px 1.3px at 85% 89%,#DCE3FF,transparent),radial-gradient(1.0px 1.0px at 20% 63%,#DCE3FF,transparent),radial-gradient(0.9px 0.9px at 47% 10%,#DCE3FF,transparent);animation:mcSkyTwinkle2 13s ease-in-out infinite}
.mc-sky__scrim{background:linear-gradient(90deg,rgba(3,10,50,.28),rgba(3,10,50,.08) 60%,rgba(3,10,50,.2))}
.mc-sky.is-away>*,.mc-sky.is-away>*::before{animation-play-state:paused}
@keyframes mcSkyTwinkle{0%,100%{opacity:var(--sky-stars,0)}50%{opacity:calc(var(--sky-stars,0)*.6)}}
@keyframes mcSkyTwinkle2{0%,100%{opacity:calc(var(--sky-stars2,0)*.55)}50%{opacity:var(--sky-stars2,0)}}
#app-shell .preview-plan-hero.has-mc-sky::before{display:none}
.preview-plan-hero>.mc-sky{grid-column:auto!important;grid-row:auto!important}
.preview-day-sky-arc{align-self:stretch;flex:none;margin-top:8px;color:#c8fff1}
.preview-day-sky-curve{position:relative;height:34px}
.preview-day-arc-hours{display:flex;justify-content:space-between;margin-top:2px;font-size:11px;line-height:1.2;font-weight:700;color:#dce3ff}
.mc-sky-marker{position:absolute;width:16px;height:16px;border-radius:50%;transform:translate(-50%,-50%);background:#ffe29a;box-shadow:0 0 0 6px #ffdc7135,0 0 22px #ffdd7c}
html[data-sky-moon=true] .mc-sky-marker,html[data-sky-moon=true] #app-shell .preview-plan-sun{background:radial-gradient(circle at 38% 34%,#fff,#cfd8ff 72%);box-shadow:0 0 0 6px rgba(207,216,255,.18),0 0 20px 7px rgba(190,205,255,.4)}
@media (prefers-reduced-motion:reduce){.mc-sky__stars{animation:none;opacity:var(--sky-stars,0)}.mc-sky__stars2{animation:none;opacity:var(--sky-stars2,0)}.mc-sky__dusk,.mc-sky__night{transition:none}}
html:is(.mc-reduce-motion,[data-reduced-motion=true],[data-personalize-motion=true]) .mc-sky__stars{animation:none;opacity:var(--sky-stars,0)}
html:is(.mc-reduce-motion,[data-reduced-motion=true],[data-personalize-motion=true]) .mc-sky__stars2{animation:none;opacity:var(--sky-stars2,0)}
html:is(.mc-reduce-motion,[data-reduced-motion=true],[data-personalize-motion=true]) :is(.mc-sky__dusk,.mc-sky__night){transition:none}
@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.mc-sky{display:none}}
html:is([data-personalize-transparency=true],[data-personalize-contrast=true],[data-reduced-transparency=true]) .mc-sky{display:none}

/* The new Today arc owns its marker; the older card pseudo-element is redundant. */
html body.student-experience #app-shell#app-shell[data-preview-shell=true] .preview-living-sky.has-mc-sky::after{display:none!important}