.mobile-dock { display:none; }
@media (max-width:860px) {
  .mobile-dock { position:fixed; bottom:calc(12px + env(safe-area-inset-bottom,0px)); left:16px; right:16px; z-index:35; display:grid; grid-template-columns:.9fr 1.2fr 1.1fr .9fr; gap:4px; max-width:440px; margin-inline:auto; padding:5px; border:1px solid var(--line); border-radius:var(--r-m); background:var(--glass); color:var(--ink); box-shadow:var(--shadow-dock); -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px); }
  .mobile-dock a,.mobile-dock button { display:flex; align-items:center; justify-content:center; min-width:0; min-height:48px; padding:8px 4px; border-radius:var(--frame-dock-radius); background:transparent; color:var(--ink); font-size:var(--frame-text-14); white-space:nowrap; }
  .mobile-dock .dock-ai { background:var(--lime); color:var(--navy); font-weight:600; }
  .mobile-dock .dock-menu { gap:8px; background:var(--band); }
  .mobile-dock a[aria-current] { text-decoration:underline; text-underline-offset:5px; }
  .mobile-dock :focus-visible { outline-offset:-3px; }
}
@media (hover:hover) {
  .mobile-dock a:hover,.mobile-dock button:hover { background:var(--tint); }
  .mobile-dock .dock-ai:hover { background:var(--lime-hover); }
}