.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--mobile-nav-height,64px);display:flex;align-items:center;justify-content:space-around;background:var(--hm-bg-elevated);border-top:1px solid var(--hm-border);padding-bottom:env(safe-area-inset-bottom,0);z-index:var(--z-fixed);box-shadow:0 -4px 20px rgba(0,0,0,.08)}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-0-5);padding:var(--space-2) var(--space-3);min-width:56px;min-height:48px;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--hm-text-muted);text-decoration:none;border-radius:var(--radius-md);transition:color var(--duration-fast) var(--ease-out);touch-action:manipulation;-webkit-user-select:none;user-select:none}.mobile-nav-item.active{color:var(--hm-primary);font-weight:var(--font-semibold)}.mobile-nav-item:active{background:var(--hm-bg-subtle);transform:scale(.95)}.mobile-nav-icon{font-size:1.25rem;line-height:1}.mobile-nav-item.nav-post{position:relative;color:var(--hm-text-inverse);background:var(--hm-primary);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);margin-top:calc(-1 * var(--space-4));box-shadow:var(--shadow-md);min-width:auto}.mobile-nav-item.nav-post:active{background:var(--hm-primary-hover);transform:scale(.98)}.mobile-menu-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity var(--duration-normal) var(--ease-out),visibility var(--duration-normal) var(--ease-out);z-index:var(--z-modal-backdrop)}.mobile-menu-backdrop.open{opacity:1;visibility:visible}.mobile-menu-sheet{position:fixed;bottom:0;left:0;right:0;max-height:70vh;background:var(--hm-bg-elevated);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-xl);transform:translateY(100%);transition:transform var(--duration-normal) var(--ease-out);z-index:var(--z-modal);overflow:hidden;padding-bottom:env(safe-area-inset-bottom,0)}.mobile-menu-sheet.open{transform:translateY(0)}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--hm-border)}.mobile-menu-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--hm-text);margin:0}.mobile-menu-close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--hm-bg-subtle);border:none;border-radius:var(--radius-full);font-size:var(--text-lg);color:var(--hm-text-secondary);cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.mobile-menu-close:active{background:var(--hm-bg-muted)}.mobile-menu-content{padding:var(--space-2) var(--space-3);overflow-y:auto;max-height:calc(70vh - 64px);-webkit-overflow-scrolling:touch}.mobile-menu-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--text-base);color:var(--hm-text);text-decoration:none;border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-out);min-height:48px}.mobile-menu-item:active{background:var(--hm-bg-subtle)}.mobile-menu-icon{font-size:1.25rem;width:28px;text-align:center;color:var(--hm-text-secondary)}.mobile-menu-section{padding:var(--space-3) var(--space-4) var(--space-2)}.mobile-menu-section-title{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--hm-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider)}@media (max-height:480px) and (orientation:landscape){.mobile-bottom-nav{height:48px}.mobile-nav-item{flex-direction:row;gap:var(--space-1);padding:var(--space-1) var(--space-2)}.mobile-nav-item.nav-post{margin-top:calc(-1 * var(--space-2))}.mobile-menu-sheet{max-height:60vh}.mobile-menu-content{max-height:calc(60vh - 64px)}}@media (min-width:769px){.mobile-bottom-nav,.mobile-menu-sheet,.mobile-menu-backdrop{display:none;visibility:hidden}}@supports (padding:env(safe-area-inset-bottom)){.mobile-bottom-nav{padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom))}.mobile-menu-sheet{padding-bottom:env(safe-area-inset-bottom)}}