/* Floating Glass navigation. Existing dismissal, restoration and route handlers own visibility. */
@media(max-width:1024px){
  body{--falue-glass-bg:rgba(255,255,255,.86);--falue-glass-line:rgba(255,255,255,.8);--falue-glass-ink:#30334f;--falue-glass-muted:#6d718b;--falue-glass-active:#ede9ff;--falue-glass-accent:#6248ef;--falue-glass-shadow:0 6px 24px rgba(46,37,93,.10),inset 0 1px 0 rgba(255,255,255,.7)}
  html#night-mode body,html.falue-night-mode body,html[data-theme=dark] body,body[data-falue-ambient-theme=dark],body.dark,body.night_mode{--falue-glass-bg:rgba(20,21,29,.88);--falue-glass-line:rgba(255,255,255,.11);--falue-glass-ink:#efedfa;--falue-glass-muted:#b9b5ce;--falue-glass-active:#34284c;--falue-glass-accent:#b79aff;--falue-glass-shadow:0 6px 24px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.05)}
  body .falue-concept-dock{
    left:max(12px,env(safe-area-inset-left))!important;right:max(12px,env(safe-area-inset-right))!important;
    bottom:calc(12px + env(safe-area-inset-bottom))!important;width:auto!important;max-width:none!important;
    height:64px!important;min-height:64px!important;padding:5px 6px!important;gap:2px!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;border-radius:24px!important;
    background:var(--falue-glass-bg)!important;border:1px solid var(--falue-glass-line)!important;
    -webkit-backdrop-filter:blur(20px) saturate(150%)!important;backdrop-filter:blur(20px) saturate(150%)!important;
    box-shadow:var(--falue-glass-shadow)!important;color:var(--falue-glass-muted)!important;box-sizing:border-box!important;
  }
  body .falue-concept-dock .falue-concept-dock-item,
  body .falue-concept-dock .falue-concept-create{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;position:relative!important;inset:auto!important;min-width:0!important;width:100%!important;height:52px!important;min-height:44px!important;margin:0!important;padding:3px 0!important;border:0!important;border-radius:17px!important;background:transparent!important;box-shadow:none!important;color:var(--falue-glass-muted)!important;transform:none!important;text-decoration:none!important}
  body .falue-concept-dock .falue-concept-dock-pill,
  body .falue-concept-dock .falue-concept-create-core{position:static!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:none!important;width:28px!important;height:28px!important;padding:2px!important;border:0!important;border-radius:10px!important;background:transparent!important;box-shadow:none!important;transform:none!important;color:inherit!important}
  body .falue-concept-dock .falue-concept-create-ring{display:none!important}
  body .falue-concept-dock .falue-concept-dock-pill svg,
/*  body .falue-concept-dock .falue-concept-create-core svg{width:22px!important;height:22px!important;color:inherit!important}
*/  body .falue-concept-dock .falue-concept-dock-item::after{content:attr(aria-label);font-family:inherit;font-size:10px;font-weight:500;line-height:12px;white-space:nowrap;color:inherit}
  body .falue-concept-dock .falue-concept-create::after{content:'Create';font-family:inherit;font-size:10px;font-weight:500;line-height:12px;color:inherit}
  body .falue-concept-dock .falue-concept-dock-item.is-active{background:var(--falue-glass-active)!important;color:var(--falue-glass-accent)!important}
  body .falue-concept-dock .falue-concept-dock-item:active,
  body .falue-concept-dock .falue-concept-create:active{background:var(--falue-glass-active)!important}
  body .falue-footer-restore-control{background:var(--falue-glass-bg)!important;border:1px solid var(--falue-glass-line)!important;color:var(--falue-glass-accent)!important;box-shadow:var(--falue-glass-shadow)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important}
  @supports not (backdrop-filter:blur(1px)){body{--falue-glass-bg:#fff}html#night-mode body,html.falue-night-mode body,html[data-theme=dark] body,body[data-falue-ambient-theme=dark],body.dark,body.night_mode{--falue-glass-bg:#171820}}
}


/* Split Dock: shared navigation capsule and detached Create button. */
@media(max-width:1024px){body .falue-concept-dock{background:transparent!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;grid-template-columns:repeat(4,minmax(0,1fr)) 68px!important;gap:4px!important;isolation:isolate}body .falue-concept-dock::before{content:'';position:absolute;inset:0 72px 0 0;border:1px solid var(--falue-glass-line);border-radius:24px;background:var(--falue-glass-bg);box-shadow:var(--falue-glass-shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:-1;pointer-events:none}body .falue-concept-dock .falue-concept-create{width:56px!important;height:56px!important;min-height:56px!important;justify-self:end!important;align-self:center!important;padding:0!important;border-radius:50%!important;background:#6447f5!important;color:#fff!important;box-shadow:0 5px 16px #6447f533!important}body .falue-concept-dock .falue-concept-create-core{width:56px!important;height:56px!important;border-radius:50%!important;color:#fff!important}body .falue-concept-dock .falue-concept-create-core svg{width:26px!important;height:26px!important}body .falue-concept-dock .falue-concept-create::after{display:none!important}body .falue-concept-dock .falue-concept-create:active{background:#5135d8!important}}
/* Footer navigation icons only; accessible names remain on controls. */
body .falue-concept-dock .falue-concept-dock-item::after, body .falue-concept-dock .falue-concept-create::after { content: none !important; display: none !important; }

/* Account photo moves from the mobile header to the separate footer shortcut. */
.falue-profile-topbar-account { display: none !important; }
body .falue-concept-dock .falue-concept-profile {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
}
body .falue-concept-dock .falue-concept-profile-avatar {
  display: block;
  position: relative;
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  border-radius: 50%;
}
body .falue-concept-dock .falue-concept-profile-avatar > img {
  display: block;
  width: 100%; height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
body .falue-concept-dock .falue-concept-profile-avatar .rating-avatar-composite-svg {
  width: 100% !important; height: 100% !important;
}

/* Keep the account circle when the footer is collapsed. */
body .falue-footer-restore-control {
  border-radius: 50% !important;
  width: 56px !important; height: 56px !important;
  padding: 6px !important;
}
.falue-footer-restore-avatar {
  display: block; position: relative;
  width: 44px; height: 44px;
  border-radius: 50%; pointer-events: none;
}
.falue-footer-restore-avatar > img {
  display: block; width: 100%; height: 100%;
  border-radius: 50%; object-fit: cover;
}
body .falue-footer-restore-control .rating-avatar-composite-svg {
  width: 100% !important; height: 100% !important;
}
body .falue-footer-restore-control .user-rating-avatar-review-hit { pointer-events: none !important; }

/* Footer photo fills its existing footprint, without an outer ring. */
body .falue-concept-dock .falue-concept-profile, body .falue-footer-restore-control {
  width: 56px !important; height: 56px !important;
  padding: 0 !important; border: 0 !important;
  background: transparent !important; box-shadow: none !important;
  backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
}
body .falue-concept-dock .falue-concept-profile-avatar, body .falue-footer-restore-control .falue-footer-restore-avatar {
  width: 100% !important; height: 100% !important; flex: 0 0 100% !important;
}
body .falue-concept-profile:focus-visible, body .falue-footer-restore-control:focus-visible { outline: 2px solid #6248ef; outline-offset:var(--falue-focus-offset,-3px); }

/* Compact footer with matching profile height. */
body .falue-concept-dock {
  height: 56px !important; min-height: 56px !important;
  padding: 0 6px !important; align-items: center !important;
}
body .falue-concept-dock .falue-concept-dock-item {
  height: 48px !important; min-height: 44px !important;
}

/* Footer corners proportional to the mobile header (56px versus 60px). */
body .falue-concept-dock,
body .falue-concept-dock::before { border-radius: 22px !important; }

/* Header and footer share a neutral glass blur. */
body .falue-mobile-profile-topbar {
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
}


/* Transparent dock surface: keep the page visible through the navigation bar. */
@media(max-width:1024px){
  body .falue-concept-dock,
  body .falue-concept-dock::before,
  body .falue-concept-dock::after { background: transparent !important; }
  body .falue-concept-dock::before {
    border-color: rgba(255,255,255,.38) !important;
    box-shadow: 0 12px 30px rgba(25,31,60,.12), inset 0 1px 0 rgba(255,255,255,.35) !important;
    -webkit-backdrop-filter: blur(18px) saturate(115%) !important;
    backdrop-filter: blur(18px) saturate(115%) !important;
  }
}