.connected-app:has(#connection-auth:not([hidden])){background:radial-gradient(ellipse at 12% 18%,#dcefff 0,transparent 42%),radial-gradient(ellipse at 88% 82%,#f8dfef 0,transparent 44%),#f7f6fc;color:#282b47}
.connection-auth{max-width:1100px;width:100%;box-sizing:border-box;display:grid;grid-template-columns:minmax(250px,.9fr) minmax(330px,1fr);gap:clamp(36px,7vw,96px);align-items:center;padding:38px 42px 48px;scrollbar-gutter:stable}
.auth-welcome{align-self:center;padding-bottom:30px}.connection-auth .auth-brand{display:block;margin-bottom:24px}.connection-auth .auth-brand img{height:86px;width:86px;border-radius:23px;box-shadow:0 10px 28px #7970ae20;margin-bottom:22px}.connection-auth .auth-brand h1{font-size:42px;line-height:1.25;color:#4c3981;letter-spacing:-1.7px}.auth-welcome>h2{font-size:30px;font-weight:650;line-height:1.55;letter-spacing:-1.2px;margin:0 0 18px}.auth-welcome>p{font-size:15px;line-height:1.9;color:#64677d;max-width:330px}.auth-welcome-note{display:flex;gap:8px;align-items:center;margin-top:30px;font-size:13px;color:#69647d}.auth-welcome-note svg{width:18px;height:18px;flex:none}
.auth-panel{align-self:center;background:#fff;border:1px solid #e3dff0;border-radius:24px;padding:32px;box-shadow:0 16px 52px #50417b0b;min-width:0}.auth-panel-intro>span{display:block;font-size:12px;color:#746296;letter-spacing:.1px;margin-bottom:6px}.auth-panel-intro h2{font-size:24px;letter-spacing:-.8px;margin:0 0 8px}.auth-panel-intro>p{font-size:13px;color:#747488;margin:0 0 24px;line-height:1.6}.auth-service-notice{padding:10px 12px;border-radius:9px;font-size:12px;line-height:1.6;background:#f5f2fb;color:#655382;margin:0 0 18px}
.auth-methods h2{font-size:14px;margin:0 0 12px;font-weight:600}.auth-methods .social-login-buttons{display:grid;gap:10px}.auth-methods .social-login-buttons button{min-width:0;width:100%;min-height:48px;border:1px solid #dddfe8;border-radius:11px;display:flex;align-items:center;justify-content:center;position:relative;padding:12px 40px;font-weight:600;font-size:14px;background:#fff;color:#303345}.social-provider-icon{position:absolute;left:18px;display:grid;place-items:center;width:22px;height:22px;font-family:Arial,sans-serif;font-size:20px;font-weight:800}.social-provider-google{color:#4285f4}.auth-methods .social-login-buttons [data-social-provider=naver]{background:#03c75a;border-color:#03c75a;color:#fff}.social-provider-naver{color:#fff;font-size:18px}.auth-methods .social-login-buttons [data-social-provider=kakao]{background:#fee500;border-color:#fee500;color:#242424}.auth-methods .social-login-buttons button:disabled{opacity:1;background:#f7f7fb;color:#898594;border-color:#e9e6ef;cursor:not-allowed}.auth-methods .social-login-buttons button:disabled .social-provider-icon{opacity:.58}.auth-methods #social-availability{font-size:11px;line-height:1.7;color:#797487;margin:12px 0 0}
.auth-divider{display:flex;align-items:center;gap:14px;font-size:11px;color:#786d84;margin:20px 0}.auth-divider:before,.auth-divider:after{content:'';height:1px;flex:1;background:#eeebf3}.auth-panel .auth-phone-choice{width:100%;min-height:48px;border:1px solid #cfc7e5;background:#fff;color:#5c4785;border-radius:11px;font-weight:650;font-size:14px}.auth-panel .auth-back{border:0;padding:2px 0 14px;font-size:12px;color:#756583;background:transparent}.auth-steps{list-style:none;display:flex;gap:20px;margin:0 0 24px;padding:0;color:#aaa3b3;font-size:12px}.auth-steps li{display:flex;gap:7px;align-items:center}.auth-steps li>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#f2eff6;font-size:11px;font-weight:700}.auth-steps [aria-current=step]{color:#6544a1;font-weight:700}.auth-steps [aria-current=step]>span{background:#6544a1;color:#fff}
.auth-phone-form{margin:0;padding:0;border:0;background:none}.auth-phone-form h3{font-size:18px;margin:0 0 7px;letter-spacing:-.4px}.auth-phone-form p,.auth-phone-form label{font-size:12px;line-height:1.7}.auth-phone-form .auth-field{display:grid;gap:7px;margin:18px 0;color:#514c61}.auth-panel input:not([type=checkbox]){box-sizing:border-box;min-height:46px;width:100%;min-width:0;border:1px solid #dcd6e8;border-radius:9px;padding:11px 13px;background:#fff;color:#2f2941;font-size:16px;outline-offset:3px}.auth-panel input:focus{border-color:#8b6dc0}.auth-panel .primary{display:block;width:100%;min-height:46px;border:0;border-radius:10px;background:#6944aa;color:#fff;font-size:14px;font-weight:650;margin-top:18px}.auth-panel .primary:disabled{background:#e9e3f1;color:#9385a4;opacity:1;cursor:not-allowed}.auth-panel button:focus-visible,.auth-panel summary:focus-visible{outline:3px solid #a589d9;outline-offset:3px}.auth-phone-summary{display:flex;gap:10px;align-items:center;margin:12px 0}.auth-phone-summary p{flex:1;color:#777084;margin:0;overflow-wrap:anywhere}.auth-phone-summary button{flex:none;font-size:11px;color:#715595;text-decoration:underline;padding:5px 0}.auth-phone-form .connection-profile-names{gap:10px}.auth-phone-form .connection-profile-names label{margin:8px 0}.auth-phone-form .auth-profile-hint{font-size:11px;color:#776b82;margin:0}
.auth-panel .signup-privacy{border-top:1px solid #eeebf3;padding-top:17px;margin-top:22px}.auth-panel .signup-privacy>strong{font-size:12px;font-weight:600}.auth-panel .signup-privacy>p{font-size:11px;color:#776b82;margin:6px 0;line-height:1.6}.auth-panel .signup-privacy summary{font-size:11px;color:#766585;line-height:1.6}.auth-panel .signup-privacy details{margin-block:10px}.auth-panel .signup-privacy details h4{font-size:12px;margin:16px 0 5px}.auth-panel .signup-privacy details p{font-size:12px;color:#696071}.auth-panel .signup-privacy .connection-inline-check{font-size:12px;color:#5a5068;margin:9px 0;min-height:28px;align-items:center}.auth-panel .signup-privacy .connection-inline-check input{margin:0;accent-color:#704da5}.auth-panel .signup-privacy>a{display:inline-block;font-size:11px;color:#82629e;margin-top:4px}.auth-feedback{padding:11px 13px;background:#f1f6fc;color:#386184;border-radius:9px;font-size:12px;line-height:1.7;margin-top:16px}.auth-feedback.is-error{background:#fff0ee;color:#a33d39}
.auth-existing{border-top:1px solid #eeebf3;margin-top:24px;padding-top:18px}.auth-existing>summary{font-size:12px;color:#817287;cursor:pointer;list-style:none;text-align:center;line-height:1.8}.auth-existing>summary:after{content:'⌄';margin-left:7px}.auth-existing[open]>summary:after{content:'⌃'}.auth-existing .connection-card{padding:14px;margin:14px 0;border-color:#e9e3f0;border-radius:10px}.auth-existing .connection-card summary{font-size:12px;color:#61516e;cursor:pointer}.auth-existing .connection-card p{font-size:11px;color:#817487}.auth-existing #retry-login{display:block;margin:14px auto 0;color:#70558a;font-size:12px}.auth-panel-footer{font-size:10px;color:#776a85;text-align:center;margin-top:22px}.auth-panel-footer a{color:inherit;text-decoration:none}
@media(max-width:780px){.connection-auth{grid-template-columns:1fr;align-content:start;gap:22px;padding:26px 20px 40px;max-width:500px}.auth-welcome{padding:0;text-align:center}.connection-auth .auth-brand{display:flex;justify-content:center;align-items:center;gap:10px;margin:0 0 12px}.connection-auth .auth-brand img{width:48px;height:48px;border-radius:13px;margin:0}.connection-auth .auth-brand h1{font-size:30px;letter-spacing:-1px}.auth-welcome>h2{font-size:19px;line-height:1.4;margin:0}.auth-welcome>h2 br{display:none}.auth-welcome>p,.auth-welcome-note{display:none}.auth-panel{padding:25px 23px;border-radius:20px;align-self:start}.auth-panel-intro h2{font-size:21px}.auth-panel-intro>p{margin-bottom:20px}.auth-panel-intro>span{display:none}}
@media(max-width:360px){.connection-auth{padding:20px 12px 30px}.auth-panel{padding:22px 18px}.auth-steps{gap:14px}.auth-panel-intro h2{font-size:20px}}
html[data-low-vision=true] .auth-panel{font-size:18px}html[data-low-vision=true] .auth-panel :is(p,label,summary,button){font-size:max(1em,16px)}
html[data-contrast=high] .auth-panel,html[data-contrast=high] .auth-service-notice,html[data-contrast=high] .auth-feedback{background:var(--skin-surface);color:var(--skin-text);border:1px solid var(--skin-border);box-shadow:none}html[data-contrast=high] .connected-app:has(#connection-auth:not([hidden])){background:var(--skin-bg)}html[data-contrast=high] .auth-welcome>h2{color:var(--skin-text)}
@media(forced-colors:active){.auth-panel,.auth-panel input,.auth-panel button{border:1px solid ButtonText}.auth-panel :is(.primary,.auth-phone-choice){background:ButtonFace;color:ButtonText}}

#auth-choice:has(#social-name-form) :is(.social-method-options,.auth-divider,#start-phone-signup){display:none}#social-return-result h3{font-size:18px;line-height:1.5;letter-spacing:-.4px;margin:0 0 12px}#social-return-result>p{font-size:12px;color:#74687f;line-height:1.8;margin-bottom:18px}#social-name-form label{display:grid;gap:7px;font-size:12px;color:#514c61}#social-name-form .auth-social-cancel{display:block;margin:12px auto 0;min-height:40px;font-size:12px;color:#746080}

.auth-panel .auth-resend{display:block;margin:-8px 0 14px auto;min-height:38px;padding:4px 0 4px 12px;color:#72598c;font-size:12px;text-decoration:underline;text-underline-offset:3px}.auth-panel .auth-resend:disabled{color:#9a90a5}

.auth-methods .social-login-buttons [data-social-provider=naver]:disabled .social-provider-icon{color:#12864c;opacity:1}@media(max-width:780px){.auth-welcome>h2{display:flex;justify-content:center;flex-wrap:wrap;column-gap:.3em}}