.liquid-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:2000;pointer-events:none;display:none}
.liquid-menu{position:fixed;inset:0;z-index:2001;color:var(--ink);overscroll-behavior:contain;overflow:auto}
.liquid-menu[hidden]{display:none}
.liquid-menu nav{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:100%;padding:calc(32px + env(safe-area-inset-top)) 32px calc(110px + env(safe-area-inset-bottom))}
.liquid-menu small{font-size:12px;font-weight:700;letter-spacing:.14em;margin-bottom:14px}
.liquid-menu button{font:800 34px/1.2 Figtree,system-ui,sans-serif;letter-spacing:-.02em;text-align:left;color:inherit;border:0;background:none;padding:6px 0;max-width:100%}
.liquid-menu button[aria-current=page]{text-decoration:underline;text-underline-offset:7px}
.liquid-menu nav>*{opacity:0;transform:translateY(14px);transition:opacity 140ms,transform 140ms}
.liquid-menu.items nav>*{opacity:1;transform:none;transition-duration:280ms;transition-delay:var(--delay,0ms)}
body>#liquid-toggle{display:grid;position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:2002;width:56px;height:56px}
#liquid-toggle .shortcut-svg{transform:rotate(45deg);transition:transform 350ms}
.liquid-active #mobile-menu-button{visibility:hidden}
.liquid-active #app,.liquid-active>.mobile-dock{pointer-events:none}
@media(prefers-reduced-motion:reduce){.liquid-menu nav>*,#liquid-toggle .shortcut-svg{transition:none}}
/* Keep the entire scrollable options area above the close button. */
.liquid-menu{overflow:hidden}
.liquid-menu nav{height:calc(100% - 96px - env(safe-area-inset-bottom));min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:20px}
/* Compact list and the same liquid shell for the other dock destinations. */
.liquid-menu button{font-size:26px;line-height:1.25}
.liquid-menu nav{gap:4px;padding-left:24px;padding-right:24px}
.liquid-menu[data-kind=transition] nav{visibility:hidden}
.liquid-menu[data-kind=profile] .liquid-profile{width:100%}
.liquid-profile .menu{position:static;width:100%;max-height:none;background:transparent;border:0;box-shadow:none;color:inherit}
.liquid-profile .menu button{font-size:20px;min-height:48px;white-space:normal}
.liquid-profile .menu .mobile-account-option{display:flex}
.liquid-search-label{display:flex;flex-direction:column;width:100%;gap:12px;font-size:22px;font-weight:750}
.liquid-search-label input{font-size:16px;min-height:48px;flex-shrink:0}
.liquid-search-results{width:100%;min-height:0}
.liquid-search-results .pop{position:static;max-height:none;width:100%;border:0;box-shadow:none;background:transparent}
.liquid-search-results button{font-size:16px;min-height:52px}
.liquid-active #touch-keyboard{z-index:2003}
.touch-keyboard-open .liquid-menu[data-kind=search] nav{height:calc(100% - var(--touch-keyboard-height,230px) - 70px)}
.touch-keyboard-open .liquid-active>#liquid-toggle{bottom:calc(var(--touch-keyboard-height,230px) + 8px)}
.liquid-menu[data-kind=search] nav{overflow:hidden}
.liquid-menu[data-kind=search] nav>small,.liquid-search-label{flex-shrink:0}
.liquid-search-results{flex:1;overflow-y:auto;overscroll-behavior:contain}
@media(max-height:500px){
  .touch-keyboard-open .liquid-menu[data-kind=search] nav{padding-top:10px;padding-bottom:6px}
  .touch-keyboard-open .liquid-menu[data-kind=search] nav>small{display:none}
  .touch-keyboard-open .liquid-search-label{font-size:16px;gap:4px}
  .touch-keyboard-open .liquid-search-label input{height:40px;min-height:40px}
}