#prediction-panel {
  position: fixed;
  z-index: 10001;
  bottom: 16px;
  right: 16px;
  max-width: min(440px, calc(100vw - 32px));
  box-sizing: border-box;
  padding: 11px 14px;
  border-radius: 10px;
  background: rgba(23, 29, 38, 0.93);
  color: #fff;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35);
  font: 13px/1.35 system-ui, sans-serif;
}
#prediction-panel label { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; font-weight: 650; }
#prediction-panel .prediction-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
#forecast-toggle { flex: none; border: 1px solid #f59e0b; border-radius: 6px; padding: 5px 8px; background: #99580a; color: #fff; font: 650 12px/1.2 system-ui, sans-serif; cursor: pointer; }
#forecast-toggle[aria-pressed="false"] { border-color: #78909c; background: #34424b; color: #dce7ec; }
#forecast-toggle:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
#prediction-panel input { accent-color: #f59e0b; }
#prediction-count { display: block; margin-top: 4px; color: #eaf2f5; }
#prediction-panel small { display: block; margin-top: 5px; opacity: 0.85; line-height: 1.35; }
#prediction-selected { display: block; margin-top: 4px; color: #c8dbe5; font-size: 12px; }
#prediction-panel details { margin-top: 5px; }
#prediction-panel summary { cursor: pointer; color: #c8dbe5; }
#prediction-panel a { display: inline-block; margin-top: 5px; color: #93c5fd; text-decoration: underline; }
@media (max-width: 650px) {
  #prediction-panel { bottom: 9px; right: 9px; max-width: calc(100vw - 18px); font-size: 12px; }
}