.topnav{height:calc(var(--nav-height) + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);z-index:2000;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(1.4);border-bottom:1px solid var(--glass-border);will-change:transform;position:fixed;top:0;left:0;right:0;transform:translate(0,0)}.topnav-inner{justify-content:space-between;align-items:center;max-width:1600px;height:100%;margin:0 auto;padding:0 1.5rem;display:flex}.topnav-logo{flex-shrink:0;align-items:center;gap:.65rem;text-decoration:none;display:flex}.topnav-logo-mark{background:var(--accent);color:#fff;width:36px;height:36px;box-shadow:0 0 20px var(--accent-dim);border-radius:8px;justify-content:center;align-items:center;transition:transform .3s,box-shadow .3s;display:flex}.topnav-logo-initials{font-family:var(--font-display);letter-spacing:.05em;font-size:1.1rem;line-height:1}.topnav-logo:hover .topnav-logo-mark{box-shadow:0 0 30px var(--accent-glow);transform:rotate(-12deg)scale(1.08)}.topnav-logo-text{align-items:baseline;gap:.15rem;display:flex}.topnav-logo-name{font-family:var(--font-display);letter-spacing:.08em;color:var(--text-primary);font-size:1.4rem}.topnav-logo-accent{font-family:var(--font-display);letter-spacing:.08em;color:var(--accent);font-size:1.4rem}.topnav-items{align-items:center;gap:2px;display:flex}.topnav-item{border-radius:var(--radius-md);width:44px;height:44px;color:var(--text-muted);justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:flex;position:relative}.topnav-item:hover{color:var(--text-primary);background:#ffffff0d}.topnav-item.active{color:var(--accent);background:var(--accent-soft)}.topnav-active-indicator{background:var(--accent);border-radius:1px;width:20px;height:2px;animation:.3s slideDown;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.topnav-tooltip{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--text-primary);background:var(--bg-card);border:1px solid var(--bg-border);white-space:nowrap;opacity:0;pointer-events:none;z-index:200;border-radius:4px;padding:5px 10px;font-size:.55rem;transition:all .2s;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)scale(.9);box-shadow:0 4px 16px #00000080}.topnav-tooltip:before{content:"";background:var(--bg-card);border-left:1px solid var(--bg-border);border-top:1px solid var(--bg-border);width:8px;height:8px;position:absolute;top:-4px;left:50%;transform:translate(-50%)rotate(45deg)}.topnav-item:hover .topnav-tooltip{opacity:1;transform:translate(-50%)scale(1)}.topnav-right{flex-shrink:0;align-items:center;gap:1rem;display:flex}.topnav-status{border-radius:var(--radius-full);background:#00d2be0f;border:1px solid #00d2be26;align-items:center;gap:.5rem;padding:.35rem .85rem;display:flex}.topnav-status-text{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--success);font-size:.55rem}@media (max-width:900px){.topnav-items{display:none}}@media (max-width:600px){.topnav-inner{gap:.5rem;padding:0 .5rem}.topnav-logo-text{display:none}.topnav-item{width:34px;height:34px}.topnav-item svg{width:16px;height:16px}.topnav-status{padding:.25rem .5rem}.topnav-status-text{display:none}.topnav-right{flex:1;justify-content:flex-end;gap:.35rem}}
.mobilenav{height:var(--mobile-nav-height);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(1.8);border-top:1px solid var(--glass-border);z-index:1000;padding-bottom:env(safe-area-inset-bottom);will-change:transform;display:none;position:fixed;bottom:0;left:0;right:0;transform:translate(0,0)}.mobilenav-inner{justify-content:space-around;align-items:center;height:100%;padding:0 .5rem;display:flex}.mobilenav-item{height:100%;color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.mobilenav-item.active{color:var(--accent)}.mobilenav-icon-wrapper{justify-content:center;align-items:center;width:40px;height:32px;transition:transform .2s;display:flex;position:relative}.mobilenav-item.active .mobilenav-icon-wrapper{transform:translateY(-2px)}.mobilenav-label{font-size:.6rem;font-family:var(--font-body);letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-weight:500;overflow:hidden}.mobilenav-indicator{background:var(--accent);width:20px;height:3px;box-shadow:0 0 10px var(--accent-glow);border-radius:0 0 3px 3px;position:absolute;top:0}.mobilenav-more-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1001;background:#000c;flex-direction:column;justify-content:flex-end;padding:1.5rem;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.mobilenav-more-card{background:var(--bg-surface);border:1px solid var(--bg-border);border-radius:var(--radius-xl);grid-template-columns:repeat(3,1fr);gap:1.5rem;padding:1.5rem;animation:.4s cubic-bezier(.2,.8,.2,1) slideUp;display:grid}.mobilenav-more-item{color:var(--text-secondary);flex-direction:column;align-items:center;gap:8px;display:flex}.mobilenav-more-icon{background:var(--bg-card);border-radius:var(--radius-lg);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.mobilenav-more-item.active .mobilenav-more-icon{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-dim)}.mobilenav-more-label{text-align:center;font-size:.72rem;font-weight:500}@media (max-width:900px){.mobilenav{display:block}}@media (max-width:360px){.mobilenav-inner{padding:0 .25rem}.mobilenav-label{font-size:.55rem}}