.tabbar{display:none}@media (pointer:coarse) and (max-width:700px){.tabbar{--tabbar-h:56px;z-index:40;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px));padding:0 max(4px, env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0px) max(4px, env(safe-area-inset-left,0px));background:var(--bg,#eee);border-top:1px solid var(--line,#ccc);font-family:var(--font-display,ui-monospace, monospace);transition:transform var(--base,.2s) var(--ease-out,ease-out), visibility 0s;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;display:grid;position:fixed;bottom:0;left:0;right:0}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.tabbar{background:color-mix(in srgb, var(--bg,#eee) 90%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4)}}.tabbar[data-away=true]:not(:focus-within),html[data-immersive] .tabbar{visibility:hidden;transition:transform var(--base,.2s) var(--ease-out,ease-out), visibility 0s var(--base,.2s);transform:translateY(calc(100% + 24px))}html:has(dialog[open]) .tabbar{visibility:hidden;transition:transform var(--base,.2s) var(--ease-out,ease-out), visibility 0s var(--base,.2s);transform:translateY(calc(100% + 24px))}html:has(#rec-dot:not([hidden])) .tabbar{visibility:hidden;transition:transform var(--base,.2s) var(--ease-out,ease-out), visibility 0s var(--base,.2s);transform:translateY(calc(100% + 24px))}html:has(.dm-reply) .tabbar{visibility:hidden;transition:transform var(--base,.2s) var(--ease-out,ease-out), visibility 0s var(--base,.2s);transform:translateY(calc(100% + 24px))}.tabbar a{min-width:44px;min-height:44px;color:var(--fg-2,#666);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;flex-direction:column;justify-content:center;align-items:center;gap:3px;text-decoration:none;display:flex;position:relative}.tabbar a:focus-visible{outline:2px solid var(--focus,#333);outline-offset:-4px}.tabbar svg{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:square;stroke-linejoin:miter;width:22px;height:22px}.tabbar-label{letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;padding:2px 5px 1px;font-size:10.5px;line-height:14px}.tabbar-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tabbar a[aria-current=page]{color:var(--fg,#333)}.tabbar a[aria-current=page] .tabbar-label{background:var(--sage,#bccabb);color:var(--ink,#1a1a1a)}:root[data-theme=rainbow] .tabbar a:first-child{--hue:var(--r1)}:root[data-theme=rainbow] .tabbar a:nth-child(2){--hue:var(--r2)}:root[data-theme=rainbow] .tabbar a:nth-child(3){--hue:var(--r3)}:root[data-theme=rainbow] .tabbar a:nth-child(4){--hue:var(--r5)}:root[data-theme=rainbow] .tabbar a:nth-child(5){--hue:var(--r6)}:root[data-theme=rainbow] .tabbar a[aria-current=page] .tabbar-label{background:var(--hue,var(--sage));color:var(--fg,#222)}.tabbar-make i{background:var(--bg-2,#fff);width:44px;height:44px;box-shadow:0 0 0 1px var(--line,#ccc), 0 0 0 4px var(--bg,#eee);border-radius:50%;place-items:center;margin:-18px 0 -4px;display:grid}.tabbar-make i:after{content:"";background:var(--rec,#ff3b2f);width:26px;height:26px;transition:transform var(--press,80ms) var(--ease-out,ease-out);border-radius:50%}.tabbar-make:active i:after{transform:scale(.86)}.tabbar-make[aria-current=page] i{box-shadow:0 0 0 2px var(--fg,#333), 0 0 0 5px var(--bg,#eee)}.tabbar-badge{background:var(--rec,#ff3b2f);min-width:18px;color:var(--on-rec,#1a1a1a);box-shadow:0 0 0 2px var(--bg,#eee);font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:0;text-align:center;padding:0 4px;font-size:10.5px;line-height:18px;position:absolute;top:3px;left:calc(50% + 4px)}.tabbar-badge[hidden]{display:none}body:has(>.tabbar){padding-bottom:calc(56px + env(safe-area-inset-bottom,0px))}body:has(>.tabbar) .toast{bottom:calc(72px + env(safe-area-inset-bottom,0px))}body:has(>.tabbar)>.install-bar{bottom:calc(76px + env(safe-area-inset-bottom,0px))}body:has(>.tabbar):has(>.install-bar){padding-bottom:calc(152px + env(safe-area-inset-bottom,0px))}body:has(>.tabbar):has(>.install-bar) .toast{bottom:calc(166px + env(safe-area-inset-bottom,0px))}html[data-immersive] body:has(>.tabbar){padding-bottom:0}}@media (pointer:coarse) and (max-width:700px) and (prefers-reduced-motion:reduce){.tabbar,.tabbar-make i:after{transition:none!important}}