/* ===== Bottom tab bar ===== */
.tabbar{
  position:fixed;left:50%;transform:translateX(-50%);bottom:0;
  width:100%;max-width:480px;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));
  background:rgba(255,255,255,0.92);backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);
  border-top:1px solid var(--line);
  display:flex;align-items:stretch;padding-bottom:env(safe-area-inset-bottom);
  z-index:60;
}
.tab-item{
  flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  color:var(--slate-light);position:relative;
}
.tab-item svg{width:22px;height:22px;}
.tab-item span{font-size:10px;font-weight:700;}
.tab-item.active{color:var(--teal);}
.tab-item.active .tab-pill{
  position:absolute;top:2px;width:34px;height:3px;border-radius:3px;background:var(--teal);
}
.tab-item:active{opacity:0.6;}