:root{--accent:#fff;--fit-mode:contain}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#000;font-family:Arial,sans-serif}#stage{width:100%;height:100%;position:relative;background:#000}.media{position:absolute;inset:0;width:100%;height:100%;object-fit:var(--fit-mode);background:#000;opacity:0;transition:opacity 1s ease}.media.visible{opacity:1}#message{color:#fff;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;font-size:28px;padding:24px}.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;
}