/* The entry button is provider-neutral; the dialog makes the choice explicit. */
[data-auth-login] .auth-google-glyph { display:none; }
[data-auth-login]::before {
  content:''; width:18px; height:18px; flex:0 0 18px;
  background:currentColor;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M4 21v-2a8 8 0 0 1 16 0v2' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E") center/contain no-repeat;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M4 21v-2a8 8 0 0 1 16 0v2' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E") center/contain no-repeat;
}
.auth-provider-dialog {
  position:fixed; inset:0; margin:auto; width:min(380px,calc(100% - 32px));
  max-height:calc(100dvh - 40px); padding:0; overflow:auto;
  border:1px solid #45483b; border-radius:24px; background:#171916; color:#f5f4ef;
  box-shadow:0 24px 90px #0008; font-family:inherit;
}
.auth-provider-dialog::backdrop { background:rgba(5,7,6,.7); }
.auth-provider-card { padding:28px; display:grid; gap:12px; }
.auth-provider-card h2 { margin:0 0 10px; font:800 25px/1.3 Inter,system-ui,sans-serif; color:#f5f4ef; }
.auth-provider-card button { width:100%; min-height:52px; padding:12px; border:1px solid transparent; border-radius:12px; font:700 15px/1.4 Inter,system-ui,sans-serif; cursor:pointer; }
.auth-provider-card [data-provider="kakao"] { background:#fee500; color:#191600; }
.auth-provider-card [data-provider="google"] { background:#fff; color:#202124; }
.auth-provider-card [data-close] { background:transparent; color:#c2c5bb; min-height:40px; }
.auth-provider-card button:focus-visible { outline:3px solid #d8f233; outline-offset:3px; }
@media(max-width:760px) { .auth-google-nav [data-auth-label] { display:none; } }