.hdr{position:fixed;left:0;right:0;top:env(safe-area-inset-top,0px);z-index:60;border-bottom:1px solid transparent;transition:background .4s var(--ease),border-color .4s,backdrop-filter .4s}
.hdr.solid{background:rgba(11,13,18,.62);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border-bottom-color:var(--line)}
.hdr .wrap{display:flex;align-items:center;gap:40px;height:74px}
.brand{display:flex;align-items:center;gap:10px;flex:none}
.brand svg{width:34px;height:34px}
.brand b{font-family:var(--f-h);font-weight:700;font-size:19px;letter-spacing:-.02em}
.brand b span{color:var(--p)}
.nav{display:flex;gap:26px}
.nav a{position:relative;padding:6px 0;font-size:14px;font-weight:600;color:#a9b0bd;transition:color .25s}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;border-radius:2px;background:var(--p);transform:scaleX(0);transition:transform .35s var(--ease)}
.nav a:hover{color:#fff}
.nav a.on{color:#fff}
.nav a.on::after{transform:scaleX(1)}
.hd-r{margin-left:auto;display:flex;align-items:center;gap:10px}
.user-pill{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 14px 0 4px;border-radius:999px;border:1px solid var(--line-2);background:rgba(255,255,255,.04);font-size:13px;font-weight:700;cursor:pointer;transition:background .2s}
.user-pill:hover{background:rgba(255,255,255,.08)}
.user-pill .av{width:32px;height:32px;font-size:11px}
.burger{display:none;width:40px;height:40px;border-radius:10px;border:1px solid var(--line-2);background:none;cursor:pointer;place-items:center}
.burger i{display:block;width:16px;height:1.5px;background:currentColor;box-shadow:0 5px 0 currentColor,0 -5px 0 currentColor}
@media (max-width:980px){.nav{display:none}.burger{display:grid}}
@media (max-width:560px){.hd-r .btn span,.user-pill span:not(.av){display:none}.hd-r .btn{width:40px;padding:0}.user-pill{padding:0 4px}.hd-r .ic-btn{display:none}}
.mnav{position:fixed;inset:0;z-index:58;background:var(--bg);display:grid;align-content:center;gap:4px;padding:90px var(--gr) 40px var(--gl);opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .35s var(--ease),transform .45s var(--ease)}
.mnav.on{opacity:1;transform:none;pointer-events:auto}
.mnav a{font-family:var(--f-h);font-weight:700;font-size:28px;padding:6px 0}