.gate-dialog button:focus-visible{outline:2px solid var(--purple);outline-offset:3px}.gate-dialog label:has(input:focus-visible){outline:2px solid var(--purple);outline-offset:3px}.gate-overlay{z-index:70;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05040bc7;position:fixed;inset:0}.gate-dialog{z-index:71;width:min(100vw - 48px,342px);color:var(--white);background:#17151e;border:1px solid #5a5366;border-radius:22px;max-height:calc(100dvh - 32px);padding:24px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 24px 80px #0000008c}.gate-dialog h2{font-size:var(--fs-head);letter-spacing:var(--ls-tight);font-weight:700;line-height:var(--lh-head);margin:0;padding-right:40px}.gate-dialog p{color:var(--muted);font-size:var(--fs-sm);line-height:var(--lh-sm);margin:10px 0 0}.gate-primary{background:var(--lime);color:#0b0b0e;cursor:pointer;width:100%;height:50px;font-size:var(--fs-sm);border-radius:15px;margin-top:16px;font-weight:700}.gate-primary:disabled{cursor:default;opacity:.38}.gate-close{width:32px;height:32px;color:var(--white);cursor:pointer;font-size:var(--fs-title);letter-spacing:var(--ls-tight);background:#ffffff14;border-radius:50%;place-items:center;line-height:1;display:grid;position:absolute;top:12px;right:12px}.gate-overlay[data-state=open]{animation:.18s ease-out gate-overlay-in}.gate-overlay[data-state=closed]{animation:gate-overlay-out .14s var(--ease-move)}.gate-dialog[data-state=open]{animation:.26s cubic-bezier(.22,1,.36,1) gate-dialog-in}.gate-dialog[data-state=closed]{animation:gate-dialog-out .16s var(--ease-move)}@media (min-width:900px){.gate-dialog{width:min(100vw - 96px,420px)}}@media (hover:hover) and (pointer:fine){.gate-primary:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0003}}.gate-primary:active{transform:translateY(0)scale(.98)}.gate-primary{transition:color .16s,background-color .16s,border-color .16s,transform .16s,box-shadow .18s}@keyframes gate-overlay-in{0%{opacity:0}}@keyframes gate-overlay-out{to{opacity:0}}@keyframes gate-dialog-in{0%{opacity:0;transform:translate(-50%,calc(14px - 50%))scale(.96)}}@keyframes gate-dialog-out{to{opacity:0;transform:translate(-50%,calc(8px - 50%))scale(.98)}}.gate-oauth{flex-direction:column;gap:8px;margin:14px 0 4px;display:flex}.gate-oauth-btn{border:1px solid var(--line);background:var(--panel);color:var(--muted);font-size:var(--fs-sm);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 14px;font-weight:700;display:flex}.gate-oauth-btn:hover{color:var(--white)}.gate-divider{color:var(--muted);font-size:var(--fs-caption);align-items:center;gap:10px;margin:4px 0;display:flex}.gate-divider i{background:var(--line);flex:1;height:1px}.gate-form{flex-direction:column;gap:10px;margin-top:6px;display:flex}.gate-input{border:1px solid var(--line);background:var(--dark);width:100%;color:var(--white);font-size:var(--fs-body);border-radius:12px;padding:12px 14px}.gate-input:focus{outline:2px solid var(--lime);outline-offset:1px;border-color:#0000}.gate-hint{color:var(--muted);font-size:var(--fs-sm);margin:0;line-height:1.5}.gate-hint strong{color:var(--white)}.gate-error{color:#ffb3aa;font-size:var(--fs-sm)}.gate-secondary{color:var(--muted);font-size:var(--fs-sm);cursor:pointer;background:0 0;border:0;padding:8px;font-weight:700}