.tab-bar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  background: var(--bg);
  border-top: 1px solid var(--border);
  padding-bottom: var(--safe-bottom);
  z-index: 100;
}

.tab-bar a {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  padding: 6px 0 8px;
  color: var(--text-mute);
  font-size: 11px;
  letter-spacing: 1px;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}

.tab-bar a.active {
  color: var(--accent);
}

.tab-bar .tab-icon {
  width: 22px;
  height: 22px;
  display: block;
}

.tab-bar .tab-label {
  display: block;
}