.shared-nav-bar{position:fixed;top:0;left:0;right:0;z-index:50;background:var(--nav-bg);backdrop-filter:blur(22px) saturate(180%);-webkit-backdrop-filter:blur(22px) saturate(180%);border:0;box-shadow:0 8px 32px #1f313a14;transition:background .3s ease;padding-top:env(safe-area-inset-top,0px);transform:translateZ(0);-webkit-transform:translateZ(0)}.shared-nav{padding:12px 20px;max-width:640px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.shared-nav-left{display:flex;align-items:center;gap:10px}.shared-nav-avatar{width:36px;height:36px;-o-object-fit:cover;object-fit:cover}.shared-nav-name{font-weight:800;font-size:13px;letter-spacing:-.01em;color:var(--text)}.shared-nav-sub{font-size:10px;color:var(--text-tertiary);font-weight:500;letter-spacing:.02em}.shared-nav-toggle{width:36px;height:36px;background:var(--card);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--text-secondary)}.shared-nav-toggle:hover{opacity:.8}@media(max-width:768px){.shared-nav-bar{top:calc(env(safe-area-inset-top,0px) + 12px);left:max(12px,env(safe-area-inset-left,0px));right:max(12px,env(safe-area-inset-right,0px));padding-top:0;filter:drop-shadow(0 16px 32px rgba(31,49,58,.14)) drop-shadow(0 2px 8px rgba(31,49,58,.07));box-shadow:none}.shared-nav{min-height:56px;max-width:none;padding:8px 12px}.shared-nav-avatar{width:32px;height:32px}.shared-nav-toggle{width:44px;height:44px}}