.tabs {
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  background: var(--bg) !important;
  border-top: 1px solid var(--border) !important;
  display: flex !important;
  z-index: 45 !important; /* Locked above content, below modals (which start at 50) */
  padding-bottom: env(safe-area-inset-bottom, 8px) !important;
  height: calc(56px + env(safe-area-inset-bottom, 8px)) !important;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  box-sizing: border-box !important;
}
.tabs::-webkit-scrollbar{display:none}
:root[data-theme="light"] .tabs{box-shadow:0 -1px 0 var(--border) !important}
.tab{flex:1 0 auto;min-width:62px;padding:10px 4px 12px;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;transition:all .15s;-webkit-user-select:none;user-select:none}
.tab:active{opacity:.6}
.tab-icon{font-size:16px}
.tab-label{font-size:7px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}
.tab.active .tab-label{color:var(--accent)}
.tab.active .tab-icon{filter:drop-shadow(0 0 6px var(--accent))}

.day-nav-row{display:flex;align-items:center;gap:6px;padding:10px 20px 0}
.day-nav-score{font-family:'Syne',sans-serif;font-size:13px;font-weight:800;color:var(--accent);white-space:nowrap;flex-shrink:0}
:root[data-theme="light"] .day-nav-score{font-family:-apple-system,'SF Pro Display','Helvetica Neue',sans-serif}
.day-nav-spacer{flex:1}
.day-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 10px;border-radius:10px;background:var(--surface);border:1px solid var(--border);cursor:pointer;transition:all .15s;-webkit-user-select:none;user-select:none;min-width:48px;flex-shrink:0;height:42px}
.day-chip.today{border-color:var(--accent);background:var(--accent)}
.day-chip.today .dc-label,.day-chip.today .dc-score{color:var(--bg)}
.dc-label{font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);line-height:1}
.dc-score{font-family:'Syne',sans-serif;font-size:13px;font-weight:800;line-height:1.3;color:var(--text)}
:root[data-theme="light"] .dc-score{font-family:-apple-system,'SF Pro Display','Helvetica Neue',sans-serif}
.week-chip{display:flex;align-items:center;justify-content:center;height:42px;border-radius:10px;background:var(--surface);border:1px solid var(--border);cursor:pointer;font-size:10px;font-weight:700;color:var(--muted);transition:all .15s;flex-shrink:0;-webkit-user-select:none;user-select:none;letter-spacing:.5px;padding:0 12px}
.week-chip:active{opacity:.7}

.nav-action-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:42px;border-radius:10px;border:none;cursor:pointer;font-family:'DM Mono',monospace;transition:all .15s;-webkit-user-select:none;user-select:none;flex-shrink:0;padding:0 11px}
.nav-action-chip:active{opacity:.7;transform:scale(.96)}
.nav-action-chip .nac-icon{font-size:14px;line-height:1}
.nav-action-chip .nac-label{font-size:8px;text-transform:uppercase;letter-spacing:1.5px;line-height:1;font-weight:600}
.nav-chip-edit{background:var(--surface);border:1px solid var(--border) !important;color:var(--muted)}
.nav-chip-edit .nac-label{color:var(--muted)}
.nav-chip-edit:hover{border-color:var(--accent) !important;color:var(--accent)}
.nav-chip-edit:hover .nac-label{color:var(--accent)}
.nav-chip-donate{background:linear-gradient(135deg,#f13585 0%,#c8226e 100%);border:1px solid rgba(241,53,133,.4) !important;color:#fff;box-shadow:0 2px 12px rgba(241,53,133,.25)}
.nav-chip-donate .nac-label{color:rgba(255,255,255,.85)}
.nav-chip-download{background:linear-gradient(135deg,#35c8f1 0%,#228bb5 100%);border:1px solid rgba(53,200,241,.4) !important;color:#fff;box-shadow:0 2px 12px rgba(53,200,241,.2)}
.nav-chip-download .nac-label{color:rgba(255,255,255,.85)}
.theme-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--surface);border:1px solid var(--border);cursor:pointer;font-size:17px;transition:all .15s;flex-shrink:0;-webkit-user-select:none;user-select:none}
.theme-btn:active{opacity:.7}