.mobile-bottom-nav{display:none}
@media(max-width:768px){
body{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}html{scroll-padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
body>header{height:auto;min-height:58px}body>header .top{height:58px}body>header>nav{display:none}
html body .mobile-bottom-nav{position:fixed;z-index:40;inset:auto 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:calc(72px + env(safe-area-inset-bottom,0px));padding:0 6px env(safe-area-inset-bottom,0px);background:#fff;border-top:1px solid #eeeef3;gap:0;box-shadow:none;overflow:hidden}
.mobile-bottom-nav a{min-width:0;height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px 0;text-decoration:none;color:#b9b9bf;font-size:12px;line-height:18px;font-weight:400;white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.mobile-bottom-nav .nav-icon{display:grid;place-items:center;width:32px;height:32px;color:#14151b}.mobile-bottom-nav svg{width:28px;height:28px}
html body .mobile-bottom-nav a.active,html body .mobile-bottom-nav a.active:visited{color:#15151b;font-weight:500}.mobile-bottom-nav a.active .nav-tile{fill:#c9beff}.mobile-bottom-nav a.active:not(:first-child) .nav-icon{color:#7b61ff}
.mobile-bottom-nav a:active{background:#f1edff}.mobile-bottom-nav a:focus-visible{outline:2px solid #7b61ff;outline-offset:-4px;border-radius:8px}
#toast{bottom:calc(90px + env(safe-area-inset-bottom,0px));z-index:150;max-width:90vw;width:max-content}
}

/* Keep bottom tabs independent from the shared desktop navigation rules. */
@media(max-width:768px){
html body nav.mobile-bottom-nav{height:calc(70px + env(safe-area-inset-bottom,0px));padding:0 8px env(safe-area-inset-bottom,0px);border:0;border-top:1px solid #efedf5;box-shadow:0 -4px 20px #29203e06;background:#fff;overflow:hidden}
html body nav.mobile-bottom-nav a,html body nav.mobile-bottom-nav a:visited{height:69px;margin:0;padding:7px 0 5px;border:0;border-radius:0;background:transparent;color:#96939f;font-size:11px;font-weight:500;line-height:16px;gap:3px;box-shadow:none;text-decoration:none}
html body nav.mobile-bottom-nav a::before,html body nav.mobile-bottom-nav a::after{content:none}
html body nav.mobile-bottom-nav .nav-icon{width:44px;height:30px;border-radius:12px;color:#615c70;transition:background .15s,color .15s}
html body nav.mobile-bottom-nav svg{width:24px;height:24px;stroke-width:1.75}
html body nav.mobile-bottom-nav a.active,html body nav.mobile-bottom-nav a.active:visited{border:0;color:#7555ed;font-weight:600}
html body nav.mobile-bottom-nav a.active .nav-icon{background:#f0eaff;color:#7555ed}
html body nav.mobile-bottom-nav a.active .nav-tile{fill:#ded2ff}
html body nav.mobile-bottom-nav a:focus-visible{outline:2px solid #7b61ff;outline-offset:-3px;border-radius:12px}
}