:root{--tabbar-h: 56px}body.has-tabbar{padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom))}body.has-tabbar .app{height:calc(100vh - var(--tabbar-h) - env(safe-area-inset-bottom));height:calc(100dvh - var(--tabbar-h) - env(safe-area-inset-bottom))}body.has-tabbar:has(.app){padding-bottom:0}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;justify-content:center;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-top:1px solid var(--stroke)}.tabbar a{flex:0 1 160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;color:var(--text3);font-size:11px;font-weight:600;text-decoration:none;-webkit-tap-highlight-color:transparent}.tabbar a:hover{color:var(--text2)}.tabbar a[aria-current=page]{color:var(--accent)}.tabbar a:focus-visible{outline:2px solid var(--accent);outline-offset:-4px;border-radius:var(--radius)}.tabbar svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}@media (min-width: 861px){.tabbar a{flex-direction:row;gap:8px;font-size:13px}.tabbar svg{width:20px;height:20px}}