@media (max-width:700px) {
/* Mobile sidebar 04. Original menu data and top-bar appearance are preserved. */
html[data-liquid] #nav-drawer { display:none!important; }
html[data-liquid] body.navdrawer-open { overflow:auto!important; }
html[data-liquid] {
  --liquid-radius:26px;
  --liquid-base:rgba(var(--nav-scene-rgb,22,22,26),.95);
  --liquid-stroke:rgba(255,255,255,.18);
  --liquid-muted:rgba(245,243,240,.65);
  --liquid-shadow:rgba(0,0,0,.24);
}
html[data-liquid][data-theme="light"] {
  --liquid-base:rgba(var(--nav-scene-rgb,235,232,242),.97);
  --liquid-stroke:rgba(255,255,255,.8);
  --liquid-muted:#6a6075;
  --liquid-shadow:rgba(64,40,87,.15);
}
.liquid-dock {
  position:fixed;top:var(--liquid-nav-bottom,66px);left:10px;
  width:min(260px,calc(100vw - 100px));z-index:99;
  opacity:0;visibility:hidden;pointer-events:none;
  border-radius:var(--liquid-radius);overflow:hidden;
  border:1px solid var(--liquid-stroke);
  background:linear-gradient(125deg,rgba(var(--surface-rgb),.045),transparent 48%),var(--liquid-base);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 16px 40px var(--liquid-shadow);
  backdrop-filter:blur(30px) saturate(150%);-webkit-backdrop-filter:blur(30px) saturate(150%);
  clip-path:inset(0 0 100% 0 round var(--liquid-radius));
  transition:clip-path .3s cubic-bezier(.2,.85,.2,1),opacity .18s,visibility 0s .3s;
}
.liquid-dock.is-open { opacity:1;visibility:visible;pointer-events:auto;clip-path:inset(0 round var(--liquid-radius));transition-delay:0s; }
.liquid-surface {
  display:flex;flex-direction:column;max-height:calc(100dvh - var(--liquid-nav-bottom,66px) - 88px);
  border:0;border-radius:inherit;overflow:hidden;background:none;
  color:var(--ink);--ink-faint:var(--liquid-muted);
}
.liquid-brand { display:flex;align-items:center;gap:10px;flex-shrink:0;min-height:78px;padding:16px 13px 14px 15px; }
.liquid-monogram { display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:50%;color:var(--accent-text);font:700 15px var(--font-latin); }
.liquid-monogram img { width:100%;height:100%;object-fit:contain;display:block;border-radius:50%; }
.liquid-brand__copy { min-width:0;flex:1; }
.liquid-brand strong { display:block;font:600 14px/1.5 var(--font-latin);letter-spacing:-.4px;white-space:nowrap; }
.liquid-brand strong span { font-weight:400;color:var(--liquid-muted); }
.liquid-brand small { display:block;margin-top:2px;color:var(--liquid-muted);font-size:10px;letter-spacing:1.5px; }
.liquid-close { display:grid;place-items:center;align-self:center;flex-shrink:0;width:32px;min-height:44px;padding:0;border:0;background:transparent;color:var(--liquid-muted);cursor:pointer; }
.liquid-close svg { width:17px;height:17px; }
.liquid-scroll { overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;min-height:0;padding:0 12px 10px; }
.liquid-dock #drawer-nav { display:flex;flex-direction:column;gap:0;flex:initial; }
.liquid-dock :is(a,button) { -webkit-tap-highlight-color:transparent; }
.liquid-dock :is(a,button):focus-visible { outline:2px solid var(--accent-text);outline-offset:-2px;border-radius:8px; }
.liquid-dock .navdrawer__top { display:grid;grid-template-columns:1fr 1fr;gap:3px;margin:0 0 9px;padding:0 0 10px;border-bottom:1px solid var(--glass-border); }
.liquid-dock .navdrawer__top a { display:flex;align-items:center;justify-content:center;gap:6px;padding:5px 2px;min-height:44px;font-size:12px;border:0;background:none;border-radius:10px; }
.liquid-dock .navdrawer__top a.is-active { color:var(--accent-text);background:var(--orange-soft); }
.liquid-dock .navdrawer__top .navdrawer__ic svg { width:15px;height:15px; }
.liquid-dock .navdrawer__grp + .navdrawer__grp { margin:0; }
.liquid-dock .navdrawer__ghead { display:flex;align-items:center;gap:10px;min-height:45px;width:100%;padding:6px 7px;border:0;background:none;border-radius:9px;color:var(--ink);font:500 14px/1.4 var(--font-tc);cursor:pointer; }
.liquid-dock .navdrawer__ghead .navdrawer__ic { width:19px;height:19px;color:var(--liquid-muted); }
.liquid-dock .navdrawer__ghead i { margin-left:auto;display:grid;place-items:center;width:16px;color:var(--liquid-muted);font-size:12px; }
.liquid-dock .navdrawer__grp.is-cur .navdrawer__ghead { background:var(--orange-soft);color:var(--accent-text); }
.liquid-dock .navdrawer__grp.is-cur .navdrawer__ghead .navdrawer__ic { color:var(--accent-text); }
.liquid-dock .navdrawer__gbody { display:grid;grid-template-rows:0fr;gap:0;padding:0;visibility:hidden;transition:grid-template-rows .32s cubic-bezier(.2,.8,.2,1),visibility 0s .32s; }
.liquid-dock .navdrawer__grp.is-open .navdrawer__gbody { display:grid;grid-template-rows:1fr;visibility:visible;transition-delay:0s; }
.liquid-group-inner { display:flex;flex-direction:column;min-height:0;overflow:hidden; }
.liquid-dock .navdrawer__gbody :is(a,.navdrawer__xlink) { display:flex;align-items:center;gap:6px;min-height:40px;flex-shrink:0;width:100%;padding:6px 10px 6px 36px;border:0;background:none;border-radius:8px;color:var(--liquid-muted);font:400 12px/1.4 var(--font-tc);text-align:left; }
.liquid-dock .navdrawer__gbody :is(a,.navdrawer__xlink):hover { background:rgba(var(--surface-rgb),.05);color:var(--ink); }
.liquid-dock .navdrawer__badge { margin-left:auto;font-size:10px;padding:1px 5px;line-height:1.5; }
.liquid-dock .navdrawer__foot { display:flex;flex-direction:column;gap:0;margin:9px 0 0;padding:8px 0 0;border-top:1px solid var(--glass-border); }
.liquid-dock .navdrawer__fbtn { display:flex;align-items:center;gap:10px;min-height:40px;padding:7px;font:400 12px/1.4 var(--font-tc);background:none;border:0;border-radius:8px;color:var(--liquid-muted); }
.liquid-dock .navdrawer__fbtn .navdrawer__ic svg { width:16px;height:16px; }
.liquid-dock .navdrawer__foot--end { display:grid;grid-template-columns:1fr 1fr;column-gap:6px;margin-top:3px;padding-top:6px;border:0; }
.liquid-dock .navdrawer__foot--end .navdrawer__fbtn { font-size:11px;gap:6px;min-height:40px; }
.liquid-dock .navdrawer__fbtn--out { color:var(--danger); }
.liquid-dock .navdrawer__ver { grid-column:1/-1;text-align:center;margin:5px 0 0;color:var(--liquid-muted);font-size:9px;letter-spacing:.7px; }
.liquid-dock .navdrawer__login { grid-column:1/-1;min-height:44px;margin:4px 0 0; }
/* Alternative surfaces retain every native item and all actions. */
[data-liquid="2"] .liquid-dock { --liquid-radius:14px 34px 38px 24px;width:min(240px,calc(100vw - 112px));clip-path:inset(0 0 100% 0 round 14px 34px 38px 24px); }
[data-liquid="2"] .liquid-dock.is-open { clip-path:inset(0 round 14px 34px 38px 24px); }
[data-liquid="2"] .liquid-surface { border-radius:14px 34px 38px 24px; }
[data-liquid="2"] .liquid-brand { gap:8px;padding-left:12px; }
[data-liquid="2"] .liquid-brand strong { font-size:12px; }
[data-liquid="2"] .liquid-monogram { width:40px;height:40px; }
[data-liquid="3"] .liquid-group-inner { display:grid;grid-template-columns:1fr 1fr; }
[data-liquid="3"] .liquid-dock .navdrawer__gbody :is(a,.navdrawer__xlink) { padding:8px 5px;justify-content:center;font-size:11px;text-align:center; }
[data-liquid="3"] .liquid-dock .navdrawer__badge { margin-left:0; }
[data-liquid="4"] .liquid-group-inner { margin-left:15px;position:relative; }
[data-liquid="4"] .liquid-group-inner::before { content:'';position:absolute;left:0;top:6px;bottom:6px;width:1px;background:rgba(var(--accent-rgb),.35); }
[data-liquid="4"] .liquid-dock .navdrawer__gbody :is(a,.navdrawer__xlink) { padding-left:19px; }
[data-liquid="4"] .liquid-dock { --liquid-radius:18px; }
[data-liquid="5"] .liquid-dock .navdrawer__ghead { font-size:17px;font-weight:500;min-height:49px; }
[data-liquid="5"] .liquid-dock .navdrawer__ghead .navdrawer__ic { display:none; }
[data-liquid="5"] .liquid-dock .navdrawer__gbody :is(a,.navdrawer__xlink) { padding-left:12px; }
[data-liquid="5"] .liquid-dock { border-color:rgba(var(--surface-rgb),.09); }
/* One identity: top-bar slot and panel slot keep their geometry during flight. */
html[data-liquid] body.liquid-menu-open header.nav > .nav__logo { visibility:hidden;pointer-events:none; }
html[data-liquid] body.liquid-logo-moving header.nav > .nav__logo,
html[data-liquid] body.liquid-logo-moving .liquid-monogram { visibility:hidden; }
.liquid-logo-flight { position:fixed;left:0;top:0;width:44px;height:44px;z-index:250;pointer-events:none;transform-origin:center;will-change:transform; }
.liquid-drop-shell { position:absolute;inset:-5px;border-radius:50%;border:1px solid rgba(255,255,255,.6);background:radial-gradient(ellipse at 30% 15%,rgba(255,255,255,.55),transparent 55%),rgba(var(--surface-rgb),.12);box-shadow:inset -2px -3px 7px rgba(var(--accent-rgb),.24),0 5px 16px var(--liquid-shadow);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px); }
.liquid-drop-mark { position:absolute;inset:0;display:grid;place-items:center;border-radius:50%;overflow:hidden;color:var(--accent-text);font:700 15px var(--font-latin); }
.liquid-drop-mark img { width:100%;height:100%;object-fit:contain; }
@media(prefers-reduced-motion:reduce) { .liquid-dock,.liquid-dock .navdrawer__gbody { transition:none; } }

/* A narrow glass wake trails against the pull direction and vanishes at intake. */
.liquid-drop-tail { position:absolute;left:calc(50% - 8px);bottom:50%;width:16px;height:44px;transform-origin:50% 100%;transform:rotate(var(--liquid-pull-angle,0deg));border-radius:80% 80% 36% 36%;background:linear-gradient(to bottom,transparent,rgba(var(--surface-rgb),.28) 70%,rgba(var(--accent-rgb),.22));filter:blur(1px);opacity:0; }

}