/* All layout adjustments are scoped to standalone; regular browser layout is unchanged. */
#fh-pwa-navigation,#fh-pwa-navigation-space{display:none}
html.fh-pwa-navigation{--fh-pwa-bottom:calc(38px + env(safe-area-inset-bottom,0px));--fh-pwa-lift:calc(98px + env(safe-area-inset-bottom,0px))}
html.fh-pwa-navigation #fh-pwa-navigation{
  position:fixed;z-index:65;left:50%;bottom:var(--fh-pwa-bottom);transform:translateX(-50%);
  display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:9px;align-items:center;
  width:calc(100% - 32px);max-width:500px;box-sizing:border-box;
  font-family:var(--ui,system-ui,-apple-system,sans-serif);
  -webkit-tap-highlight-color:transparent;
  transition:transform .2s ease,opacity .2s ease,visibility .2s;
}
#fh-pwa-navigation .fh-pwa-history,#fh-pwa-navigation .fh-pwa-location{
  box-sizing:border-box;height:48px;margin:0;border:0;border-radius:999px;
  background:rgba(255,255,255,.78);color:#222;box-shadow:0 3px 18px rgba(0,0,0,.07);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
}
#fh-pwa-navigation .fh-pwa-history{width:48px;padding:12px;display:grid;place-items:center;cursor:pointer;appearance:none;-webkit-appearance:none}
#fh-pwa-navigation .fh-pwa-history:disabled{cursor:default}
#fh-pwa-navigation .fh-pwa-history:disabled svg{opacity:.25}
#fh-pwa-navigation .fh-pwa-history:focus-visible{outline:2px solid #777;outline-offset:3px}
#fh-pwa-navigation svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#fh-pwa-navigation .fh-pwa-location{min-width:0;padding:0 12px;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;overflow:hidden;font-size:14px;line-height:1.2;letter-spacing:.1px;font-weight:600;user-select:none;-webkit-user-select:none}
#fh-pwa-navigation .fh-pwa-brand{color:#888;font-weight:500;flex-shrink:0}
#fh-pwa-navigation .fh-pwa-page{overflow:hidden;text-overflow:ellipsis;color:#222}
html.fh-pwa-navigation #fh-pwa-navigation-space{display:block;height:calc(var(--fh-pwa-lift) + 12px);flex-shrink:0}
#fh-pwa-navigation[hidden],#fh-pwa-navigation-space[hidden]{display:none!important}
/* IP retains its original 56px editor toolbar and its own keyboard offset calculation. */
html.fh-pwa-navigation.fh-pwa-bar-visible:not(.fh-pwa-input) .editorDock{bottom:calc(var(--dock-offset,16px) + var(--fh-pwa-lift))}
html.fh-pwa-navigation.fh-pwa-bar-visible:not(.fh-pwa-input) .dockPanel{bottom:calc(var(--dock-offset,16px) + 64px + var(--fh-pwa-lift))}
html.fh-pwa-navigation.fh-pwa-bar-visible:not(.fh-pwa-input) .toast{bottom:calc(18px + var(--fh-pwa-lift))}
@media(prefers-reduced-transparency:reduce){#fh-pwa-navigation .fh-pwa-history,#fh-pwa-navigation .fh-pwa-location{background:#f5f5f5;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media print{#fh-pwa-navigation,#fh-pwa-navigation-space{display:none!important}}

/* Hide the whole bar; no invisible control remains over the page. */
html.fh-pwa-navigation #fh-pwa-navigation.is-scroll-hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,calc(100% + var(--fh-pwa-bottom)))}
#fh-pwa-navigation .fh-pwa-location{font-family:inherit;cursor:pointer;appearance:none;-webkit-appearance:none}
#fh-pwa-navigation .fh-pwa-location:focus-visible{outline:2px solid #777;outline-offset:3px}
html.fh-pwa-navigation #fh-pwa-navigation.is-shortcuts-open{z-index:80}
/* Non-modal list anchored to the location pill. It never adds an overlay or scroll lock. */
#fh-pwa-shortcuts{position:absolute;left:20px;right:20px;bottom:calc(100% + 10px);box-sizing:border-box;max-height:calc(100dvh - 170px - env(safe-area-inset-bottom,0px));overflow:auto;overscroll-behavior:contain;padding:6px 14px;border:0;border-radius:20px;background:rgba(255,255,255,.78);color:#222;box-shadow:0 3px 18px rgba(0,0,0,.07);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
#fh-pwa-shortcuts[hidden]{display:none!important}
#fh-pwa-shortcuts nav{display:flex;flex-direction:column;gap:0}
#fh-pwa-shortcuts a{position:relative;display:flex;align-items:center;gap:20px;min-height:68px;padding:18px 4px;margin:0;border:0;border-radius:0;background:transparent;color:#222;text-decoration:none;font:600 14px/1.4 var(--ui,system-ui,sans-serif);box-sizing:border-box;flex-shrink:0}
#fh-pwa-shortcuts a:not(:last-child)::after{content:"";position:absolute;left:58px;right:4px;bottom:0;height:1px;background:rgba(80,80,80,.15);pointer-events:none}
#fh-pwa-shortcuts a[aria-current="page"]{background:rgba(17,17,17,.04)}
#fh-pwa-shortcuts .fh-shortcut-marker{flex:0 0 34px;box-sizing:border-box;display:grid;place-items:center;min-height:26px}
#fh-pwa-shortcuts .fh-shortcut-marker svg{width:18px;height:18px}
#fh-pwa-shortcuts .fh-shortcut-badge{border:1px solid var(--hair,#d6d6d6);border-radius:8px;font:900 10px/1 var(--mono,monospace);letter-spacing:.6px;padding:4px}
#fh-pwa-shortcuts a:hover,#fh-pwa-shortcuts a:focus-visible{background:rgba(17,17,17,.06)}
#fh-pwa-shortcuts a:focus-visible{outline:1px solid #777;outline-offset:-2px}
html.fh-pwa-navigation{scroll-padding-bottom:calc(var(--fh-pwa-lift) + 20px)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){#fh-pwa-navigation .fh-pwa-history,#fh-pwa-navigation .fh-pwa-location,#fh-pwa-shortcuts{background:rgba(255,255,255,.72)}}
@media(prefers-reduced-transparency:reduce){#fh-pwa-shortcuts{background:#f5f5f5;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){html.fh-pwa-navigation #fh-pwa-navigation{transition:none}}
@media print{#fh-pwa-shortcuts{display:none!important}}