/* Floating liquid-glass pill. Preserve existing visibility and safe-area rules. */
#bottomNav{isolation:isolate;grid-template-columns:repeat(4,minmax(0,1fr));width:min(calc(100% - 28px),540px);padding:3px;gap:2px;border-radius:999px;border:1px solid rgba(255,255,255,.72);background:#ede9ef;box-shadow:0 6px 20px rgba(33,35,48,.1),inset 0 1px 1px rgba(255,255,255,.88),inset 0 -1px 1px rgba(111,103,123,.16);-webkit-backdrop-filter:blur(5px) saturate(1.08);backdrop-filter:blur(5px) saturate(1.08);animation:none}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){#bottomNav{background:linear-gradient(115deg,rgba(255,255,255,.3),rgba(224,227,236,.12) 50%,rgba(255,255,255,.24))}}
#bottomNav::before{content:'';position:absolute;inset:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(165deg,rgba(255,255,255,.18),transparent 35%,transparent 73%,rgba(210,195,255,.1));z-index:-1}
#bottomNav .nav-item{min-width:0;min-height:58px;padding:6px 2px;border-radius:999px;background:transparent;color:#f5f0ff;transform:none;gap:4px;align-content:center;box-shadow:none;transition:background .2s ease,box-shadow .2s ease,transform .2s ease}
#bottomNav .nav-item span{display:grid;place-items:center}
#bottomNav .nav-item svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#bottomNav .nav-item small{font-family:inherit;font-size:12px;font-weight:600;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
#bottomNav .nav-item{color:#504657;text-shadow:0 1px 2px rgba(255,255,255,.9)}
#bottomNav .nav-item.active{background:linear-gradient(145deg,rgba(255,255,255,.42),rgba(249,218,236,.12) 55%,rgba(255,255,255,.22));color:#b51c78;box-shadow:inset 0 1px 2px rgba(255,255,255,.95),inset 0 -1px 2px rgba(255,255,255,.65),inset 0 0 0 1px rgba(255,255,255,.58),0 2px 6px rgba(63,43,66,.1)}
#bottomNav .nav-item:focus-visible{outline:2px solid #b51c78;outline-offset:1px}
#bottomNav .nav-item:active{transform:scale(.95)}
#bottomNav .nav-unread-dot,#bottomNav .chat-unread-badge{z-index:2}
@media(hover:hover){#bottomNav .nav-item:hover{background-color:rgba(255,255,255,.12)}}
@media(max-width:360px){#bottomNav{padding:6px 8px;gap:2px}#bottomNav .nav-item small{font-size:11px}}
@media(prefers-reduced-motion:reduce){#bottomNav .nav-item{transition:none}#bottomNav .nav-item:active{transform:none}}
@media(prefers-reduced-transparency:reduce){#bottomNav{background:#ede9ef;-webkit-backdrop-filter:none;backdrop-filter:none}}