:root{--accent:#fff;--fit-mode:contain}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#030506;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}#stage{width:100%;height:100%;position:relative;isolation:isolate;background:#030506}.media{position:absolute;z-index:2;inset:0;width:100%;height:100%;object-fit:contain;background:transparent;opacity:0;transition:opacity 1.25s cubic-bezier(.22,.61,.36,1)}.media.visible{opacity:1}#ambient-background{position:absolute;z-index:0;inset:-5%;background-position:center;background-size:cover;filter:blur(48px) saturate(.8) brightness(.38);opacity:0;transform:scale(1.08);transition:opacity 1.25s ease}#screen-shade{position:absolute;z-index:1;inset:0;background:radial-gradient(circle at center,transparent 52%,rgba(0,0,0,.22) 100%);pointer-events:none}#message{z-index:3;color:#f8fafc;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;font-size:clamp(22px,2.2vw,38px);font-weight:700;padding:24px;text-shadow:0 2px 16px #000}.widget,#overlay-logo{display:none;position:absolute;z-index:6}.widget{
  background:rgba(255,255,255,var(--widget-opacity,.24));
  color:#111827;
  border:1px solid rgba(255,255,255,.52);
  border-radius:18px;
  padding:13px 16px;
  box-shadow:
    0 12px 34px rgba(15,23,42,.18),
    inset 0 1px 0 rgba(255,255,255,.5);
  backdrop-filter:blur(14px) saturate(120%);
  -webkit-backdrop-filter:blur(14px) saturate(120%);
}.widget small{
  display:block;
  font-size:12px;
  color:rgba(17,24,39,.68);
  margin-bottom:4px;
  text-transform:uppercase;
  letter-spacing:.08em;
}#overlay-logo{object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.65))}.weather-main{font-size:30px;font-weight:700}.weather-details{margin-top:9px;font-size:14px;color:rgba(255,255,255,.8)}#no-show-box strong{font-size:30px;display:block;margin-bottom:5px}.ticker{display:none;position:absolute;z-index:8;height:7%;min-height:42px;background:rgba(5,8,12,.88);overflow:hidden;white-space:nowrap;color:#fff;font-size:clamp(15px,2vw,23px);align-items:center;border-top:1px solid rgba(255,255,255,.18)}.ticker span{display:inline-block;padding-left:100%;animation:ticker 24s linear infinite}@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-100%)}}


.combined-info-widget{
  line-height:1.35;
  min-width:220px;
}
.combined-date strong{
  display:block;
  font-size:28px;
  margin-bottom:2px;
}
.combined-date span{
  font-size:14px;
  color:rgba(255,255,255,.78);
  text-transform:capitalize;
}
.combined-separator{
  height:1px;
  background:rgba(255,255,255,.18);
  margin:10px 0;
}
.combined-weather .weather-main{
  margin-top:2px;
}


.combined-info-widget{
  min-width:230px;
  line-height:1.35;
}
.combined-date strong{
  display:block;
  font-size:28px;
}
.combined-date span{
  display:block;
  margin-top:2px;
  font-size:14px;
  color:rgba(255,255,255,.78);
  text-transform:capitalize;
}
.combined-separator{
  height:1px;
  background:rgba(255,255,255,.18);
  margin:10px 0;
}
.backup-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}


.combined-date span,
.weather-details{
  color:rgba(17,24,39,.72) !important;
}
.combined-separator{
  background:rgba(17,24,39,.16) !important;
}


/* Affichage minimal : heure, température, logo et bandeau uniquement */
.weather-bar{display:none;align-items:center;gap:16px;background:rgba(8,12,10,.72);color:#fff;border-color:rgba(255,255,255,.28)}
.combined-time strong{display:block;font-size:clamp(26px,3vw,52px);line-height:1}
.combined-weather .weather-main{font-size:clamp(24px,2.6vw,46px);line-height:1}
.combined-separator{width:1px;height:38px;margin:0 14px;background:rgba(255,255,255,.35)!important}
.ticker{left:0;width:100%;border-top:1px solid rgba(255,255,255,.25)}

.connection-status{position:absolute;z-index:12;left:2.5%;top:2.5%;display:flex;align-items:center;gap:9px;padding:10px 14px;border-radius:999px;background:rgba(9,16,20,.76);border:1px solid rgba(255,255,255,.2);color:#f8fafc;font-size:clamp(12px,1vw,16px);backdrop-filter:blur(14px);box-shadow:0 8px 30px rgba(0,0,0,.25);transition:opacity .25s ease}.connection-status[hidden]{display:none}.connection-status span{width:9px;height:9px;border-radius:50%;background:#4ade80;box-shadow:0 0 12px #4ade80}.connection-status.is-offline span{background:#fb7185;box-shadow:0 0 12px #fb7185}.connection-status strong{color:#fff}
#media-progress{position:absolute;z-index:7;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.08);pointer-events:none}#media-progress span{display:block;width:0;height:100%;background:var(--accent,#fff);box-shadow:0 0 12px var(--accent,#fff)}
@media(prefers-reduced-motion:reduce){.media{transition:none!important}.ticker span{animation-duration:60s!important}#media-progress{display:none}}