.mobile-bottom-nav,.profile-appearance,.navigation-icon,.mobile-label-only{display:none}
.mobile-nav-sheet:not([open]){display:none}
.mobile-nav-sheet{color:var(--text);background:var(--surface);border:1px solid var(--border)}
@media(max-width:760px){
 body.mobile-navigation-ready{--mobile-navigation-height:calc(58px + env(safe-area-inset-bottom,0px))}
 .mobile-navigation-ready .sidebar{display:none}
 .mobile-navigation-ready .page-layout>main{padding-bottom:calc(var(--mobile-navigation-height) + 26px)}
 .mobile-navigation-ready .mobile-bottom-nav{display:flex;align-items:center;justify-content:space-evenly;gap:8px;position:fixed;inset:auto 0 0;z-index:70;height:var(--mobile-navigation-height);padding:6px max(10px,env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) max(10px,env(safe-area-inset-left,0px));border-top:1px solid var(--border);background:var(--surface);box-shadow:0 -4px 20px #0000000a}
 #mobile-primary-navigation,.mobile-bottom-nav .workspace-switch{display:contents}
 .mobile-bottom-nav .navigation-icon{display:block;width:24px;height:24px;flex:0 0 auto}
 .mobile-bottom-nav .nav-item,.mobile-nav-button{display:flex;align-items:center;justify-content:center;position:relative;flex:0 0 44px;min-width:44px;min-height:44px;width:44px;height:44px;padding:0;border:0;border-radius:12px;background:transparent;color:var(--muted);text-decoration:none}
 .mobile-bottom-nav .nav-item.active,.mobile-nav-button.active,.mobile-nav-button[aria-expanded=true]{background:var(--soft);color:var(--accent)}
 .mobile-bottom-nav .count-badge{position:absolute;right:4px;top:1px;min-width:17px;height:17px;padding:1px 3px;font-size:9px}
 .mobile-bottom-nav .desktop-label-only{display:none}.mobile-bottom-nav .mobile-label-only{display:inline}
 .mobile-bottom-nav .nav-item>span:not(.count-badge):not(.desktop-label-only),.mobile-nav-button>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
 .mobile-navigation-ready.profile-open .mobile-bottom-nav{display:none}
 .mobile-navigation-ready .dev-mail-link{bottom:var(--mobile-navigation-height)}
 .mobile-navigation-ready .toast{bottom:calc(var(--mobile-navigation-height) + 12px)}
 html:has(.mobile-navigation-ready){scroll-padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
 .mobile-menu-open{overflow:hidden}
 .mobile-nav-sheet{position:fixed;inset:auto 0 0;width:100%;max-width:560px;margin:0 auto;max-height:calc(100dvh - 90px);padding:10px 20px calc(22px + env(safe-area-inset-bottom,0px));border-radius:22px 22px 0 0;overflow-y:auto;overscroll-behavior:contain;box-shadow:var(--shadow)}
 .mobile-nav-sheet[open]{animation:mobile-sheet-in 220ms var(--motion-ease) both}
 .mobile-nav-sheet::backdrop{background:#08111c99}
 .mobile-nav-sheet[open]::backdrop{animation:motion-backdrop-in 220ms ease both}
 .mobile-nav-sheet[data-motion-closing]::backdrop{animation:motion-backdrop-out 150ms ease both}
 .sheet-handle{width:36px;height:4px;border-radius:4px;background:var(--border);margin:0 auto 12px}
 .mobile-nav-sheet .panel-heading{margin-bottom:16px}.mobile-nav-sheet h2{font-size:20px}
 .mobile-nav-sheet .icon-button{flex:0 0 44px;width:44px;height:44px}
 .mobile-menu-items{display:grid;gap:8px}.mobile-menu-items .nav-item{display:block;padding:15px 14px;font-size:16px;min-height:48px;background:var(--soft);color:var(--accent)}
 .mobile-nav-sheet .training-selects{display:grid;grid-template-columns:1fr;gap:16px;margin:0}
 .mobile-nav-sheet .training-selects label{font-size:13px;gap:7px}
 .mobile-nav-sheet .training-selects select{font-size:16px;min-height:48px}
 .mobile-navigation-ready .profile-appearance{display:block;margin-top:24px;padding-top:22px;border-top:1px solid var(--border)}
 .profile-appearance .color-button{width:100%;padding:12px;font-size:14px;min-height:46px;position:static}
 .profile-appearance .desktop-label-only{display:none}.profile-appearance .mobile-label-only{display:inline}
 .profile-appearance .appearance-panel{position:static;width:100%;max-width:none;max-height:none;margin-top:12px;padding:16px;overflow:visible;box-shadow:none;transform-origin:center top}
 .profile-appearance .appearance-panel h2{font-size:17px}
 .profile-appearance .appearance-panel .icon-button{display:block}
 @keyframes mobile-sheet-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
}
@media(prefers-reduced-motion:reduce){.mobile-nav-sheet,.mobile-nav-sheet::backdrop{animation:none!important}}