.nav-link .nav-short-label,.mobile-utility{display:none}
.utility-nav{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:20px;border-top:1px solid var(--line)}
.sidebar-bottom{margin-top:20px}
@media(min-width:731px) and (max-width:950px){.utility-nav .nav-link>span{display:none}}
@media(max-width:730px){
  :root{--mobile-nav-bottom:calc(env(safe-area-inset-bottom,0px) + 12px);--mobile-nav-height:72px}
  .sidebar{inset:auto 12px var(--mobile-nav-bottom);width:auto;height:var(--mobile-nav-height);padding:6px;border:1px solid #50303e;border-radius:22px;background:#181118f5;box-shadow:0 8px 30px #0007}
  .sidebar .utility-nav{display:none}
  .nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;overflow:visible;width:100%}
  .nav .nav-link{min-width:0;max-width:none;width:100%;height:56px;padding:6px 2px;gap:3px;font-size:12px;border-radius:15px;justify-content:center}
  .nav-link>span.nav-full-label{display:none}
  .nav-link>span.nav-short-label{display:block}
  .app{margin-bottom:calc(var(--mobile-nav-height) + var(--mobile-nav-bottom) + 20px)}
  #toast{bottom:calc(var(--mobile-nav-height) + var(--mobile-nav-bottom) + 12px)}
  .topbar{display:grid;grid-template-columns:1fr auto;gap:6px 12px;padding:12px 16px;height:auto}
  .mobile-utility{display:flex;align-items:center;gap:6px}
  .mobile-utility .nav-link{flex:none;max-width:none;min-height:44px;padding:9px 12px;flex-direction:row;gap:7px;font-size:13px;border:1px solid var(--line);border-radius:12px}
  .mobile-utility .nav-link[href="#settings"]{width:44px;padding:10px;justify-content:center}
  .mobile-utility .nav-link[href="#settings"] span{display:none}
  .topbar .top-actions{grid-column:1/-1;justify-self:end;margin-left:0}
  html{scroll-padding-bottom:calc(var(--mobile-nav-height) + var(--mobile-nav-bottom) + 20px)}
}