.nav-bell{display:inline-flex;position:relative}.nav-bell-btn{background:var(--bg-card);border:1px solid var(--border);width:40px;height:40px;color:var(--text-dim);border-radius:12px;justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative}.nav-bell-btn:hover,.nav-bell-btn[aria-expanded=true]{border-color:var(--border-gold);color:var(--gold)}.nav-bell-badge{background:var(--gold);min-width:18px;height:18px;color:var(--bg);border-radius:100px;justify-content:center;align-items:center;padding:0 4px;font-size:.6rem;font-weight:800;line-height:1;display:flex;position:absolute;top:-5px;right:-5px}.nav-mobile-right:has(.nav-bell){gap:.5rem}.nav-bell-panel{overscroll-behavior:contain;background:var(--bg-card);z-index:200;text-align:left;border:1px solid #ffffff14;border-radius:16px;width:min(380px,100vw - 2rem);max-height:min(70vh,520px);position:absolute;top:calc(100% + .75rem);right:0;overflow-y:auto;box-shadow:0 24px 64px #0000008c}@media (max-width:768px){.nav-bell-panel{width:auto;position:fixed;top:4.25rem;left:1rem;right:1rem}}.nav-bell-head{background:var(--bg-card);border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:.75rem;padding:.875rem 1rem;font-size:.875rem;display:flex;position:sticky;top:0}.nav-bell-markall{color:var(--gold);padding:.25rem 0;font-size:.75rem;font-weight:600}.nav-bell-markall:hover{color:var(--gold-light)}.nav-bell-empty{color:var(--text-dim);text-align:center;padding:1.5rem 1rem;font-size:.875rem}.nav-bell-list{flex-direction:column;display:flex}.nav-bell-item{text-align:left;width:100%;color:var(--text-dim);border-bottom:1px solid #ffffff0a;flex-direction:column;gap:.2rem;padding:.85rem 1rem .85rem 1.5rem;transition:background .2s;display:flex;position:relative}.nav-bell-item:hover{background:#ffffff08}.nav-bell-item--unread{color:var(--text)}.nav-bell-item--unread:before{content:"";background:var(--gold);border-radius:50%;width:6px;height:6px;position:absolute;top:1.2rem;left:.65rem}.nav-bell-item-title{font-size:.85rem;font-weight:600;line-height:1.35}.nav-bell-item-body{color:var(--text-dim);font-size:.8rem;line-height:1.45}.nav-bell-item-time{color:var(--text-muted);font-size:.7rem}.nav-toast{z-index:10002;background:var(--bg-card);border:1px solid var(--border-gold);width:min(380px,100vw - 2rem);animation:nav-toast-in .35s var(--ease);border-radius:16px;align-items:flex-start;gap:.25rem;padding:.875rem .625rem .875rem 1rem;display:flex;position:fixed;bottom:1rem;right:1rem;box-shadow:0 24px 64px #0009}@keyframes nav-toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.nav-toast{animation:none}}.nav-toast-body{text-align:left;color:var(--text);flex:1;gap:.75rem;min-width:0;display:flex}.nav-toast-body>span{flex-direction:column;gap:.2rem;min-width:0;display:flex}.nav-toast-body strong{font-size:.875rem;line-height:1.35}.nav-toast-body span span{color:var(--text-dim);font-size:.8rem;line-height:1.45}.nav-toast-icon{color:var(--gold);flex-shrink:0;margin-top:.1rem}.nav-toast-close{width:28px;height:28px;color:var(--text-muted);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.nav-toast-close:hover{color:var(--text);background:#ffffff0d}@media (max-width:768px){.nav-toast{width:auto;left:1rem;right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom,0px))}}