.mobile-bottom-nav{display:none}
@media(max-width:768px){
 body{padding-bottom:calc(82px + env(safe-area-inset-bottom))!important}
 footer,.footer,.footer-bottom,.mobile-nav{display:none!important}
 .mobile-bottom-nav{display:flex;position:fixed;inset:auto 0 0;z-index:1200;justify-content:space-around;align-items:center;min-height:68px;padding:7px 8px calc(7px + env(safe-area-inset-bottom));box-sizing:border-box;background:#fff;border-top:1px solid #e2e9e5;box-shadow:0 -3px 14px #12362709;font-family:Inter,Arial,sans-serif}
 .mobile-bottom-nav a{display:flex;flex:1;min-height:48px;min-width:0;align-items:center;justify-content:center;flex-direction:column;gap:5px;text-decoration:none;color:#6a7972;font-size:13px;font-weight:500;line-height:1.2;-webkit-tap-highlight-color:transparent}
 .mobile-bottom-nav svg{width:23px;height:23px;display:block}
 .mobile-bottom-nav a.is-active{color:#07863f;font-weight:700}
 .mobile-bottom-nav a:focus-visible{outline:2px solid #07863f;outline-offset:-2px;border-radius:8px}
}

/* The complete account menu stays within reach on phones and tablets. */
.mobile-menu-toggle{display:none!important}
.mobile-account-menu{position:fixed;inset:0 0 0 auto;margin:0;width:min(360px,92vw);max-width:100vw;height:100%;height:100dvh;max-height:100dvh;padding:0;border:0;border-left:1px solid #e6e8de;background:#fffefa;color:#293c33;box-sizing:border-box;font-family:Inter,Arial,sans-serif;box-shadow:-10px 0 35px #17332520;overflow-y:auto;overscroll-behavior:contain}
.mobile-account-menu::backdrop{background:#152b235e}
.mobile-menu-heading{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:1;background:#fffefa;padding:18px 20px;border-bottom:1px solid #e6e8de}
.mobile-menu-heading h2{font-size:21px;font-weight:600;margin:0;color:#293c33}
.mobile-menu-heading button{width:46px;height:46px;border:1px solid #e0e6db;border-radius:10px;background:#f0f4e9;color:#355b38;font-size:28px;cursor:pointer}
.mobile-account-menu nav{display:flex;flex-direction:column;gap:5px;padding:16px 18px max(24px,env(safe-area-inset-bottom))}
.mobile-account-menu nav a,.mobile-account-menu nav button{display:flex;align-items:center;width:100%;min-height:48px;padding:12px 16px;border:0;border-radius:9px;background:transparent;color:#293c33;text-decoration:none;text-align:left;font:500 16px/1.5 Inter,Arial,sans-serif;box-sizing:border-box;cursor:pointer}
.mobile-account-menu nav [aria-current=page]{background:#ece8f5;color:#675288}
.mobile-account-menu nav a:hover,.mobile-account-menu nav button:hover{background:#eff1e9}
.mobile-account-menu :focus-visible{outline:3px solid #8aa77a;outline-offset:-3px}
body.mobile-menu-open{overflow:hidden!important}
@media(max-width:980px){.codex-actions .mobile-menu-toggle{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 12px;border:1px solid #dce4d5;border-radius:9px;background:#f0f4e9;color:#355b38;font:600 14px/1.4 Inter,Arial,sans-serif;white-space:nowrap;cursor:pointer;flex-shrink:0}.codex-actions{gap:8px!important}}
@media(max-width:380px){.codex-actions .mobile-menu-toggle{padding:8px;font-size:13px}.codex-top .codex-brand{font-size:18px!important}}
@media(max-width:640px){.codex-actions:has(.mobile-menu-toggle) .codex-account,.codex-actions:has(.mobile-menu-toggle)>.codex-user{display:none!important}.codex-top .codex-actions:has(.mobile-menu-toggle){width:auto!important;flex:0 0 auto}.codex-top .codex-nav:has(.mobile-menu-toggle){gap:8px!important}}