/* Mobile bottom tab bar — shown only on phones. Linked from every page. */
.tabbar{display:none}
@media(max-width:760px){
  body{padding-bottom:calc(70px + env(safe-area-inset-bottom))}
  .tabbar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#070a1fee;border-top:1px solid #ffffff1a;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  .tabbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:50px;border-radius:12px;color:#aab0cc;font:600 11px/1 Inter,Arial,sans-serif;letter-spacing:.02em;text-decoration:none}
  .tabbar a svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .tabbar a[aria-current=page]{color:#fff;background:#ffffff10}
  .tabbar a.tab-register{color:#04101a;background:linear-gradient(110deg,#31d9ff,#6f8cff);box-shadow:0 8px 24px #31d9ff33}
  .tabbar a.tab-register[aria-current=page]{filter:brightness(1.08)}
  .tabbar a:active{transform:scale(.96)}
}