/* NAVBAR */
nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;display:flex;justify-content:space-between;align-items:center;padding:14px 6%;background:color-mix(in srgb,var(--surface) 85%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.logo{font-weight:800;font-size:1.3rem;color:var(--primary);text-decoration:none}.logo span{color:var(--accent)}
.nav-links{display:flex;gap:26px;align-items:center}
.nav-links a{color:var(--muted);text-decoration:none;font-size:.92rem;font-weight:600;transition:color .2s}
.nav-links a:hover{color:var(--accent)}
@media(max-width:800px){.nav-links a:not(.btn){display:none}}
.logo img{height:40px;width:auto;display:block}.logo .lg-l{display:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .logo .lg-d{display:none}:root:not([data-theme="light"]) .logo .lg-l{display:block}}
:root[data-theme="dark"] .logo .lg-d{display:none}:root[data-theme="dark"] .logo .lg-l{display:block}
@media(max-width:800px){.logo img{height:34px}}