/* Original single-card auth surface, backed by native authentication actions. */
.sc-native-auth .sc-login-brand{overflow:hidden;padding:0;background:transparent;box-shadow:none}.sc-native-auth .sc-login-brand img{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit}.sc-native-auth .sc-login-brand .sc-login-logo-dark{display:none}.song-community.dark-theme .sc-native-auth .sc-login-brand .sc-login-logo-light{display:none}.song-community.dark-theme .sc-native-auth .sc-login-brand .sc-login-logo-dark{display:block}
.sc-native-auth{position:relative}.sc-native-auth a{text-decoration:none}.sc-native-auth [hidden]{display:none!important}.sc-native-auth .sc-original-auth{color:var(--sc-ink);font-size:14px;line-height:1.65}.sc-native-auth .sc-auth-heading{padding:12px 0}.sc-native-auth .sc-auth-heading .title-h-left{font-size:22px;line-height:1.4;margin:0 0 8px;color:var(--sc-ink)}.sc-native-auth .sc-auth-heading>a,.sc-native-auth .sc-auth-return{font-size:12px;color:var(--sc-muted)}.sc-native-auth .sc-auth-link-dot{margin:0 8px;color:var(--sc-muted);opacity:.65}.sc-native-auth .sc-native-auth-field{position:relative;display:flex;flex-direction:column;gap:7px;margin:16px 0;min-width:0}.sc-native-auth .scale-placeholder{order:-1;display:block;font-size:13px;color:var(--sc-muted);margin:0;line-height:1.5}.sc-native-auth .line-form-input,.sc-native-auth-qr input{display:block;width:100%;min-width:0;height:48px;padding:11px 44px 11px 13px;border:1px solid var(--sc-line);border-radius:10px;background:var(--sc-bg);color:var(--sc-ink);font:inherit;font-size:15px;line-height:24px;transition:border-color .16s,box-shadow .16s}.sc-native-auth .line-form-input:focus,.sc-native-auth-qr input:focus{outline:none;border-color:var(--sc-green);box-shadow:0 0 0 3px var(--sc-soft)}.sc-native-auth .sc-native-auth-code{display:block;position:relative}.sc-native-auth .sc-native-auth-code>.sc-native-auth-field>.line-form-input{padding-right:125px!important}.sc-native-auth .sc-native-auth-code>.captchsubmit{position:absolute;right:9px;bottom:6px;min-height:36px;margin:0;padding:7px 10px;border:0;border-radius:7px;background:var(--sc-soft);color:var(--sc-green);font-size:12px;cursor:pointer;transition:background-color .16s,color .16s}.sc-native-auth .sc-na-password{position:absolute;right:9px;bottom:0;top:auto;display:flex;align-items:center;justify-content:center;width:32px;height:48px;padding:0;border:0;background:transparent;color:var(--sc-muted);cursor:pointer;border-radius:7px;transition:color .16s,background-color .16s}.sc-native-auth .sc-na-password:hover{color:var(--sc-green)}.sc-native-auth .sc-na-password svg{width:19px;height:19px}.sc-native-auth .sc-na-eye-slash{display:none}.sc-native-auth .sc-na-password[aria-pressed=true] .sc-na-eye-slash{display:block}.sc-native-auth .sc-auth-options{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:16px 0;font-size:12px}.sc-native-auth .sc-auth-options .sc-native-auth-check{margin:0;color:var(--sc-muted)}.sc-native-auth .sc-auth-mode-links{font-size:12px;color:var(--sc-muted)}.sc-native-auth .sc-na-submit-row{padding:12px 0}.sc-native-auth .sc-na-submit-row>.sc-button{font-size:15px;min-height:46px;border-radius:10px;line-height:24px;padding:11px 16px}.sc-native-auth-check{display:flex;align-items:center;gap:8px;font-size:12px;margin:14px 0 0;color:var(--sc-muted)}.sc-native-auth-check input{accent-color:var(--sc-green)}.sc-native-auth-check a{color:var(--sc-green)}.sc-native-auth-status{font-size:12px;line-height:1.7;color:var(--sc-muted);overflow-wrap:anywhere;margin:0 0 12px}.sc-native-auth-status:empty{display:none}.sc-native-auth-status.is-error,[data-na-qr-status].is-error{color:#b64e43}.sc-native-auth-desc{color:var(--sc-muted);font-size:12px;line-height:1.7}.sc-native-auth [data-na-quota]{padding:10px 12px;border:1px solid var(--sc-line);border-radius:9px;background:var(--sc-soft);margin:6px 0 16px}.sc-native-auth .social-separator{display:flex;align-items:center;gap:12px;margin:18px 0 12px;font-size:12px;color:var(--sc-muted)}.sc-native-auth .social-separator:before,.sc-native-auth .social-separator:after{content:'';height:1px;background:var(--sc-line);flex:1}.sc-native-auth .social_loginbar{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0;padding:0;border:0}.sc-native-auth .social_loginbar>a{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:1 1 130px;min-height:42px;padding:8px 12px;border:1px solid var(--sc-line);border-radius:9px;background:var(--sc-soft);font-size:13px;transition:background-color .16s,border-color .16s}.sc-native-auth .social_loginbar>a:hover{border-color:var(--sc-green);background:var(--sc-bg)}.sc-native-auth .social_loginbar .sc-icon{width:18px;height:18px}.sc-auth-social-agreement{font-size:12px;line-height:1.8;color:var(--sc-muted);text-align:center;margin:10px 0 0}.sc-auth-social-agreement a{color:var(--sc-green)}.sc-native-auth-qr{padding:0;border:0;background:none;text-align:center}.sc-native-auth-qr .sc-auth-heading{text-align:left}.sc-auth-return{border:0;background:none;padding:0;cursor:pointer}.sc-native-auth-qr img{max-width:min(220px,100%);height:auto;aspect-ratio:1;margin:18px auto}.sc-native-auth-qr p{font-size:13px;line-height:1.8;color:var(--sc-muted)}.sc-native-auth-qr label{display:block;font-size:13px;text-align:left}.sc-native-auth-qr input{margin:8px 0 14px}.sc-native-auth :disabled{cursor:wait;opacity:.65}.sc-native-auth [aria-busy=true]{opacity:.8}
@media(max-width:480px){.sc-native-auth .line-form-input,.sc-native-auth-qr input{font-size:16px}.sc-native-auth .sc-auth-mode-links{font-size:12px}.sc-native-auth .social_loginbar>a{flex-basis:100px}.sc-native-auth .sc-native-auth-code>.captchsubmit{padding-inline:9px}}
@media(prefers-reduced-motion:reduce){.sc-native-auth *{transition:none!important;animation:none!important}}
/* Keep checkbox dimensions and wrapped agreement text aligned with the first line. */
.sc-native-auth-check{align-items:flex-start;line-height:22px;gap:9px;cursor:pointer}
.sc-native-auth-check input{flex:0 0 18px;width:18px;height:18px;min-height:0;margin:2px 0 0;cursor:pointer;transition:box-shadow .16s ease}
.sc-native-auth-check>span{min-width:0;overflow-wrap:anywhere}
.sc-native-auth-check input:focus-visible{outline:2px solid var(--sc-green);outline-offset:3px;box-shadow:0 0 0 4px var(--sc-soft)}
.sc-native-auth-check a:hover{text-decoration:underline;text-underline-offset:3px}
@media(prefers-reduced-motion:reduce){.sc-native-auth-check input{transition:none}}
.sc-na-restriction-dialog [hidden]{display:none!important}.sc-na-restriction-entry{display:block;margin:14px auto 0;text-align:center;color:var(--sc-green)!important}.sc-na-restriction-dialog button{transition:background-color .16s,border-color .16s,color .16s}.sc-na-restriction-dialog :disabled{cursor:wait;opacity:.65}.sc-na-restriction-dialog [aria-invalid=true]{border-color:#ad5358!important}.sc-na-restriction-dialog :focus-visible{outline:2px solid var(--sc-green,#54965c);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.sc-na-restriction-dialog *{transition:none!important;animation:none!important}}
.sc-na-restriction-dialog.is-reading{min-height:220px}.sc-na-restriction-dialog.is-reading>[data-na-restricted-content]{visibility:hidden}.sc-na-restriction-dialog.is-reading::after{content:'';position:absolute;left:calc(50% - 13px);top:calc(50% - 13px);width:26px;height:26px;border:2px solid #dedee5;border-top-color:#8b8b96;border-radius:50%;animation:sc-restriction-spin .8s linear infinite}
@media(prefers-reduced-motion:reduce){.sc-na-restriction-dialog.is-reading::after{animation:none}}