.auth-overlay{z-index:130;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b8;padding:24px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.auth-dialog{border:1px solid var(--border-firm);border-radius:var(--radius-lg);background:var(--surface);width:100%;max-width:420px;box-shadow:var(--shadow-card);margin:auto;padding:28px 24px 24px;position:relative}.auth-dialog__close{width:32px;height:32px;color:var(--muted);background:0 0;border:0;border-radius:50%;position:absolute;top:14px;right:14px}.auth-dialog__close:hover{background:var(--hover);color:var(--fg)}.auth-dialog__title{font-size:var(--fs-h2);color:var(--fg-2);text-align:center;margin-bottom:20px}.auth-dialog__providers{flex-direction:column;gap:8px;display:flex}.auth-dialog__provider{height:var(--tap);border:1px solid var(--border-firm);border-radius:var(--radius-sm);background:var(--surface-3);color:var(--fg);font-size:var(--fs-sm);justify-content:center;align-items:center;gap:10px;font-weight:600;display:flex}.auth-dialog__provider:hover{background:var(--surface-hover)}.auth-dialog__icon{flex:none;width:20px;height:20px}.auth-dialog__or{font-size:var(--fs-sm);color:var(--meta);align-items:center;gap:12px;margin:18px 0;display:flex}.auth-dialog__or:before,.auth-dialog__or:after{content:"";background:var(--border);flex:1;height:1px}.auth-dialog__input{width:100%;height:var(--tap);border:1px solid var(--border-firm);border-radius:var(--radius);background:var(--surface-2);color:var(--fg);font:inherit;font-size:var(--fs-sm);outline:none;padding:0 14px}.auth-dialog__input::placeholder{color:var(--meta)}.auth-dialog__input:focus{border-color:var(--accent-border-strong)}.auth-dialog__submit{width:100%;height:var(--tap);border-radius:var(--radius);background:var(--accent);color:#fff;font-size:var(--fs-sm);border:0;margin-top:10px;font-weight:600}.auth-dialog__submit:hover:not(:disabled){background:var(--accent-hover)}.auth-dialog__submit:disabled{opacity:.6;cursor:default}.auth-dialog__resend{width:100%;height:var(--tap);border-radius:var(--radius);background:var(--surface-3);color:var(--muted);font:inherit;font-size:var(--fs-sm);border:0;margin-top:10px;font-weight:600}.auth-dialog__resend:hover:not(:disabled){background:var(--surface-hover);color:var(--fg)}.auth-dialog__resend:disabled{cursor:default}.auth-dialog__change{color:var(--accent-soft);font:inherit;font-size:var(--fs-meta);background:0 0;border:0;margin:12px auto 0;display:block}.auth-dialog__change:hover:not(:disabled){text-decoration:underline}.auth-dialog__note,.auth-dialog__sent,.auth-dialog__error{font-size:var(--fs-meta);color:var(--meta);margin:14px 0 0;line-height:1.5}.auth-dialog__sent{font-size:var(--fs-sm);color:var(--fg);text-align:center;margin:0 0 14px}.auth-dialog__sent b{color:var(--fg-2)}.auth-dialog__error{color:var(--danger-fg)}.auth-dialog__error--code{text-align:center;font-size:var(--fs-sm);margin:-8px 0 12px}
.code-input{justify-content:center;gap:10px;margin:18px 0 20px;display:flex}.code-input__box{border:1px solid var(--border-firm);border-radius:var(--radius);background:var(--surface-2);width:52px;height:60px;color:var(--fg-2);font:inherit;text-align:center;outline:none;font-size:26px;font-weight:700;transition:border-color .12s,background .12s}.code-input__box:focus{border-color:var(--accent);background:var(--surface-3)}@media (max-width:420px){.code-input__box{width:44px;height:54px;font-size:22px}}
.logout{width:var(--tap-sm);height:var(--tap-sm);border:1px solid var(--border-firm);color:var(--muted);background:0 0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.logout svg{width:18px;height:18px}.logout:hover:not(:disabled){background:var(--danger-tint);border-color:var(--danger-border);color:var(--danger-fg)}.logout:disabled{opacity:.6;cursor:default}