/* Local preview: clear refractive shell, frosted selection, liquid on hold. */
.mobile-dock {
  --dock-tint: rgba(255,255,255,.32);
  --dock-selection-tint: rgba(0,0,0,.16);
  --dock-press-tint: rgba(0,0,0,.12);
  background: transparent;
  touch-action: none;
  user-select: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  isolation:auto;
  transform:none;
  will-change:auto;
}
html[data-theme="dark"] .mobile-dock {
  --dock-tint: rgba(17,19,22,.40);
  --dock-selection-tint: rgba(255,255,255,.22);
  --dock-press-tint: rgba(255,255,255,.18);
}
@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) .mobile-dock {
    --dock-tint: rgba(17,19,22,.40);
    --dock-selection-tint: rgba(255,255,255,.22);
    --dock-press-tint: rgba(255,255,255,.18);
  }
}
.mobile-dock::before { content:""; position:absolute; inset:0; z-index:0; border-radius:inherit; background:var(--dock-tint); pointer-events:none; opacity:1; -webkit-backdrop-filter:blur(1px); backdrop-filter:blur(1px); }
.mobile-dock.svg-glass { backdrop-filter: url(#dock-shell-refraction) blur(1px); }
.mobile-dock.svg-glass::before { backdrop-filter:none; }
.mobile-dock .dock-indicator { background:var(--dock-selection-tint); backdrop-filter: blur(8px) saturate(140%); -webkit-backdrop-filter: blur(8px) saturate(140%); }
.mobile-dock .dock-press-lens {
  position:absolute; top:2.5px; bottom:3.5px; left:3px;
  width:calc((100% - 6px)/4); border-radius:999px; pointer-events:none;
  z-index:1; opacity:0; transform:translateX(var(--press-x,0px));
  background:var(--dock-press-tint);
  box-shadow:inset 0 1px 1px #ffffffb0,inset 0 -1px 2px #00000040;
  transition:opacity .16s ease,scale .25s ease;
}
.mobile-dock.has-held-item .dock-press-lens { opacity:1; scale:1.02 .97; }
.mobile-dock.svg-glass .dock-press-lens { backdrop-filter:url(#dock-press-refraction); }
.mobile-dock.has-held-item .dock-indicator { opacity:0; }
.mobile-dock a { z-index:2; touch-action:none; -webkit-user-drag:none; -webkit-touch-callout:none; }
.mobile-dock a.drag-target { color:var(--cyan); }