#navbar{z-index:30;padding-top:env(safe-area-inset-top,0px);border-bottom:1px solid var(--app-border,rgba(26,26,24,.1));background:color-mix(in srgb, var(--app-bg,#f7f5f0) 90%, transparent);backdrop-filter:saturate(180%)blur(8px);margin-bottom:.5rem;position:sticky;top:0}#navbar .nav-inner{height:3.5rem;max-width:var(--page-w,900px);padding-left:max(var(--page-gutter,1.5rem), env(safe-area-inset-left,0px));padding-right:max(var(--page-gutter,1.5rem), env(safe-area-inset-right,0px));justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;display:flex}#navbar .brand{text-transform:uppercase;letter-spacing:.2em;color:var(--app-muted,#7a7a72);-webkit-user-select:none;user-select:none;font-size:.72rem;font-weight:600}#navbar .nav-links{align-items:center;gap:.4rem;display:flex}#navbar .nav-link{border-radius:var(--app-radius,.45rem);color:var(--app-muted,#7a7a72);align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}#navbar .nav-link:hover{cursor:pointer;color:var(--app-text,#1a1a18);background:var(--app-surface-alt,#edeae3)}#navbar .nav-link.active{background:var(--app-primary,#1a1a18);color:var(--app-primary-contrast,#f7f5f0)}#navbar .nav-link svg{display:block}