/* Bottom app bar, shown on phones only */
.app-tabbar{display:none}
@media(max-width:600px){
  body{padding-bottom:76px}
  .app-tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;border-top:1px solid var(--line);box-shadow:0 -6px 20px rgba(0,0,0,.06);padding:8px 6px calc(8px + env(safe-area-inset-bottom));justify-content:space-around}
  .app-tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11pt;color:var(--muted);padding:6px 4px;min-height:54px;border-radius:14px}
  .app-tabbar a svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:2}
  .app-tabbar a.active,.app-tabbar a:active{color:var(--red);background:var(--red-t)}
  .site-header{position:static}
}
.form{display:grid;gap:14px;max-width:560px}
.form label{display:grid;gap:6px;font-size:12pt}
.form input,.form select,.form textarea{font:inherit;padding:12px 14px;border:1.5px solid var(--line);border-radius:14px;background:#fff;width:100%}
.acct-box{margin:16px 0}
.app-tabbar a.active{color:var(--red)}