html, body {
  height: 100%;
  margin: 0;
}

#map {
  position: fixed;
  inset: 0;
}

#ui {
  position: fixed;
  top: 12px;
  left: 12px;
  z-index: 1000;
  background: rgba(20, 20, 20, 0.78);
  color: #f5f5f5;
  padding: 10px 12px;
  border-radius: 8px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  box-shadow: 0 4px 12px rgba(0,0,0,0.35);
  backdrop-filter: blur(4px);
  min-width: 260px;
}

#dateLabel {
  margin-top: 6px;
  opacity: 0.9;
  font-size: 13px;
}

#day {
  width: 240px;
  margin-top: 8px;
}

#status {
  margin-top: 8px;
  font-size: 12px;
  opacity: 0.9;
  white-space: pre-wrap;
}