/* Compact navigation with consistent outline icons. */
.bottom-nav{display:flex!important;justify-content:center;gap:8px;padding:6px 16px calc(6px + env(safe-area-inset-bottom))!important;background:var(--app-bg)!important;border-top:1px solid var(--app-border);z-index:20}
.bottom-nav a{position:relative;flex:1;max-width:180px!important;min-height:48px!important;padding:8px 12px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11px!important;font-weight:500;line-height:1.2;border-radius:0;background:transparent!important;overflow-wrap:normal}
.bottom-nav a svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.bottom-nav a svg circle{fill:var(--app-bg)}
.bottom-nav a[aria-current=page]{background:transparent!important;color:var(--app-accent)!important}
.bottom-nav a[aria-current=page]::before{content:"";position:absolute;top:0;width:20px;height:2px;border-radius:2px;background:var(--app-accent)}
.bottom-nav a:hover{color:var(--app-text)!important}
.bottom-nav a:focus-visible{outline:2px solid var(--app-accent);outline-offset:-2px;border-radius:6px}