.nav-icon{display:none}
@media(max-width:900px){
  .topbar{height:64px;backdrop-filter:none;-webkit-backdrop-filter:none;z-index:30}
  .nav{position:fixed!important;top:auto!important;right:0;bottom:0!important;left:0;height:auto;max-width:100vw;display:flex;flex-wrap:nowrap;gap:2px;overflow-x:auto;padding:7px 6px calc(7px + env(safe-area-inset-bottom));background:rgba(255,252,247,.98);border-top:1px solid var(--line);box-shadow:0 -8px 25px rgba(23,33,60,.1);z-index:100;overscroll-behavior-x:contain;scrollbar-width:none}
  .nav::-webkit-scrollbar{display:none}
  .nav-link{position:relative;flex:1 1 0;min-width:56px;padding:9px 6px;white-space:nowrap;text-align:center;display:grid;place-items:center}
  .nav-icon{display:block;width:24px;height:24px;line-height:1}
  .nav-icon svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .nav-label{display:none!important}
  .nav-link .badge{position:absolute;top:3px;right:calc(50% - 21px)}
  .app-shell{padding-bottom:calc(112px + env(safe-area-inset-bottom))}
  .toast{bottom:calc(82px + env(safe-area-inset-bottom))}
}
@media(max-width:420px){
  .nav-link{min-width:52px;padding-inline:4px}
  .topbar{padding-inline:14px}
  .user-chip{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}