.waterdrop-study-picker {
  position: fixed;
  z-index: 2147482000;
  top: max(12px, env(safe-area-inset-top));
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 11px;
  max-width: calc(100vw - 20px);
  padding: 8px 11px;
  border: 1px solid #cbd7d7;
  border-radius: 18px;
  background: #fffffff4;
  box-shadow: 0 10px 30px #34494a24;
  color: #34494a;
  font: 12px/1.25 system-ui, sans-serif;
}
.waterdrop-study-picker strong { white-space: nowrap; }
.waterdrop-study-picker span { white-space: nowrap; }
.waterdrop-study-picker nav { display: flex; gap: 4px; }
.waterdrop-study-picker a {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 10px;
  border: 1px solid #d3dfdf;
  background: #f8fbfb;
  font-weight: 700;
}
.waterdrop-study-picker a[aria-current="page"] { background: #45636a; color: #fff; }
@media (max-width: 700px) {
  .waterdrop-study-picker { top: 8px; flex-wrap: wrap; justify-content: center; width: min(350px,calc(100vw - 16px)); gap: 4px 8px; }
  .waterdrop-study-picker span { width: 100%; text-align: center; font-size: 10px; }
}