/* The selected forecast owns the whole atmosphere, including the page palette. */
/* Commit text and surface together: opposite color fades lose contrast halfway. */
body{--sky-glow:#e8e9e200;isolation:isolate}
.sound-toggle{transition:none}
body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 72% 26%,var(--sky-glow),transparent 67%)}
body[data-weather="sun"]{--paper:#f1eee5;--sky-glow:#ebcf963d}
body[data-weather="cloud"],body[data-weather="fog"]{--paper:#e5e9eb;--sky-glow:#f6f6f55c;--muted:#5d6870;--line:#c8d0d5}
body[data-weather="rain"],body[data-weather="storm"]{--paper:#d8e1e8;--sky-glow:#9bb7cc40;--ink:#253747;--muted:#546777;--line:#b7c7d2}
body[data-weather="snow"]{--paper:#e9eff3;--sky-glow:#bad8ec45;--ink:#293d4c;--muted:#596e7e;--line:#c4d4df}
body[data-sky="night"]{color-scheme:dark;--paper:#101b2e;--ink:#eef3f8;--muted:#abbcd0;--line:#34475f;--accent:#f2b178;--acid:#dbe8fc;--sky-glow:#34578147}
.hero{isolation:isolate}
.weather-atmosphere{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;mask-image:linear-gradient(transparent,#000 12%,#000 86%,transparent)}
.stage{z-index:1;overflow:visible;touch-action:pan-y}
.stage canvas{z-index:1}
.stage-orbit{display:none}
.stage-label,.stage-label .cross,.feels,.mood-copy,.hero-note,.metric-sub{color:var(--muted)}
.hero-bottom{z-index:2}
.weather-pending .weather-atmosphere{opacity:0}
.icon-btn,.small-button,.tagline{border-color:var(--line)}
.bar .bar-temp{color:var(--muted)}
.stage-label{font-size:.65rem;letter-spacing:.045em}
body[data-sky="night"] .sound-toggle[aria-pressed=true]{background:#314c5a;color:#e9f6dd}
body[data-sky="night"] .icon-btn:hover,body[data-sky="night"] .small-button.active{background:#2b4156;border-color:#70899d}
body[data-sky="night"] .bar{background:#6e91a4}
body[data-sky="night"] .bar.rainy{background:#6b9ab4}
body[data-sky="night"] .timeline::before{border-color:var(--line)}
body[data-sky="night"] .bar::after{background:#899daf}
body[data-sky="night"] .daily-track{background:#293f55}
body[data-sky="night"] .daily-track b{background:#95b3bd}
body[data-sky="night"] .daily-row svg,body[data-sky="night"] .daily-row .pop,body[data-sky="night"] .wind-arrow{color:#c5d6e8}
body[data-sky="night"] dialog{background:#18273b}
body[data-sky="night"] .dialog-copy{color:var(--muted)}
body[data-sky="night"] .close-btn,body[data-sky="night"] .search-form input{background:#263b52;border-color:var(--line)}
body[data-sky="night"] .result:hover,body[data-sky="night"] .scene-btn:hover{background:#2b4055}
body[data-sky="night"] .result,body[data-sky="night"] .scene-btn,body[data-sky="night"] .quick-cities button{border-color:#486077}
body[data-sky="night"] .demo-banner,body[data-sky="night"] .data-alert{background:#24394b;border-color:#496275}
body[data-sky="night"] input{accent-color:#b7d2e1}
body[data-sky="night"] .notice{background:#dce7ee;color:#142333}
@media(max-width:600px){
 .weather-atmosphere{left:-20px;width:calc(100% + 40px)}
 .stage-label{right:6%;bottom:10px;font-size:.625rem}
}
@media(max-width:360px){.weather-atmosphere{left:-15px;width:calc(100% + 30px)}}