.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{right:-2.5rem}}@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);padding:.75rem 1rem .625rem;font-size:11px;font-weight:700}.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-bottom:1px solid var(--surface-alt);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-icon{background:var(--accent-tint);width:34px;height:34px;color:var(--accent);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}
.nav-bar{border-bottom:1px solid var(--border);z-index:60;background:#fff;position:sticky;top:0}.nav-inner{align-items:center;height:4rem;padding:0 1.5rem;display:flex;position:relative}.nav-left{flex:1;align-items:center;display:flex}.nav-right{flex:1;justify-content:flex-end;align-items:center;gap:1.25rem;display:flex}.nav-logo{flex-shrink:0;align-items:center;gap:.375rem;text-decoration:none;display:flex}.nav-logo-mark{background:var(--accent);border-radius:2px;width:.75rem;height:.75rem;display:block}.nav-logo-text{letter-spacing:-.025em;color:var(--foreground);text-transform:uppercase;font-size:15px;font-weight:700}.nav-links{align-items:center;gap:.75rem;display:none}@media (min-width:768px){.nav-links{display:flex}}.nav-link{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:.25rem;font-size:13px;font-weight:500;text-decoration:none;transition:color .15s;display:flex}.nav-link:hover{color:var(--foreground)}.nav-link--active{color:var(--accent);text-shadow:0 1px 4px #e84a2b59}.nav-link--active:hover{color:var(--accent)}.nav-login{letter-spacing:.05em;text-transform:uppercase;border:1.5px solid var(--foreground);color:var(--foreground);cursor:pointer;white-space:nowrap;background:0 0;border-radius:9999px;flex-shrink:0;padding:.375rem 1rem;font-size:13px;font-weight:700;text-decoration:none;transition:background .15s,color .15s}.nav-login:hover{background:var(--foreground);color:#fff}.nav-signup{background:var(--accent);color:#fff;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;white-space:nowrap;border:none;border-radius:9999px;flex-shrink:0;padding:.375rem 1rem;font-size:13px;font-weight:700;text-decoration:none;transition:background .15s}.nav-signup:hover{background:var(--accent-hover)}.nav-hamburger{cursor:pointer;color:var(--foreground);background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;display:none}@media (max-width:767px){.nav-hamburger{display:flex}}.nav-mobile-menu{border-top:1px solid var(--border);background:#fff;flex-direction:column;gap:.25rem;padding:1rem 1.5rem 1.5rem;display:flex}@media (min-width:768px){.nav-mobile-menu{display:none}}.nav-mobile-link{color:var(--foreground);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--surface-alt);padding:.75rem 0;font-size:15px;font-weight:500;text-decoration:none;transition:color .15s}.nav-mobile-link:hover{color:var(--accent)}.nav-mobile-link--active{color:var(--accent);text-shadow:0 1px 4px #e84a2b59}.nav-mobile-actions{gap:.75rem;padding-top:1rem;display:flex}.nav-auth{align-items:center;gap:.5rem;display:flex}.nav-profile{position:relative}.nav-notifications{width:2rem;height:2rem;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;text-decoration:none;transition:color .15s,background .15s;display:flex;position:relative}.nav-notifications:hover{color:var(--foreground);background:var(--surface-alt)}.nav-notifications[data-tooltip]:after{content:attr(data-tooltip);background:var(--foreground);color:#fff;white-space:nowrap;pointer-events:none;opacity:0;border-radius:.375rem;padding:.25rem .5rem;font-size:11px;font-weight:500;transition:opacity .15s;position:absolute;top:calc(100% + .375rem);left:50%;transform:translate(-50%)}.nav-notifications[data-tooltip]:hover:after{opacity:1}.nav-avatar{cursor:pointer;background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;display:flex;overflow:hidden}.nav-avatar img{object-fit:cover;border-radius:9999px;width:100%;height:100%}.nav-profile-dropdown{border:1px solid var(--border);z-index:50;background:#fff;border-radius:.75rem;min-width:13rem;padding:.375rem;position:absolute;top:calc(100% + .75rem);right:0;box-shadow:0 4px 16px #0000001a}.nav-profile-name{color:var(--text-subtle);white-space:nowrap;text-overflow:ellipsis;padding:.5rem .75rem;font-size:12px;overflow:hidden}.nav-profile-divider{background:var(--surface-alt);height:1px;margin:.25rem 0}.nav-profile-item{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:13px;text-decoration:none;transition:background .1s;display:flex}.nav-profile-item:hover{background:var(--surface-alt)}.nav-profile-item--signout{color:var(--accent)}.nav-profile-item--signout:hover{background:var(--accent-tint-soft)}.nav-profile-item--upgrade{color:#7c3aed;font-weight:600}.nav-profile-item--upgrade:hover{background:#f5f3ff}
.footer{background:var(--foreground);color:#fff;margin-top:auto}.footer-inner{max-width:80rem;margin:0 auto;padding:3rem 1.5rem 2rem}.footer-top{border-bottom:1px solid #ffffff1a;justify-content:space-between;gap:3rem;padding-bottom:2.5rem;display:flex}@media (max-width:640px){.footer-top{flex-direction:column;gap:2rem}}.footer-brand{flex-shrink:0}.footer-logo{align-items:center;gap:.375rem;margin-bottom:.75rem;text-decoration:none;display:inline-flex}.footer-logo-mark{background:var(--accent);border-radius:2px;width:.75rem;height:.75rem;display:block}.footer-logo-text{letter-spacing:-.025em;color:#fff;text-transform:uppercase;font-size:15px;font-weight:700}.footer-tagline{color:#ffffff73;max-width:18rem;font-size:13px;line-height:1.5}.footer-links{flex-wrap:wrap;gap:3rem;display:flex}@media (max-width:480px){.footer-links{gap:2rem}}.footer-col{flex-direction:column;gap:.625rem;display:flex}.footer-col-heading{letter-spacing:.1em;text-transform:uppercase;color:#ffffff59;margin-bottom:.25rem;font-size:11px;font-weight:700}.footer-link{color:#ffffffa6;font-size:13px;text-decoration:none;transition:color .15s}.footer-link:hover{color:#fff}.footer-bottom{justify-content:space-between;align-items:center;gap:1rem;padding-top:1.5rem;display:flex}@media (max-width:480px){.footer-bottom{flex-direction:column;align-items:flex-start}}.footer-copy{color:#ffffff4d;font-size:12px}.footer-social{align-items:center;gap:1rem;display:flex}.footer-social-link{color:#fff6;align-items:center;transition:color .15s;display:flex}.footer-social-link:hover{color:#fff}