.gcancel{display:none;margin:10px auto 0;color:var(--muted);font-size:14px}
.gate.rename .gcancel{display:block}
.nin.locked{opacity:.5;pointer-events:none}

/* name gate: a name, not an email */
.gate{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(10,23,35,.86);backdrop-filter:blur(14px)}
.gate.open{display:flex}
.gbox{width:min(440px,100%);text-align:center;animation:pop .5s cubic-bezier(.2,.9,.3,1.3)}
@keyframes pop{from{opacity:0;transform:translateY(20px) scale(.97)}}
.gbox svg{width:84px;height:84px;margin-bottom:18px}
.gbox h2{font-size:clamp(30px,6vw,40px);line-height:1.05}
.gbox p{color:var(--muted);margin:12px 0 22px;line-height:1.5}
.nin{display:flex;gap:8px;background:var(--ink2);border:1.5px solid var(--line);border-radius:18px;padding:6px;transition:border-color .2s}
.nin:focus-within{border-color:var(--blue)}
.nin input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--paper);font:500 20px Inter,sans-serif;padding:10px 12px}
.nin button{width:46px;border-radius:13px;background:rgba(244,241,234,.08);font-size:20px}
.nerr{min-height:22px;font-size:13px;color:#FFB3A7;margin:8px 0 6px}
.gbox .btn{width:100%;padding:16px;font-size:16px}
.gbox small{display:block;color:var(--muted);margin-top:14px;font-size:12px}