/* Shared floating navigation with iOS proportions and safe-area spacing. */
#app-tabbar,.guest-tabbar { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); align-items:center; gap:3px; position:absolute; z-index:40; left:14px; right:14px; bottom:calc(10px + env(safe-area-inset-bottom,0px)); width:auto; min-height:74px; padding:8px; border:1px solid #ffffffd9; border-radius:30px; background:#fafbf6e8; color:#78806f; box-shadow:0 8px 30px #29383218,inset 0 1px 0 #fff; -webkit-backdrop-filter:blur(24px) saturate(160%); backdrop-filter:blur(24px) saturate(160%); }
#app-tabbar[hidden] { display:none; }
#app-tabbar button,.guest-tabbar button,.guest-tabbar a { position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; min-width:0; width:100%; min-height:54px; padding:6px 2px; gap:4px; border:0; border-radius:22px; background:transparent; color:#89907e; text-decoration:none; font:600 11px/1.2 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; transition:background .2s,color .2s,transform .18s; }
#app-tabbar button.active,.guest-tabbar .active { background:#e4ead9; color:#3f5830; }
#app-tabbar svg,.guest-tabbar svg { width:23px; height:23px; stroke-width:1.8; }
#app-tabbar button.add,.guest-tabbar .nav-capture { width:50px; height:50px; min-height:50px; margin:auto; border-radius:50%; background:#30392a; color:#f2e9ce; box-shadow:0 3px 8px #2938321c; }
#app-tabbar button.add svg,.guest-tabbar .nav-capture svg { width:26px; height:26px; }
#app-tabbar button:active,.guest-tabbar button:active,.guest-tabbar a:active { transform:scale(.93); }
#app-tabbar .tab-avatar { width:23px; height:23px; font-size:9px; border:0; }
.cap-home .dashboard-scroll { padding-bottom:calc(116px + env(safe-area-inset-bottom,0px)); }
main:has(.guest-tabbar) { padding-bottom:calc(118px + env(safe-area-inset-bottom,0px)); }
.guest-tabbar { position:fixed; max-width:402px; margin:auto; }
@media(min-width:900px) { #app-tabbar { display:none; } }
@media(prefers-reduced-motion:reduce) { #app-tabbar button,.guest-tabbar button,.guest-tabbar a { transition:none; } }