.bottom-nav{display:none}@media (max-width:769px){.bottom-nav{--bn-shell:var(--bottom-nav);--bn-hairline:#ffffff12;--bn-track:#ffffff06;--bn-track-highlight:#ffffff0f;--bn-idle:#7c7c7c;--bn-glow:#0000008c;--bn-pill:linear-gradient(180deg, #f5d76e33, #d4af3714);--bn-pill-ring:#d4af3747;--bn-pill-highlight:#ffecaa38;--bn-radius:26px;--bn-pad:5px;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom,0px));max-width:420px;height:64px;padding:var(--bn-pad);border-radius:var(--bn-radius);background:var(--bn-shell);box-shadow:0 0 0 1px var(--bn-hairline), 0 24px 48px -18px var(--bn-glow), 0 8px 16px -10px var(--bn-glow);z-index:30;animation:bottom-nav-rise .7s var(--ease-drawer) both;margin:0 auto;display:block;position:fixed}:root[data-theme=light] .bottom-nav{--bn-hairline:#17171712;--bn-track:#17171706;--bn-track-highlight:#ffffffe6;--bn-idle:#8a8a86;--bn-glow:#28200a29;--bn-pill:linear-gradient(180deg, #d4af3733, #a47c161a);--bn-pill-ring:#a47c1638;--bn-pill-highlight:#ffffffb3}@keyframes bottom-nav-rise{0%{opacity:0;transform:translateY(24px)}}.bottom-nav-track{border-radius:calc(var(--bn-radius) - var(--bn-pad));background:var(--bn-track);height:100%;box-shadow:inset 0 1px 0 var(--bn-track-highlight);align-items:stretch;display:flex;position:relative}.bottom-nav-indicator{width:calc(100% / var(--n));transform:translateX(calc(var(--i) * 100%));transition:transform .56s var(--ease-drawer), opacity var(--dur-base) var(--ease-out);pointer-events:none;padding:3px;position:absolute;top:0;bottom:0;left:0}.bottom-nav-indicator:before{content:"";border-radius:calc(var(--bn-radius) - var(--bn-pad) - 3px);background:var(--bn-pill);height:100%;box-shadow:0 0 0 1px var(--bn-pill-ring), inset 0 1px 0 var(--bn-pill-highlight);display:block}.bottom-nav-indicator[data-hidden=true]{opacity:0}.bottom-nav-item{min-width:0;color:var(--bn-idle);-webkit-tap-highlight-color:transparent;transition:color var(--dur-base) var(--ease-out);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;text-decoration:none;display:flex;position:relative}.bottom-nav-icon{transition:transform .42s var(--ease-drawer);justify-content:center;align-items:center;display:inline-flex}.bottom-nav-label{letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;max-width:100%;padding:0 2px;font-size:10.5px;font-weight:500;line-height:1.2;overflow:hidden}.bottom-nav-item.active .bottom-nav-label{font-weight:600}.bottom-nav-track.is-dense .bottom-nav-label{letter-spacing:-.01em;padding:0;font-size:10px}.bottom-nav-item svg{fill:currentColor;stroke:none;width:22px;height:22px}.bottom-nav-item svg.lucide{fill:none;stroke:currentColor}.bottom-nav-item:active .bottom-nav-icon{transition-duration:var(--dur-press);transition-timing-function:var(--ease-out);transform:scale(.88)}@media (hover:hover) and (pointer:fine){.bottom-nav-item:hover{color:var(--title)}}.bottom-nav-item.active{color:var(--primary)}.bottom-nav-item.active .bottom-nav-icon{transform:translateY(-1px)scale(1.06)}.bottom-nav-item.active:active .bottom-nav-icon{transform:scale(.94)}@media (prefers-reduced-motion:reduce){.bottom-nav{animation:none}.bottom-nav-indicator,.bottom-nav-icon{transition:opacity var(--dur-fast) var(--ease-out)}}}