.auth-bar{position:relative;z-index:40;display:flex;justify-content:flex-end;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 18px}.auth-bar button{width:auto}.auth-user{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line,rgba(255,255,255,.12));border-radius:999px}.auth-user small{text-transform:uppercase;letter-spacing:.08em;color:var(--accent,#9cff57);font-weight:800}.auth-backdrop{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.72);display:grid;place-items:center;padding:18px}.auth-modal{width:min(460px,100%);position:relative;background:#11151d;border:1px solid rgba(255,255,255,.15);border-radius:22px;padding:28px;box-shadow:0 24px 90px rgba(0,0,0,.55)}.auth-modal h2{font-size:30px;margin:8px 0}.auth-copy{color:#9ba4b5;line-height:1.5}.auth-modal form{display:grid;gap:14px;margin-top:20px}.auth-modal label{display:grid;gap:7px;font-weight:700}.auth-modal input{width:100%;box-sizing:border-box}.auth-close{position:absolute;right:15px;top:12px;width:40px;height:40px;border-radius:50%;font-size:24px;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.15)}.auth-submit{width:100%;margin-top:2px}.auth-status{min-height:22px;color:#9ba4b5;font-size:14px}.auth-status.err{color:#ff8f8f}.auth-status.ok{color:#9cff57}.auth-switch{text-align:center;margin-top:18px;color:#9ba4b5}.auth-switch button{background:none;border:0;color:#9cff57;font:inherit;font-weight:800;padding:0;cursor:pointer}@media(max-width:600px){.auth-bar{justify-content:center}.auth-bar button{flex:1}.auth-modal{padding:22px}}