/* Hammer motion refinement: shared web + mobile web workspace. */
@media screen {
  html:root,html:root .hammer-soft-glass-page{--hg-duration:460ms;--hg-ease:cubic-bezier(.22,1,.36,1)}
  html:root :is(body,#app) .hg-tabs{--hg-duration:460ms}
  html:root .hg-tabs[data-hg-spring]::before{transition:opacity 120ms ease!important}
  html:root :is(body,#app) :is(.ho-sheet,.navbar-dropdown,.dropdown-content){
    border-color:rgba(219,238,250,.32)!important;
    background:rgba(25,33,42,.88)!important;
    box-shadow:inset 0 1px 1px rgba(245,252,255,.25),inset 0 -1px 1px rgba(165,221,246,.12),0 16px 44px rgba(0,0,0,.28)!important;
    -webkit-backdrop-filter:blur(22px) saturate(120%);backdrop-filter:blur(22px) saturate(120%);
  }
  html:root :is(body,#app) .ho-sheet{width:calc(100% - 24px);margin:0 12px max(12px,env(safe-area-inset-bottom));border-radius:27px;max-height:calc(90dvh - env(safe-area-inset-bottom))}
  html:root :is(body,#app) .ho-sheet .ho-section-heading>a{min-width:44px;min-height:44px;border-radius:50%}
  html:root :is(body,#app) .ho-sheet-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(2,8,15,.4)}
  html:root :is(body,#app) .hg-pressing{box-shadow:inset 0 0 0 999px rgba(173,230,250,.10),inset 0 1px 0 rgba(245,252,255,.42)!important}
  html:root :is(body,#app) .hp-menu-toggle{border-radius:24px;border-color:rgba(217,237,247,.35);background:rgba(36,47,58,.74);min-height:44px;box-shadow:inset 0 1px 1px rgba(242,251,255,.22);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
  @media(max-width:900px){
    html:root .hp-public.hp-enhanced .hp-nav.is-open{border-radius:24px!important;max-height:calc(100dvh - 120px);overflow:auto;padding:8px!important;margin-bottom:14px;background:rgba(25,33,42,.91)!important}
  }
  @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
    html:root :is(body,#app) :is(.ho-sheet,.navbar-dropdown,.dropdown-content,.hp-nav.is-open,.hp-menu-toggle,.hg-tabs){background:#202a34!important}
  }
  @media(prefers-reduced-transparency:reduce),(prefers-contrast:more){
    html:root :is(body,#app) :is(.ho-sheet,.navbar-dropdown,.dropdown-content,.hp-nav.is-open,.hp-menu-toggle,.hg-tabs,.box,.hm-panel,.hm-stat,.ho-panel,.ho-card,.hpa-panel,.hra-panel,.hib-panel,.hib-form-panel,.hib-member-card,.hds-panel,.hmo-card,.hm-card,.hls-inbody,.ha-ai-entry,.hp-auth-panel,.hm-topbar,.hp-header,.navbar,.hm-sidebar,.button,.hp-button,.hib-button,.hra-button,.hds-button,.ho-primary,.hm-action){background:#202a34!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
    html:root .hg-tabs::before{background:#405768!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  }
  @media(prefers-reduced-motion:reduce){html:root .hg-tabs::before{transition:none!important}}
}
/* Keep digits and labels sharp throughout browser-managed page transitions. */
@keyframes hg-page-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}