/* jeannie.one tab bar. Loaded on .one's own pages and (via nginx) on the Today / Skin / Spirit / Book tabs,
   whose own styles differ, so this file uses plain values rather than the apps' variables. */
.one-tabs {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 50;
  display: flex; justify-content: center; gap: 0;
  background: #0a0a0a; border-top: 1px solid #242424;
  padding: 0 4px env(safe-area-inset-bottom);
  font-family: "Lexend", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
.one-tabs a {
  flex: 1 1 0; max-width: 110px; text-align: center;
  padding: 13px 2px 12px; min-height: 48px;
  color: #888884; text-decoration: none; font-size: 15px; line-height: 1.4; font-weight: 500;
  border-top: 2px solid transparent;
}
.one-tabs a[aria-current="page"] { color: #edece8; border-top-color: #ee779e; }
.one-tabs a:focus-visible { outline: 3px solid #f4a3bf; outline-offset: -3px; }
@media (max-width: 380px) { .one-tabs a { font-size: 14px; } }

/* Room for the bar on every tab; the apps' own floating button sits above it. */
body { padding-bottom: calc(76px + env(safe-area-inset-bottom)) !important; }
.fab { bottom: calc(66px + env(safe-area-inset-bottom)) !important; }