.mobile-tabbar{display:none}
.mnav[hidden]{display:none}
@media(max-width:1040px){
  .mobile-tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:80;background:color-mix(in srgb,var(--theme-paper,#fff) 94%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
  .mobile-tabbar a,.mobile-tabbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:54px;border:0;background:none;font:inherit;font-size:.66rem;font-weight:750;color:var(--muted);border-radius:14px;cursor:pointer;text-decoration:none}
  .mobile-tabbar svg{width:24px;height:24px}
  .mobile-tabbar a[aria-current="page"]{color:var(--forest-900)}
  .mobile-tabbar a[aria-current="page"]::after{content:"";width:18px;height:3px;border-radius:99px;background:var(--ember-500)}
  body:has(.mobile-tabbar){padding-bottom:calc(72px + env(safe-area-inset-bottom))}
  .cr-fab{right:12px;bottom:calc(86px + env(safe-area-inset-bottom))}
  .toast{left:12px;right:12px;bottom:calc(86px + env(safe-area-inset-bottom));z-index:950}
  .nf-consent{bottom:calc(86px + env(safe-area-inset-bottom))}
}
.mnav{position:fixed;inset:0;z-index:940;background:var(--theme-primary-dark);color:var(--theme-on-primary-dark);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.mnav-sheet{width:min(640px,100%);margin:0 auto;min-height:100%;padding:18px 20px calc(34px + env(safe-area-inset-bottom));display:grid;gap:14px;align-content:start}
.mnav:not([hidden]) .mnav-sheet>*{animation:mnavRise .38s var(--ease) both}
.mnav:not([hidden]) .mnav-sheet>*:nth-child(2){animation-delay:.04s}
.mnav:not([hidden]) .mnav-sheet>*:nth-child(3){animation-delay:.08s}
.mnav:not([hidden]) .mnav-sheet>*:nth-child(4){animation-delay:.12s}
.mnav:not([hidden]) .mnav-sheet>*:nth-child(5){animation-delay:.16s}
.mnav:not([hidden]) .mnav-sheet>*:nth-child(6){animation-delay:.2s}
.mnav:not([hidden]) .mnav-sheet>*:nth-child(n+7){animation-delay:.24s}
@keyframes mnavRise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.mnav-top{display:flex;align-items:center;justify-content:space-between;padding:4px 0 2px}
.mnav-top .icon-button{background:transparent;border-color:rgba(255,255,255,.28);color:inherit;font-size:1rem}
.mnav-tasks{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mnav-tasks .mnav-cta{grid-column:1/-1}
.mnav-tasks .button{min-height:52px}
.mnav-tasks .button-outline{background:transparent;border-color:rgba(255,255,255,.35);color:inherit}
.mnav-acc{border:1px solid rgba(255,255,255,.18);border-radius:18px;overflow:hidden;background:rgba(255,255,255,.06)}
.mnav-acc button[data-mnav-acc-btn]{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:0 16px;border:0;background:none;color:inherit;font:inherit;font-size:1.02rem;font-weight:800;cursor:pointer}
.mnav-acc button[data-mnav-acc-btn] svg{width:22px;height:22px;transition:transform .2s var(--ease);flex-shrink:0;opacity:.8}
.mnav-acc button[data-mnav-acc-btn][aria-expanded="true"] svg{transform:rotate(180deg)}
.mnav-panel[hidden]{display:none}
.mnav-panel{display:grid;padding:2px 8px 12px}
.mnav-panel a{display:flex;align-items:center;gap:10px;min-height:48px;padding:8px 10px;border-radius:12px;color:inherit;text-decoration:none;font-size:.95rem;opacity:.92}
.mnav-panel a:hover{background:rgba(255,255,255,.1);opacity:1}
.mnav-panel a img{width:24px;height:16px;object-fit:cover;border-radius:3px}
.mnav-links{display:grid;border-top:1px solid rgba(255,255,255,.16);padding-top:6px}
.mnav-links a{min-height:50px;display:flex;align-items:center;padding:6px 4px;color:inherit;text-decoration:none;font-weight:750;font-size:1rem}
.mnav-legal{display:flex;flex-wrap:wrap;gap:6px 16px;border-top:1px solid rgba(255,255,255,.16);padding-top:14px;font-size:.82rem;opacity:.85}
.mnav-legal a,.mnav-legal button{color:inherit;text-decoration:none;background:none;border:0;padding:0;font:inherit;cursor:pointer}
.mnav-legal a:hover,.mnav-legal button:hover{text-decoration:underline}
@media(prefers-reduced-motion:reduce){.mnav:not([hidden]) .mnav-sheet>*{animation:none}}