nav.topbar{font-family:JetBrains Mono,Menlo,monospace;background-color:var(--nav-bg);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;width:100%;height:3.5rem;padding:1rem 1.5rem;flex-shrink:0;.topbar-brand{display:flex;align-items:center;padding:0 1.5rem;gap:.75rem;cursor:pointer;text-decoration:unset!important}.topbar-brand h1{font-size:16px;font-weight:600;color:var(--text-primary);letter-spacing:.3px}.topbar-brand span{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px}.topbar-menu{display:flex;align-items:center;gap:0;list-style:none;margin:0;padding:0}.topbar-menu li{margin:0;padding:0}.topbar-menu a{display:flex;padding:0 1.25rem;height:3.5rem;align-items:center;color:var(--text-muted);text-decoration:none;font-size:13px;transition:color .15s ease,background-color .15s ease;border-bottom:2px solid transparent}.topbar-menu a:hover{color:var(--text-primary);background-color:var(--hover-bg);border-bottom-color:var(--text-accent)}.topbar-menu a.active{color:var(--text-primary);border-bottom-color:var(--code-keyword)}.topbar-actions{display:flex;align-items:center;gap:.5rem;padding:0 1.5rem}.topbar-action-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.4rem .6rem;font-size:12px;transition:color .15s ease,background-color .15s ease;border-radius:5px}.topbar-action-btn:hover{color:var(--text-primary);background-color:var(--hover-bg)}.topbar-menu-toggle{display:none;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.4rem;border-radius:5px;align-items:center;justify-content:center}.topbar-menu-toggle:hover{color:var(--text-primary);background-color:var(--hover-bg)}}@media(max-width:768px){nav.topbar{height:3rem;padding:0;.topbar-brand{display:none;background:none;border:none}.topbar-menu a{padding:0 .75rem;font-size:12px}.topbar-actions{gap:.25rem;padding:0 1rem}.topbar-menu-toggle{display:inline-flex}}}