/* ================== NAV ================== */
.nav{position:fixed;top:14px;left:0;right:0;z-index:50}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 10px 10px 12px;border-radius:999px;
  background:color-mix(in srgb,var(--surface) 72%,transparent);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);
  border:1px solid var(--line);box-shadow:0 10px 40px -20px rgba(11,27,63,.25)}
.brand{display:flex;align-items:center;gap:10px}
.brand img{width:38px;height:38px;border-radius:50%;box-shadow:0 0 0 1px var(--line)}
.brand-text{line-height:1}
.brand-text b{font-family:var(--sans);font-weight:700;color:var(--ink);font-size:15px;display:block}
.brand-text span{font-size:12px;color:var(--muted)}
.nav-links{display:flex;gap:4px}
.nav-links a{padding:8px 14px;border-radius:999px;font-size:14px;font-weight:500;color:var(--muted);transition:.2s}
.nav-links a:hover,.nav-links a.active{color:var(--ink);background:var(--surface-2)}
.nav-actions{display:flex;align-items:center;gap:8px}
.icon-btn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);color:var(--ink);transition:.2s}
.icon-btn:hover{background:var(--surface-2)}
.icon-btn svg{width:18px;height:18px}
.theme-sun{display:none}[data-theme="dark"] .theme-sun{display:block}[data-theme="dark"] .theme-moon{display:none}
.nav .btn{padding:10px 18px;font-size:14px}
.menu-btn{display:none}
.mobile-menu{display:none}