/* ---------- header ---------- */
.hdr{position:sticky; top:env(safe-area-inset-top,0px); z-index:30; background:var(--hdr); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); border-bottom:1px solid var(--line)}
.hdr-in{display:flex; align-items:center; gap:12px; padding-block:12px}
.logo{display:flex; align-items:center; gap:10px; text-decoration:none; color:var(--ink); flex:0 0 auto}
.logo-mark{width:40px; height:40px; border-radius:12px; background:var(--primary); color:var(--on-primary); display:flex; align-items:center; justify-content:center; transition:transform .3s}
.logo:hover .logo-mark{transform:rotate(-6deg)}
.logo-word{font-family:'Bricolage Grotesque',var(--f-display); font-weight:800; font-size:24px; letter-spacing:-.02em}
.nav{display:flex; gap:2px; margin-inline-start:12px; flex:1 1 auto}
.nav a{padding:10px 14px; border-radius:10px; text-decoration:none; color:var(--ink); font-weight:500; position:relative}
.nav a:hover{background:var(--fill); color:var(--ink)}
.nav a[aria-current="page"]{color:var(--primary-ink); font-weight:700}
.nav a[aria-current="page"]::after{content:""; position:absolute; inset-inline:14px; bottom:4px; height:2px; border-radius:2px; background:var(--primary)}
.hdr-act{display:flex; gap:8px; align-items:center; margin-inline-start:auto}
.count{min-width:22px; height:22px; border-radius:11px; background:var(--sand); color:var(--on-sand); font-size:13px; font-weight:700; display:inline-flex; align-items:center; justify-content:center; padding:0 6px}
.count.bump{animation:bump .45s ease}
@keyframes bump{40%{transform:scale(1.35)}}
.menu-btn{display:none}
.mnav{border-top:1px solid var(--line); padding-block:8px 16px}
.mnav a{display:flex; min-height:48px; align-items:center; padding-inline:8px; text-decoration:none; color:var(--ink); font-weight:500; font-size:17px; border-radius:10px}
.mnav a[aria-current="page"]{color:var(--primary-ink); font-weight:700; background:var(--primary-soft)}
@media (max-width:1020px){ .nav{display:none} .menu-btn{display:inline-flex} }
@media (max-width:640px){ .talk{display:none} .saved-btn .lbl{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap} .logo-word{font-size:21px} .hdr-act{gap:6px} .btn-ghost{padding:0 10px} }