.sea-day-tools {
  position: fixed;
  inset-inline: 0;
  bottom: max(12px, env(safe-area-inset-bottom));
  z-index: 10000;
  display: flex;
  justify-content: center;
  gap: 10px;
  padding: 0 14px;
  pointer-events: none;
}

.sea-day-tools a {
  pointer-events: auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 48px;
  padding: 0 18px;
  border: 1px solid rgba(255, 255, 255, .32);
  border-radius: 999px;
  color: #fff;
  background: rgba(5, 40, 75, .94);
  box-shadow: 0 10px 30px rgba(3, 28, 54, .28);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  font: 700 14px/1.1 system-ui, -apple-system, sans-serif;
  text-decoration: none;
  white-space: nowrap;
}

.sea-day-tools a:first-child { background: rgba(0, 111, 137, .96); }
.sea-day-tools a:focus-visible { outline: 3px solid #ffca67; outline-offset: 2px; }

@media (max-width: 520px) {
  .sea-day-tools { gap: 7px; }
  .sea-day-tools a { min-height: 44px; padding: 0 13px; font-size: 13px; }
}