.signup-main{padding-top:48px;padding-bottom:70px;min-height:calc(100vh - 180px)}
.signup-panel{width:min(100%,420px);margin:0 auto;text-align:center}
.signup-back{display:flex;align-items:center;gap:5px;width:fit-content;font-size:12px;color:var(--muted);margin-bottom:34px}
.signup-logo{display:block;width:142px;height:auto;margin:0 auto 23px}
.signup-kicker{display:block;color:#9c8aaa;font-size:12px;margin-bottom:9px}
.signup-panel h1{font-size:25px;line-height:1.5;letter-spacing:-.7px;font-weight:500}
.signup-intro{color:var(--muted);font-size:14px;margin-top:9px}
.signup-providers{display:grid;gap:11px;margin-top:32px}
.signup-provider{position:relative;display:flex;align-items:center;justify-content:center;min-height:52px;border-radius:9px;font-size:14px;font-weight:500;border:1px solid transparent;transition:filter .15s,background .15s}
.signup-provider svg{position:absolute;left:19px}
.signup-kakao{background:#fee500;color:#191600}
.signup-kakao:hover{filter:brightness(.97)}
.signup-google{background:#fff;border-color:#dddde3;color:#3c4043}
.signup-google:hover{background:#f8f8fa}
.signup-provider:focus-visible,.signup-panel a:focus-visible{outline:2px solid #aa8bd2;outline-offset:4px}
.signup-status{min-height:44px;margin:18px 0 26px;color:#96909b;font-size:12px;line-height:1.8;word-break:keep-all}
.signup-browse{display:flex;align-items:center;justify-content:center;gap:7px;color:#81708f;font-size:13px;text-decoration:underline;text-underline-offset:4px}
.signup-terms{display:inline-block;font-size:11px;color:#a5a0aa;margin-top:34px}
@media(max-width:560px){.signup-main{padding:30px 24px 50px}.signup-back{margin-bottom:30px}.signup-panel h1{font-size:23px}}

.signup-logo{width:149px;height:53px;object-fit:contain}

/* Signup controls: independent birthday choices and larger click targets. */
.signup-panel{width:min(100%,460px)}
.signup-main{padding-top:32px}
.signup-back{min-height:44px;margin-bottom:16px;font-size:13px}
.signup-logo{margin-bottom:16px}
#signup-age-gate{margin:24px 0;text-align:left;gap:16px}
#new-member-fields{display:grid;gap:16px}
#new-member-fields[hidden],#guardian-instructions[hidden],#signup-email-label[hidden]{display:none}
.signup-birthday{border:0;padding:0;margin:0;min-width:0}
.signup-birthday legend{padding:0;margin-bottom:10px;font-size:14px;font-weight:500}
.signup-birthday-fields{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:10px}
.signup-panel .signup-birthday select,.signup-panel .account-form input:not([type=checkbox]):not([type=hidden]){width:100%;min-width:0;height:54px;border:1px solid var(--line);border-radius:9px;background:var(--paper,#fff);color:var(--ink);padding:0 14px;font:inherit;font-size:16px}
.signup-panel .signup-check{display:flex;align-items:center;gap:12px;min-height:52px;padding:10px 12px;cursor:pointer;border-radius:9px;background:var(--soft,#f6f5f8);font-size:14px;line-height:1.6}
.signup-panel .signup-check input[type=checkbox]{width:20px;height:20px;flex:0 0 20px;margin:0;accent-color:var(--purple,#7954ce)}
.signup-panel .signup-consent{background:transparent;padding-left:0;padding-right:0}
.signup-panel .signup-consent a{text-decoration:underline;text-underline-offset:3px}
.signup-panel .signup-provider{min-height:56px;font-size:16px}
.signup-providers{margin-top:20px}
.signup-panel .account-form button{min-height:48px;font-size:14px}
.signup-panel .account-note{margin:0;font-size:12px;line-height:1.65}
.signup-panel .account-status:empty{display:none}
.signup-status{min-height:20px;margin:12px 0 16px}
.signup-panel select:focus-visible,.signup-panel input:focus-visible{outline:2px solid var(--purple,#7954ce);outline-offset:3px}
.signup-browse{min-height:44px}
@media(max-width:560px){.signup-main{padding:20px 20px 40px}.signup-birthday-fields{gap:8px}.signup-panel h1{font-size:23px}.signup-panel .signup-birthday select{padding:0 10px}.signup-panel .signup-check{font-size:13px}}

.signup-mode{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);margin-bottom:8px}.signup-panel .signup-mode button{min-height:48px;border-radius:0;background:transparent;color:var(--muted);border-bottom:2px solid transparent}.signup-panel .signup-mode button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--ink)}

.signup-providers [hidden]{display:none!important}#google-signup-button{display:flex;justify-content:center;min-height:44px}.signup-panel .email-account{margin-top:20px;padding-top:0;border-top:0}.signup-providers{margin-top:24px}.signup-providers:before{content:"또는";display:block;color:var(--muted);font-size:12px;margin-bottom:4px}.signup-panel #email-mode{font-size:12px}