.navbar{display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem;height:52px;background:var(--bg-secondary,#0F1219);border-bottom:1px solid var(--border,rgba(255,255,255,.06));position:sticky;top:0;z-index:100;backdrop-filter:blur(18px);gap:1rem}
.navbar-brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;flex-shrink:0}
.brand-icon{width:26px;height:26px;display:flex;align-items:center;justify-content:center}
.brand-icon img{width:100%;height:100%;object-fit:contain;border-radius:6px}
.brand-text{font-family:'Fraunces',serif;font-size:1.1rem;font-weight:600;color:var(--text-primary,#E8ECF4);letter-spacing:-.02em}
.brand-text span{color:var(--green,var(--accent,#00D68F))}
.navbar-links{display:flex;align-items:center;list-style:none;gap:.15rem;margin:0;padding:0;flex-wrap:nowrap;justify-content:center;min-width:0;white-space:nowrap}
.navbar-links li{margin:0;padding:0}
.navbar-links li a{padding:.42rem .72rem;color:var(--text-secondary,#9CA3AF);text-decoration:none;font-size:.84rem;font-weight:600;border-radius:6px;transition:all .2s;position:relative;white-space:nowrap;line-height:1}
.navbar-links li a:hover,.navbar-links li a.active{color:var(--text-primary,#E8ECF4);background:var(--bg-card,var(--bg-hover,rgba(255,255,255,.04)))}
.navbar-links li a.active::after{content:'';position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);width:16px;height:2px;background:var(--green,var(--accent,#00D68F));border-radius:1px}
.nav-badge{font-size:.55rem;padding:1px 4px;background:var(--green-dim,rgba(0,214,143,.12));color:var(--green,var(--accent,#00D68F));border-radius:3px;font-weight:600}
.navbar-actions{display:flex;align-items:center;gap:.4rem;flex-shrink:0}
.btn-sm{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .75rem;font-size:.72rem;font-weight:600;border-radius:6px;border:none;cursor:pointer;transition:all .2s;text-decoration:none}
.btn-outline{background:transparent;border:1px solid var(--border,rgba(255,255,255,.06));color:var(--text-secondary,#9CA3AF)}
.btn-brand{background:var(--green,var(--accent,#00D68F));color:#000}
.theme-toggle{width:30px;height:30px;border-radius:50%;background:var(--bg-card,var(--bg-secondary,#141922));border:1px solid var(--border,rgba(255,255,255,.06));display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem}
.theme-toggle:hover{border-color:var(--green,var(--accent,#00D68F))}
.mobile-menu-btn{display:none;background:none;border:none;color:var(--text-secondary,#9CA3AF);font-size:1.25rem;cursor:pointer}
.search-trigger{display:flex;align-items:center;gap:.35rem;padding:.35rem .7rem;background:var(--bg-card,var(--bg-secondary,#141922));border:1px solid var(--border,rgba(255,255,255,.06));border-radius:10px;color:var(--text-tertiary,var(--text-muted,#6B7280));font-size:.7rem;cursor:pointer;transition:all .2s;min-width:126px}
.search-trigger:hover{border-color:var(--border-hover,rgba(255,255,255,.12));background:var(--bg-card-hover,var(--bg-hover,rgba(255,255,255,.04)))}
.search-trigger .shortcut{margin-left:auto;font-family:'JetBrains Mono',monospace;font-size:.6rem;padding:1px 4px;background:var(--border,rgba(255,255,255,.06));border-radius:3px;color:var(--text-muted,#6B7280)}
@media (max-width:768px){.navbar{padding:0 1rem}.navbar-links{display:none}.mobile-menu-btn{display:block}.btn-outline{display:none}.search-trigger{display:none}}