/* ===== Neta shared app styles ===== */
/* Shared background + palette + floating glass nav.
   Linked from index.html, me.html, login.html — and the gallery generator. */

:root{
  --bg:#120810; --bg2:#1c0f1a; --pink:#ff5fa2; --pink-d:#e5478c;
  --txt:#f6eef3; --muted:#9a8aa0; --line:rgba(255,255,255,.08);
  --safe:env(safe-area-inset-bottom,0px);
}

/* Shared background — extracted verbatim from index.html chat home */
body{
  background:
    radial-gradient(120% 60% at 100% 0%,rgba(255,95,162,.14),transparent 60%),
    radial-gradient(120% 60% at 0% 100%,rgba(255,140,90,.10),transparent 55%),
    var(--bg);
  color:var(--txt);
}

/* ===== Floating bottom nav — WhatsApp-style dark pill ===== */
.fnav{
  display:none; /* temporarily hidden — top back-arrows are used instead */
  position:fixed;left:0;right:0;bottom:calc(16px + var(--safe));z-index:200;
  display:flex;justify-content:center;pointer-events:none;
}
.fnav .fnav-inner{
  pointer-events:auto;
  display:flex;align-items:center;gap:2px;
  padding:8px 10px;
  background:rgba(16,16,18,.92);
  backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);
  border:1px solid rgba(255,255,255,.07);
  border-radius:999px;
  box-shadow:0 12px 36px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.05);
}
.fnav a{
  position:relative;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;
  min-width:70px;padding:6px 12px;border-radius:16px;
  color:#b7b7bd;text-decoration:none;
  font:500 11px/1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  transition:color .18s;
}
/* active highlight pill sits behind the icon only */
.fnav a .fic{
  position:relative;width:26px;height:24px;padding:5px 12px;box-sizing:content-box;
  display:block;stroke:currentColor;fill:none;
  stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
  border-radius:14px;transition:background .18s;
}
.fnav a .flabel{white-space:nowrap;transition:color .18s}
.fnav a:active .fic{background:rgba(255,255,255,.06)}
.fnav a.on{color:#fff}
.fnav a.on .fic{background:rgba(255,255,255,.16)}
.fnav a.on .flabel{color:#fff}