/* Shared floating navigation for public pages and workspace controls. */
body > .nav {
  position: sticky;
  top: max(14px, env(safe-area-inset-top));
  left: auto;
  transform: none;
  width: min(1136px, calc(100% - 32px));
  max-width: none;
  height: auto;
  min-height: 72px;
  margin: 14px auto 0;
  padding: 12px 22px;
  z-index: 100;
  border: 1px solid rgba(192,255,114,.17);
  border-radius: 999px;
  background: rgba(0,0,0,.94);
  -webkit-backdrop-filter: blur(24px) saturate(140%);
  backdrop-filter: blur(24px) saturate(140%);
  box-shadow: 0 14px 40px -20px #000000bb, inset 0 1px 0 #c0ff720c;
}
body > .nav.is-hidden {opacity:1;transform:none;pointer-events:auto}
body > .nav .nav-start,body > .nav .nav__cta,body > .nav .menu {border-radius:999px}
body > .nav .nav__links.mobile-open {border-radius:24px;box-shadow:0 18px 40px -20px #000000bb}
#app .chat-head,#app .mtop {
  margin: 12px 14px 6px;
  padding: 12px 18px;
  border: 1px solid #c0ff7228;
  border-radius: 26px;
  background: #000000;
  box-shadow: 0 12px 30px -22px #000000cc;
}
#app .chat-head .actions button,#app .mtop .mbtn {border-radius:999px}
@media(max-width:850px) {
  body > .nav {top:max(10px, env(safe-area-inset-top));width:calc(100% - 20px);margin:10px auto 0;min-height:64px;padding:10px 14px;gap:10px}
  body > .nav .nav__links.mobile-open {top:calc(100% + 8px);max-height:calc(100dvh - 104px);overflow-y:auto}
  #app .mtop {margin:8px 10px 4px;padding:8px 12px;border-radius:24px}
}
@media(prefers-reduced-transparency:reduce) {body > .nav {background:#000000;backdrop-filter:none}}