.social-login-options{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin:10px 0 16px}
.social-login-options[hidden],.social-login-note[hidden]{display:none!important}
.social-login-button{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;min-height:48px;padding:12px 16px;border:1px solid transparent;border-radius:16px;font-family:inherit;font-size:14px;font-weight:600;line-height:1.5;color:#fff;cursor:pointer;touch-action:manipulation;transition:background-color .15s ease,box-shadow .15s ease}
.social-login-button img{width:24px;height:24px;flex-shrink:0}
.social-login-button[data-oauth-provider="line"]{background:#06c755;box-shadow:0 2px 5px rgb(6 199 85 / 16%)}
.social-login-button[data-oauth-provider="line"]:not(:disabled) img{filter:brightness(0) invert(1)}
@media(hover:hover){.social-login-button[data-oauth-provider="line"]:not(:disabled):hover{background:#05b34c;box-shadow:0 3px 8px rgb(6 199 85 / 22%)}}
.social-login-button[data-oauth-provider="line"]:not(:disabled):active{background:#049f43;box-shadow:none}
.social-login-button:disabled{background:#e5e7eb;color:#6b7280;border-color:#d1d5db;opacity:1;cursor:not-allowed;box-shadow:none}
.social-login-button:disabled img{filter:grayscale(1);opacity:.65}
.dark .social-login-button:disabled{background:#374151;color:#d1d5db;border-color:#4b5563}
.social-login-button:focus-visible{outline:3px solid #38bdf8;outline-offset:3px}
.social-login-note{grid-column:1/-1;margin:0;font-size:11px;line-height:1.6;color:#64748b;text-align:center}
.dark .social-login-note{color:#cbd5e1}