:root{--tab-bar-height:64px;--tab-bar-offset:max(12px, env(safe-area-inset-bottom,0px));--tab-bar-clearance:calc(var(--tab-bar-height) + var(--tab-bar-offset) + 24px)}.tab-bar{display:none}@media (max-width:760px){.tab-bar{left:0;right:0;bottom:var(--tab-bar-offset);z-index:45;width:fit-content;max-width:calc(100vw - 2 * var(--float-inset) - 8px);height:var(--tab-bar-height);border:1px solid var(--float-border);background:var(--float-surface);box-shadow:var(--float-shadow);-webkit-backdrop-filter:var(--float-blur);backdrop-filter:var(--float-blur);border-radius:32px;grid-auto-columns:minmax(0,66px);grid-auto-flow:column;margin-inline:auto;padding:6px;display:grid;position:fixed}.tab-bar>:is(a,button){color:#9d90aa;border-radius:26px;place-items:center;display:grid}.tab-bar-icon{border-radius:50%;place-items:center;width:44px;height:44px;transition:background .18s,transform .18s;display:grid}.tab-bar>a[aria-current=page]{color:#efe4ff}.tab-bar>a[aria-current=page] .tab-bar-icon{background:#bea0ff33}.tab-bar-avatar{color:#e2cff9;background:#393043;border-radius:50%;place-items:center;width:28px;height:28px;font-size:12px;font-weight:600;display:grid}.tab-bar>a[aria-current=page] .tab-bar-avatar{box-shadow:0 0 0 2px #efe4ff}.tab-bar>a.is-create{color:#241333}.tab-bar>a.is-create .tab-bar-icon{background:#c8affb;box-shadow:0 6px 18px #00000059}.tab-bar>a.is-create[aria-current=page] .tab-bar-icon{background:#dac7ff}.tab-bar>:is(a,button):active .tab-bar-icon{transform:scale(.9)}.tab-bar>:is(a,button):focus-visible{outline-offset:-2px}}