/* Cross-document view transitions where supported (progressive enhancement) */
@view-transition { navigation: auto; }

/* Keep page content clear of the fixed bar */
body { padding-bottom: calc(60px + env(safe-area-inset-bottom)); }

.lo-tabbar {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 2000;
  display: flex; background: #15151f;
  border-top: 1px solid rgba(255,255,255,0.08);
  padding-bottom: env(safe-area-inset-bottom);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
.lo-tab {
  flex: 1; display: flex; flex-direction: column; align-items: center; gap: 3px;
  padding: 8px 0 10px; text-decoration: none; color: #6a6a80;
  font-size: 10px; font-weight: 600; -webkit-tap-highlight-color: transparent;
}
.lo-tab svg { width: 22px; height: 22px; }
.lo-tab.is-active { color: #4ade80; }

.lo-offline {
  position: fixed; left: 0; right: 0; top: 0; z-index: 2100;
  background: #b45309; color: #fff; text-align: center;
  font: 600 12px/1.2 -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  padding: 8px; padding-top: calc(8px + env(safe-area-inset-top));
}

[data-theme="light"] .lo-tabbar { background: #ffffff; border-top-color: rgba(0,0,0,0.08); }
[data-theme="light"] .lo-tab { color: #999; }
[data-theme="light"] .lo-tab.is-active { color: #16a34a; }

/* Phone-only app chrome. On desktop (>=769px) hide the bottom tab bar and
   reveal the full launcher dashboard on Home (.lo-desktop-only); navigation
   there happens via on-page links + the browser back button, as before. */
.lo-desktop-only { display: none; }

@media (min-width: 769px) {
  .lo-tabbar { display: none; }
  body { padding-bottom: 0; }
  .lo-desktop-only { display: block; }
}