/* ── nav ── */
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:var(--paper);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:stretch;height:48px;padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.logo{display:grid;place-items:center;padding:0 16px 0 4px}
.logo svg{width:36px;height:22px}
.navlinks{display:flex}
.navlinks a{display:flex;align-items:center;gap:8px;padding:0 15px;font-family:var(--mono);font-size:13px;text-transform:uppercase;letter-spacing:.01em;transition:background .2s}
.navlinks a svg{width:16px;height:16px;flex:none}
.navlinks a:hover{background:var(--hover)}
.navlinks a.on{background:var(--cyan);color:#111}
.navright{margin-left:auto;display:flex;align-items:center;gap:10px}
.circ{width:32px;height:32px;border-radius:50%;background:var(--chip);display:grid;place-items:center;font-family:var(--mono);font-size:12px;font-weight:500}
.circ.me{background:var(--cyan);color:#111;font-weight:700;box-shadow:0 0 0 2px #fff,0 0 0 3px var(--line)}
.circ.be{width:auto;padding:0 12px;border-radius:999px;font-family:var(--sans);font-size:14px;font-weight:700;transition:background .2s,color .2s}
.circ.be:hover{background:#1769FF;color:#fff}
.cbtn{display:flex;align-items:center;gap:8px;border:1px solid var(--text);padding:7px 16px;font-family:var(--mono);font-size:13px;text-transform:uppercase;background:var(--paper);transition:background .2s,color .2s}
.cbtn svg{width:15px;height:15px}
.cbtn:hover,.cbtn.on{background:var(--text);color:var(--paper)}
.menubtn{display:none;align-items:center;border:1px solid var(--text);padding:7px 14px;font-family:var(--mono);font-size:13px;text-transform:uppercase;background:var(--paper);cursor:pointer}
.menu{position:absolute;left:0;right:0;top:48px;background:var(--paper);border-bottom:1px solid var(--line);padding:8px max(16px,env(safe-area-inset-right,0px)) 16px max(16px,env(safe-area-inset-left,0px))}
.menu a{display:flex;align-items:center;gap:12px;padding:14px 4px;border-bottom:1px solid var(--grid);font-family:var(--mono);font-size:15px;text-transform:uppercase}
.menu a svg{width:16px;height:16px}
@media(max-width:1000px){.navlinks{display:none}.menubtn{display:flex}}
@media(max-width:520px){.circ:not(.me){display:none}.cbtn span{display:none}.cbtn{padding:7px 10px}}