.nav{display:flex;align-items:center;justify-content:space-between;
  padding:18px 22px;border-bottom:1px solid var(--line);
  background:color-mix(in oklab, var(--bg2) 85%, transparent);backdrop-filter:blur(14px);position:sticky;top:0;z-index:30}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.3px;font-size:18px;color:var(--text);font-family:"Playfair Display",Georgia,serif}
.brand .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab, var(--accent) 18%, transparent)}
.nav-links{display:flex;gap:4px;flex-wrap:wrap;align-items:center}
.nav-links a{padding:8px 14px;border-radius:8px;color:var(--muted);font-size:14px;font-weight:500;transition:.18s}
.nav-links a:hover,.nav-links a.active{color:var(--text);background:color-mix(in oklab, var(--accent) 10%, transparent)}
.theme-toggle{margin-left:6px;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--text);cursor:pointer;font-size:15px;transition:.18s}
.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}