/* v25s Tab Bar: Docked Opaque Bar (H1 Pill, No Dividers) */
@media(max-width:899px){
main{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
.nav,[data-theme=dark] .nav{left:0;right:0;bottom:0;padding:5px 4px calc(5px + env(safe-area-inset-bottom));gap:0;border-radius:0;border:0;border-top:1px solid #E4DDD1;background:#FBF8F3;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 -2px 12px rgba(31,48,73,.06);--fade:#FBF8F3}
[data-theme=dark] .nav{background:#16233A;border-top-color:rgba(142,193,230,.14);box-shadow:0 -2px 12px rgba(0,0,0,.3);--fade:#16233A}
.nav button+button:before{display:none}
.nav button{flex:0 0 auto;min-width:52px;min-height:50px;padding:6px 8px;border-radius:16px;justify-content:center}
.nav::after{content:"";position:sticky;right:-4px;flex:0 0 30px;margin-left:-30px;align-self:stretch;pointer-events:none;background:linear-gradient(90deg,transparent,var(--fade) 85%)}
.nav button.on{background:#DCE9F3;color:#2F5F80}
[data-theme=dark] .nav button.on{background:rgba(142,193,230,.18);color:#CFE3F0}
}
/* Wide Enough For All Nine Tabs: Stretch Evenly, No Scroll */
@media(min-width:600px) and (max-width:899px){
.nav{overflow-x:visible;padding-left:8px;padding-right:8px;gap:4px}
.nav::after{display:none}
.nav button{flex:1 1 0;min-width:0;font-size:.68rem;padding:7px 4px}
.nav .ni{width:22px;height:22px}.nav .ni-home,.nav .ni-pulse{width:26px;height:26px}
}