.mtabbar{flex:none;display:grid;grid-template-columns:repeat(5,1fr);gap:2px;padding:8px 6px calc(env(safe-area-inset-bottom, 0px) + 8px);border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(0deg,#0f1413,#0a0c0b);font-family:var(--font-sans),"Hanken Grotesk",system-ui,sans-serif;-webkit-tap-highlight-color:transparent}.mtabbar--fixed{position:fixed;left:0;right:0;bottom:0;z-index:45;background:rgba(10,12,11,.92);backdrop-filter:blur(18px) saturate(1.4);box-shadow:0 -12px 30px -18px rgba(0,0,0,.8)}@media (min-width:640px){.mtabbar--fixed{display:none}}.mtabbar a{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 0;border-radius:12px;color:rgba(255,255,255,.42);font-size:9.5px;font-weight:600;letter-spacing:.1px;text-decoration:none;transition:color .15s}.mtabbar a .ic{position:relative;display:grid;place-items:center}.mtabbar a svg{width:22px;height:22px}.mtabbar a.on{color:#39d6c0}.mtabbar a:active{color:rgba(255,255,255,.96)}.mtabbar a .badge{position:absolute;top:-6px;left:11px;min-width:15px;height:15px;padding:0 4px;border-radius:8px;background:#f5564c;color:#fff;font-size:9px;font-weight:700;display:grid;place-items:center}html.light .mtabbar{border-top:1px solid rgba(20,30,28,.1);background:linear-gradient(0deg,#eef2f0,#ffffff)}html.light .mtabbar--fixed{background:rgba(255,255,255,.9);box-shadow:0 -12px 30px -18px rgba(20,30,28,.22)}html.light .mtabbar a{color:rgba(22,32,30,.55)}html.light .mtabbar a.on{color:#12a08c}html.light .mtabbar a:active{color:rgba(22,32,30,.92)}