.universal-nav{bottom:max(20px, calc(12px + env(safe-area-inset-bottom,0px)));-webkit-backdrop-filter:blur(20px);z-index:99999;animation:pageFadeIn .3s var(--ease) forwards;background:#1a1815e0;border:1px solid #e9c46a40;border-radius:999px;gap:6px;padding:6px 8px;transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .25s;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 12px 36px #00000073,0 0 20px #a8201a33}body.nav-open .universal-nav{opacity:0;pointer-events:none;transform:translate(-50%,120%)}body:has(dialog[open]) .universal-nav{opacity:0;pointer-events:none;transform:translate(-50%,120%)}.universal-nav-item{color:#ede8e0;font-family:var(--font-display);letter-spacing:.02em;cursor:pointer;opacity:.75;border-radius:999px;align-items:center;gap:8px;padding:8px 18px;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.22,1,.36,1);display:flex}.universal-nav-item:hover{opacity:1;color:#fff;background:#e9c46a26;transform:translateY(-1px)}.universal-nav-item.active{opacity:1;color:#fff;background:linear-gradient(135deg,#a8201a 0%,#7d1510 100%);border:1px solid #e9c46a66;box-shadow:0 4px 16px #a8201a80,inset 0 1px #fff3}.universal-nav-icon{font-size:1.1rem;line-height:1}.universal-nav-label{line-height:1}@media (width<=480px){.universal-nav{bottom:max(16px, calc(10px + env(safe-area-inset-bottom,0px)));padding:4px}.universal-nav-item{padding:10px 12px}.universal-nav-label{display:none}}