.hb{display:none;background:none;border:1px solid var(--line);color:var(--txt);border-radius:999px;width:42px;height:42px;cursor:pointer;padding:0;place-items:center}
.hb i,.hb i:before,.hb i:after{display:block;width:18px;height:2px;background:currentColor;border-radius:2px;position:relative;transition:transform .2s,opacity .2s}
.hb i:before,.hb i:after{content:"";position:absolute;left:0}.hb i:before{top:-6px}.hb i:after{top:6px}
nav.open .hb i{background:transparent}nav.open .hb i:before{transform:translateY(6px) rotate(45deg)}nav.open .hb i:after{transform:translateY(-6px) rotate(-45deg)}
.gate input{max-width:320px}
@media(max-width:800px){nav:not(.open) .links{display:none}nav{position:relative;flex-wrap:wrap;gap:10px}.hb{display:grid}
 nav>div:last-child{gap:8px}nav>div:last-child .btn:not(.p){display:none}
 nav.open .links{display:flex;flex-direction:column;gap:0;position:absolute;top:100%;left:0;right:0;z-index:50;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:8px;box-shadow:0 12px 40px #0006}
 nav.open .links a{padding:12px 14px;border-radius:12px;font-size:16px}nav.open .links a:hover{background:var(--line)}}
@media(max-width:420px){nav>div:last-child .btn.p{padding:10px 14px}.logo{font-size:18px}}
@media(prefers-reduced-motion:reduce){.hb i,.hb i:before,.hb i:after{transition:none}}
.addr{flex-wrap:wrap}.addr code{word-break:break-all;min-width:0}