.mobile-bottom-nav{--nav-drawer-x:0px;inset-inline:0;height:var(--mobile-nav-height);z-index:calc(var(--z-modal) + 1);background-color:var(--bg-translucent);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border-top:1px solid var(--border-subtle);box-shadow:0 -2px 8px var(--shadow-sm);transform:translateX(var(--nav-drawer-x)) translateY(0);padding:var(--spacing-sm);transition:transform .3s;position:fixed;bottom:0}@media (min-width:768px){.mobile-bottom-nav{display:none}}@media (max-width:767px){.mobile-bottom-nav[data-drawer-open]{--nav-drawer-x:calc(-1 * var(--drawer-width) + var(--drawer-drag-x,0px));transition:transform var(--transition-base)}}html[data-drawer-dragging] .mobile-bottom-nav[data-drawer-open]{transition:none}@media (prefers-reduced-motion:reduce){.mobile-bottom-nav[data-drawer-open]{transition:none}}.mobile-bottom-nav__activity-tabs{z-index:1;padding:0 var(--spacing-sm);background:var(--bg-surface);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border-bottom:1px solid var(--border-subtle);flex-shrink:0;position:sticky;top:0}.mobile-bottom-nav__activity-views{flex-direction:column;flex:1;min-height:0;display:flex}.mobile-bottom-nav__activity-views .swipeable-views__track,.mobile-bottom-nav__activity-views .swipeable-views__slide{height:100%}.mobile-bottom-nav__activity-views .swipeable-views__slide{flex-direction:column;min-height:0;display:flex}.mobile-bottom-nav__activity-views .swipeable-views__slide>.notif-surface,.mobile-bottom-nav__activity-views .swipeable-views__slide>.site-header__notif-empty{flex-direction:column;height:100%;min-height:0;display:flex}.mobile-bottom-nav__activity-views .swipeable-views__slide .notif-surface__inner{height:100%;min-height:0}.mobile-bottom-nav__activity-views .swipeable-views__slide .notif-surface__slide--list{flex-direction:column;height:100%;min-height:0;display:flex}.mobile-bottom-nav__activity-views .swipeable-views__slide .site-header__notif-header{border-bottom:none;border-top:1px solid var(--border-subtle);padding:var(--spacing-sm) var(--spacing-md);flex-shrink:0;order:1}.mobile-bottom-nav__activity-views .swipeable-views__slide .site-header__notif-list,.mobile-bottom-nav__activity-views .swipeable-views__slide .site-header__notif-empty,.mobile-bottom-nav__activity-views .swipeable-views__slide .empty-state{order:0}.mobile-bottom-nav__activity-views .swipeable-views__slide .empty-state{flex:1;min-height:0}.mobile-bottom-nav__activity-views .swipeable-views__slide .site-header__notif-actions{justify-content:flex-start;width:100%}.mobile-bottom-nav__activity-views .swipeable-views__slide .site-header__notif-see-all{font-size:var(--font-size-sm);margin-left:auto}.mobile-bottom-nav__activity-views .swipeable-views__slide .site-header__notif-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}.mobile-bottom-nav__activity-views .swipeable-views__slide .site-header__notif-empty{flex:1}.mobile-bottom-nav--hidden{transform:translateX(var(--nav-drawer-x)) translateY(100%)}.mobile-bottom-nav__list{justify-content:space-around;align-items:stretch;height:100%;margin:0;list-style:none;display:flex;position:relative}.mobile-bottom-nav__active-indicator{pointer-events:none;z-index:0;background-color:var(--bg-nav-write-hover);border-radius:var(--radius-lg);transition:left var(--transition-base),width var(--transition-base),top var(--transition-base),height var(--transition-base),opacity var(--transition-base);position:absolute}@media (prefers-reduced-motion:reduce){.mobile-bottom-nav__active-indicator{transition:none}}.mobile-bottom-nav__middle-viewport{flex:auto;min-width:0;height:100%;list-style:none;position:relative;overflow:hidden}.mobile-bottom-nav__middle-track{height:calc(100%*var(--middle-context-count,4));will-change:transform;flex-direction:column;transition:transform .3s;display:flex}.mobile-bottom-nav__middle-row{flex:1 0 0;justify-content:space-around;align-items:stretch;min-height:0;display:flex}.mobile-bottom-nav__item,.mobile-bottom-nav__middle-row .mobile-bottom-nav__item{flex:auto}@media (prefers-reduced-motion:reduce){.mobile-bottom-nav__middle-track{transition:none}}.mobile-bottom-nav__link{z-index:1;justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-sm);border-radius:var(--radius-lg);color:var(--text-subtle);flex-direction:column;font-size:11px;text-decoration:none;display:flex;position:relative}.mobile-bottom-nav__icon{justify-content:center;align-items:center;display:flex}.mobile-bottom-nav__notif-wrap{justify-content:center;align-items:center;display:inline-flex;position:relative}.mobile-bottom-nav__notif-badge{background:var(--bg-action-primary);color:#fff;min-width:16px;height:16px;font-size:10px;font-weight:var(--font-weight-bold);border-radius:var(--radius-full);text-align:center;pointer-events:none;padding:0 4px;line-height:16px;position:absolute;top:-6px;right:-8px}.mobile-bottom-nav__label{line-height:1.1;font-weight:var(--font-weight-medium)}.mobile-bottom-nav__hero-icon{width:1.4rem;height:1.4rem}.mobile-bottom-nav__item--active .mobile-bottom-nav__link{color:var(--text-brand)}.mobile-bottom-nav__link:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.mobile-bottom-nav__button{cursor:pointer;background:0 0;border:none;width:100%}