.scrim{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#171b2680;place-items:center;padding:20px;display:none;position:fixed;inset:0}.scrim.on{animation:.2s auth-modal-fade;display:grid}.modal{background:var(--surface);width:100%;max-width:380px;box-shadow:var(--shadow-lg,0 24px 60px -24px #171b2657);text-align:center;border-radius:20px;padding:30px;animation:.28s cubic-bezier(.2,.8,.3,1) auth-modal-pop}.modal h3{letter-spacing:-.02em;margin:0;font-size:21px}.modal p{color:var(--ink-soft);margin:8px 0 22px;font-size:13.5px}.modal .x{float:right;color:var(--ink-faint);cursor:pointer;background:0 0;border:0;margin:-10px -8px 0 0;font-size:20px;line-height:1;position:relative}.modal .auth-action{width:100%;display:grid}.oauth{width:100%;height:var(--button-height);border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:10px;margin-bottom:10px;padding:0 12px;font-size:14px;font-weight:600;transition:all .14s;display:flex;position:relative}.oauth:hover:not(:disabled){border-color:var(--ink);background:var(--surface-2)}.oauth:disabled{cursor:not-allowed;opacity:.52}.provider-mark{flex:none;width:18px;height:18px;display:block}.modal .auth-error{max-width:none;margin:-3px 0 8px}@keyframes auth-modal-fade{0%{opacity:0}to{opacity:1}}@keyframes auth-modal-pop{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:none}}