.planner-mobile-bottom-bar{align-items:center;border-top:1px solid;box-shadow:0 -2px 12px #00000014;display:flex;inset:auto 0 0;justify-content:space-around;padding:6px 12px calc(6px + env(safe-area-inset-bottom, 0px));position:fixed;transition:transform .22s ease,visibility .22s}.planner-mobile-bottom-bar[data-hidden=true],body.mobile-menu-drawer-open .planner-mobile-bottom-bar{pointer-events:none;transform:translateY(100%);visibility:hidden}.planner-mobile-bottom-bar>a,.planner-mobile-bottom-bar>button,.planner-mobile-bottom-share,.planner-mobile-bottom-view{align-items:center;background:#0000;border:0;color:inherit;display:flex;flex:1 1;flex-direction:column;font-size:12px;gap:3px;justify-content:center;min-height:48px;min-width:44px;text-decoration:none}.planner-mobile-bottom-bar svg{stroke-width:1.5;height:24px;width:24px}.planner-mobile-bottom-share>.relative,.planner-mobile-bottom-view>button{display:flex;justify-content:center}.planner-mobile-bottom-share button{min-height:28px;min-width:48px}.planner-mobile-bottom-share .absolute{bottom:calc(100% + 16px);right:-24px;top:auto}@media (max-width:767px){body:has(.planner-mobile-bottom-bar) #root{padding-bottom:calc(76px + env(safe-area-inset-bottom, 0px))}}@media (prefers-reduced-motion:reduce){.planner-mobile-bottom-bar{transition:none}}.planner-bottom-date-navigation{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:8px 24px}.planner-bottom-date-navigation button{min-height:44px;min-width:44px}.mobile-saved-groups-list{display:grid;padding-bottom:max(0px,calc(env(safe-area-inset-bottom, 0px) - 20px))}.mobile-saved-groups-list>button{align-items:center;background:#0000;border:0;border-radius:0;color:inherit;display:flex;font-size:14px;gap:12px;justify-content:space-between;min-height:36px;padding:6px 8px;text-align:left}.mobile-saved-groups-list>button:focus-visible,.mobile-saved-groups-list>button:hover{background:var(--hover)}.mobile-saved-groups-list>button>span:first-child{min-width:0;overflow-wrap:anywhere}.mobile-saved-groups-list>button>span:last-child{color:var(--saved-group-muted);flex-shrink:0;font-size:12px}.mobile-saved-groups-list>[role=separator]{background:hsl(var(--border));height:1px;margin:4px 0}.pwa-install-banner{align-items:center;background:#fff;background:var(--nav-theme-bg,#fff);border-bottom:1px solid #d1d5db;border-bottom:1px solid var(--nav-theme-border,#d1d5db);color:#111827;color:var(--nav-theme-text,#111827);display:flex;font-family:Inter,system-ui,sans-serif;gap:12px;line-height:1.4;padding:10px 16px}.pwa-install-banner-copy{flex:1 1;min-width:0}.pwa-install-banner-copy strong{display:block;font-size:14px}.pwa-install-banner-copy span{color:#4b5563;color:var(--nav-theme-muted,#4b5563);display:block;font-size:12px}.pwa-install-banner button{background:#0000;border:1px solid #d1d5db;border:1px solid var(--nav-theme-border,#d1d5db);border-radius:8px;color:inherit;cursor:pointer;flex:none;font:inherit;font-size:14px;font-weight:600;min-height:44px;padding:8px 14px}.pwa-install-banner button:hover{background:#f3f4f6;background:var(--nav-theme-hover,#f3f4f6)}.pwa-install-banner button:focus-visible{outline:2px solid currentColor;outline-offset:2px}.pwa-install-banner .pwa-install-banner-close{border-color:#0000;font-size:24px;min-width:44px;padding:8px}@media (max-width:480px){.pwa-install-banner{gap:6px;padding:8px}}.navigation-header-themed{container-name:header-clock;container-type:inline-size}.header-clock-dates>[data-header-date-level]{display:none}.header-clock-dates>[data-header-date-level=compact]{display:inline}@container header-clock (min-width: 768px){.header-clock-dates>[data-header-date-level]{display:none}.header-clock-dates>[data-header-date-level=monthDay]{display:inline}}@container header-clock (min-width: 1000px){.header-clock-dates>[data-header-date-level]{display:none}.header-clock-dates>[data-header-date-level=short]{display:inline}}@container header-clock (min-width: 1200px){.header-clock-dates>[data-header-date-level]{display:none}.header-clock-dates>[data-header-date-level=medium]{display:inline}}@container header-clock (min-width: 1500px){.header-clock-dates>[data-header-date-level]{display:none}.header-clock-dates>[data-header-date-level=full]{display:inline}}