.bn{position:fixed;left:0;right:0;bottom:0;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);display:flex;justify-content:space-around;align-items:stretch;background:color-mix(in oklch,var(--color-surface) 84%,transparent);backdrop-filter:blur(18px) saturate(1.1);-webkit-backdrop-filter:blur(18px) saturate(1.1);border-top:1px solid var(--color-night-border);z-index:100}.bn-item{flex:1 1;display:grid;place-items:center;grid-gap:.2em;gap:.2em;color:var(--color-ivory-faint);font-size:.72rem;letter-spacing:.02em;transition:color var(--duration-normal) var(--ease-calm);min-height:44px}.bn-item svg{width:1.5rem;height:1.5rem}.bn-icon{display:grid;place-items:center;width:2.5rem;height:1.75rem;border-radius:999px;transition:background var(--duration-normal) var(--ease-out)}.bn-item[data-active=true]{color:var(--color-gold-deep);font-weight:600}.bn-item[data-active=true] .bn-icon{background:color-mix(in oklch,var(--color-gold) 16%,transparent)}.bn-item[data-active=true] svg{filter:drop-shadow(0 2px 6px color-mix(in oklab,var(--color-gold) 45%,transparent))}.bn-item:active svg{transform:scale(.92)}.bn-item svg{transition:transform var(--duration-fast) var(--ease-out)}