.nav-notif-wrap{align-items:center;display:flex;position:relative}.nav-notif-dropdown{border:1px solid var(--border);z-index:50;transform-origin:100% 0;background:#fff;border-radius:.875rem;width:min(20rem,100vw - 2rem);animation:.15s ease-out nav-dropdown-in;position:absolute;top:calc(100% + .75rem);right:0;overflow:hidden;box-shadow:0 12px 32px -8px #211a132e}@media (max-width:480px){.nav-notif-dropdown{transform-origin:top;width:auto;position:fixed;top:4.5rem;left:.75rem;right:.75rem}}@keyframes nav-dropdown-in{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.nav-notif-dropdown{animation:none}}.nav-notif-header{border-bottom:1px solid var(--surface-alt);font-family:var(--font-geist-mono),monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1rem .625rem;font-size:11px;font-weight:700;display:flex}.nav-notif-readall{cursor:pointer;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:0 0;border:none;flex-shrink:0;padding:0;font-family:inherit;font-size:10px;font-weight:700}.nav-notif-readall:hover{text-decoration:underline}.nav-notif-count{color:var(--accent);opacity:.85;margin-left:.45rem;font-weight:700}.nav-notif-empty{text-align:center;flex-direction:column;align-items:center;padding:2rem 1.5rem 1.75rem;display:flex}.nav-notif-empty-icon{width:48px;height:48px;color:var(--accent);background:#e84a2b1a;border-radius:50%;place-items:center;margin-bottom:.875rem;display:grid}.nav-notif-empty-title{color:var(--foreground);margin:0;font-size:14.5px;font-weight:700}.nav-notif-empty-desc{color:var(--text-muted);max-width:15rem;margin:.375rem 0 0;font-size:13px;line-height:1.5}.nav-notif-empty-link{letter-spacing:.05em;text-transform:uppercase;color:var(--accent);margin-top:1rem;font-size:12px;font-weight:700;text-decoration:none}.nav-notif-empty-link:hover{text-decoration:underline}.nav-notif-empty-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}.nav-notif-list{max-height:22rem;overflow-y:auto}.nav-notif-item{border-bottom:1px solid var(--surface-alt);flex-direction:column;gap:2px;padding:.625rem 1rem;text-decoration:none;display:flex}.nav-notif-item:last-child{border-bottom:none}.nav-notif-item:hover{background:var(--surface-alt-2)}.nav-notif-item-title{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:600;line-height:1.35;overflow:hidden}.nav-notif-item-sub{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.nav-notif-seeall{text-align:center;border-top:1px solid var(--surface-alt);letter-spacing:.05em;text-transform:uppercase;color:var(--accent);padding:.625rem 1rem;font-size:12px;font-weight:700;text-decoration:none;display:block}.nav-notif-seeall:hover{background:var(--surface-alt-2)}.nav-notif-seeall:focus-visible{background:var(--surface-alt-2);box-shadow:inset 0 0 0 2px var(--accent);outline:none}.nav-card{border-bottom:1px solid var(--surface-alt);align-items:center;gap:.625rem;padding:.5rem .875rem;text-decoration:none;display:flex}.nav-card:last-child{border-bottom:none}.nav-card:hover{background:var(--surface-alt-2)}.nav-card:hover .nav-card-media-img{transform:scale(1.05)}.nav-card:focus-visible{background:var(--surface-alt-2);box-shadow:inset 0 0 0 2px var(--accent);outline:none}.nav-card-media{background:var(--accent-tint);border-radius:9px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid;position:relative;overflow:hidden}.nav-card-media--round{border-radius:50%}.nav-card-media-img{object-fit:cover;width:100%;height:100%;transition:transform .25s}.nav-card-media-mono{font-family:var(--font-geist-mono),monospace;color:var(--accent);font-size:16px;font-weight:700}.nav-card-text{flex-direction:column;gap:3px;min-width:0;display:flex}.nav-card-title{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:600;line-height:1.3;overflow:hidden}.nav-card-meta{min-width:0;color:var(--text-muted);align-items:center;gap:.4rem;font-size:11.5px;font-weight:500;display:flex}.nav-card-meta-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav-card-dot{background:var(--success);border-radius:50%;flex-shrink:0;width:6px;height:6px}.nav-card-meta--live{color:var(--live);font-weight:600}.nav-card-meta--live .nav-card-dot{background:var(--live);animation:1.8s ease-out infinite nav-card-pulse}.nav-card-meta--past .nav-card-dot{background:var(--border-strong)}.nav-card-meta--soldout{color:#d23f31;font-weight:600}.nav-card-meta--soldout .nav-card-dot{background:#d23f31}@keyframes nav-card-pulse{0%{box-shadow:0 0 #e0524a73}70%{box-shadow:0 0 0 5px #e0524a00}to{box-shadow:0 0 #e0524a00}}@media (prefers-reduced-motion:reduce){.nav-card-meta--live .nav-card-dot{animation:none}.nav-card-media-img{transition:none}}.nav-noti-item{border:none;border-bottom:1px solid var(--surface-alt);text-align:left;width:100%;font:inherit;cursor:pointer;background:0 0;align-items:flex-start;gap:.625rem;padding:.625rem .875rem;text-decoration:none;display:flex}.nav-noti-item:last-child{border-bottom:none}.nav-noti-item:hover{background:var(--surface-alt-2)}.nav-noti-item:focus-visible{background:var(--surface-alt-2);box-shadow:inset 0 0 0 2px var(--accent);outline:none}.nav-noti-item--unread{background:var(--unread-tint)}.nav-noti-item--unread:hover{background:var(--unread-tint-hover)}.nav-noti-item--unread .nav-noti-title{font-weight:700}.nav-noti-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 4px var(--accent-tint);border-radius:50%;flex-shrink:0;align-self:center}.nav-noti-icon{border:1px solid var(--accent);width:34px;height:34px;color:var(--accent);background:#fff;border-radius:9px;flex-shrink:0;place-items:center;margin-top:1px;display:grid}.nav-noti-icon--alert{color:var(--live)}.nav-noti-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.nav-noti-head{align-items:baseline;gap:.5rem;display:flex}.nav-noti-title{min-width:0;color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;font-weight:600;line-height:1.3;overflow:hidden}.nav-noti-time{font-family:var(--font-geist-mono),monospace;letter-spacing:.02em;color:var(--text-muted);flex-shrink:0;font-size:10.5px;font-weight:600}.nav-noti-text{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.nav-notifications{position:relative}.nav-notif-badge{background:var(--accent);color:#fff;min-width:16px;height:16px;font-family:var(--font-geist-mono),monospace;text-align:center;border-radius:999px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:-3px;right:-3px}