/* Presentation only. .bb.on remains the route's source of truth. */
.bottombar{background:rgba(253,253,251,.96);border-top-color:#e4dfd4;box-shadow:0 -4px 20px #3431320a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);isolation:isolate}
.bottombar .bb{position:relative;z-index:1;padding:10px 0 13px;font-size:12px;line-height:1.3;letter-spacing:-.2px;color:#6a6670;touch-action:manipulation;transition:color 180ms ease}
.bottombar .bb.on{color:#3d5c50;font-weight:700}
.bottombar .bb:active{transform:none}
.bottombar .bb:focus-visible{outline:2px solid #3d5c50;outline-offset:-5px;border-radius:12px}
.bottombar .bb .bi{position:relative;isolation:isolate;margin-bottom:4px}
.bottombar .bb .bi>svg{position:relative;animation:none;transform:none}
/* CSS-only fallback also keeps the current destination identifiable. */
.bottombar .bb.on .bi::before,.bottombar .nav-anchor::before{content:"";position:absolute;left:50%;top:-5px;width:44px;height:32px;border-radius:11px;background:#e9eee7;transform:translateX(-50%);pointer-events:none}
.bottombar .bb.on .bi::before{z-index:-1}
.bottombar .bb.on::after,.bottombar .nav-anchor::after{content:"";position:absolute;left:50%;bottom:5px;width:18px;height:2px;border-radius:2px;background:#9a793e;transform:translateX(-50%);pointer-events:none}
.bottombar[data-wayfinder-ready] .bb.on .bi::before,.bottombar[data-wayfinder-ready] .bb.on::after{display:none}
.bottombar .nav-wayfinder{position:absolute;inset:0 0 env(safe-area-inset-bottom);z-index:0;pointer-events:none;overflow:hidden}
.bottombar .nav-anchor,.bottombar .nav-comet{position:absolute;top:0;left:0;width:20%;height:100%;pointer-events:none}
.bottombar .nav-anchor{opacity:0;transition:transform 480ms cubic-bezier(.22,.75,.25,1),opacity 150ms ease}
.bottombar .nav-anchor::before{top:5px}
.bottombar .nav-comet{opacity:0}
.bottombar .nav-comet-body{position:absolute;left:50%;top:9px;width:0;height:0;transform:scaleX(var(--nav-direction,1))}
.bottombar .nav-comet-star{position:absolute;top:-4px;left:-4px;width:8px;height:8px;background:#a88240;clip-path:polygon(50% 0,63% 36%,100% 50%,63% 64%,50% 100%,37% 64%,0 50%,37% 36%)}
.bottombar .nav-comet-tail{position:absolute;right:5px;top:0;width:38px;height:1px;background:linear-gradient(90deg,transparent,#b9a37b)}
.bottombar .nav-comet-tail::before,.bottombar .nav-comet-tail::after{content:"";position:absolute;width:3px;height:3px;border-radius:50%;background:#b9a37b;opacity:.65}
.bottombar .nav-comet-tail::before{right:13px;top:-4px}
.bottombar .nav-comet-tail::after{right:24px;top:3px;width:2px;height:2px}
@media(hover:hover){.bottombar .bb:not(.on):hover{color:#3d5c50;background:#f2f4ef}}
@media(prefers-reduced-motion:reduce){.bottombar .bb,.bottombar .nav-anchor{transition:none}.bottombar .nav-comet{display:none}}
@media(forced-colors:active){.bottombar .nav-wayfinder,.bottombar .bb .bi::before,.bottombar .bb::after{display:none}.bottombar .bb.on{color:Highlight;outline:2px solid Highlight;outline-offset:-5px;border-radius:10px}}