@media (max-width:799px){.app-shell{--mobile-footer-height:60px}.app-shell .bottom-nav.reference-mobile-footer{--footer-surface:var(--nav-bg,#fff);--footer-text:var(--muted,#707769);--footer-active:var(--deep-ink,#151a12);--footer-create-surface:var(--primary,#b4ff2c);height:calc(var(--mobile-footer-height) + env(safe-area-inset-bottom,0px));padding:0 0 env(safe-area-inset-bottom,0px);background:var(--footer-surface);color:var(--footer-text);border-top:0;grid-template-columns:1fr 1fr 1.25fr 1fr 1fr;gap:0}.app-shell.api-home .bottom-nav.reference-mobile-footer,.theme-dark .app-shell .bottom-nav.reference-mobile-footer{--footer-surface:#090909;--footer-text:#a9ada5;--footer-active:#fff}.app-shell .bottom-nav.reference-mobile-footer .reference-footer-item{width:100%;min-width:44px;height:var(--mobile-footer-height);min-height:44px;color:var(--footer-text);-webkit-tap-highlight-color:transparent;background:0 0;border-radius:8px;flex-direction:row;gap:0;margin:0;padding:0}.app-shell .bottom-nav.reference-mobile-footer .reference-footer-item.active{color:var(--footer-active)}.app-shell .reference-mobile-footer .reference-footer-icon{place-items:center;width:30px;height:30px;display:grid;position:relative}.reference-mobile-footer .reference-footer-profile-avatar{border:1px solid #0000;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.reference-mobile-footer .active .reference-footer-profile-avatar{border-color:currentColor}.reference-mobile-footer .reference-footer-glyph{flex:none;width:28px;height:28px;display:block}.app-shell .bottom-nav.reference-mobile-footer .reference-footer-create{width:100%;min-width:44px;height:var(--mobile-footer-height);color:#111;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:8px;margin:auto;position:relative}.reference-footer-create-face{background:var(--footer-create-surface,#b4ff2c);width:min(78px,100% - 8px);height:40px;color:var(--primary-ink,#182600);border-radius:14px;place-items:center;display:grid;position:relative}.reference-footer-create-face .reference-footer-glyph{width:28px;height:28px;transition:transform .18s}.reference-footer-create.open .reference-footer-glyph{transform:rotate(45deg)}.reference-footer-create:active .reference-footer-create-face{transform:scale(.94)}.app-shell .reference-mobile-footer button:focus-visible{outline:2px solid var(--footer-active);outline-offset:-2px}.app-shell .reference-mobile-footer .nav-unread-badge{top:-4px;border-color:var(--footer-surface);inset-inline-end:-8px}.app-shell.api-app:not(.api-workspace-app)>.api-content,.app-shell.api-app>.app-scroll.discover-page{bottom:calc(var(--mobile-footer-height) + env(safe-area-inset-bottom,0px))}.app-shell.api-app:not(.api-workspace-app)>.api-content-messages{bottom:0}}@media (prefers-reduced-motion:reduce){.reference-footer-create-face .reference-footer-glyph{transition:none}}