/* Ambient (idle photo frame) */
.ambient { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 65; background: #000; display: none; color: #fff; cursor: pointer; }
.stage[data-mode="ambient"] .ambient { display: block; }
.amb-stage { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.amb-scrim { position: absolute; left: 0; right: 0; bottom: 0; height: 60%; background: linear-gradient(0deg, rgba(0, 0, 0, .75), rgba(0, 0, 0, 0)); pointer-events: none; }
.amb-info { position: absolute; left: 60px; right: 60px; bottom: 48px; display: flex; justify-content: space-between; align-items: flex-end; }
.amb-time { font-size: 230px; line-height: .78; letter-spacing: -.04em; }
.amb-date { font-family: var(--serif); font-size: 38px; margin-top: 16px; }
.amb-right { display: flex; flex-direction: column; align-items: flex-end; gap: 14px; }
.amb-wx { display: flex; align-items: center; gap: 12px; }
.amb-wx .num { font-size: 72px; line-height: .8; }
.amb-wx small { font-family: var(--serif); font-size: 26px; font-style: italic; max-width: 220px; line-height: 1.05; }
.amb-next {
  display: inline-flex; align-items: center; gap: 10px; height: 52px; padding: 0 20px; border-radius: 999px;
  background: rgba(255, 255, 255, .16);
  font-size: 20px; font-weight: 700;
}
.amb-next i { width: 12px; height: 12px; border-radius: 50%; background: var(--c); box-shadow: 0 0 0 2px #fff; }
.amb-who { display: flex; gap: 8px; }
.amb-who .avatar--away { background: rgba(0, 0, 0, .3); }

/* Night (dim red clock) — kept above a minimum readable brightness */
.night { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 66; background: #000; display: none; place-items: center; cursor: pointer; }
.stage[data-mode="night"] .night { display: grid; }
.nt-inner { text-align: center; color: #B8281A; }
.nt-time { font-size: 260px; line-height: .8; letter-spacing: -.04em; color: #C22C1C; }
.nt-line { margin-top: 34px; font-size: 26px; display: flex; align-items: center; justify-content: center; gap: 10px; color: #A02618; }
.nt-line b { color: #C22C1C; }
.nt-lock { margin-top: 18px; font-size: 18px; display: flex; align-items: center; justify-content: center; gap: 8px; color: #7A1D12; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }