@layer service{fieldset.auth-genders{border:0;min-width:0;margin:0;padding:0}.auth-page{width:100%;max-width:var(--layout-width-form);background:var(--color-bg-default);flex-direction:column;min-height:100dvh;margin-inline:auto;display:flex}.auth-page>.page-title{padding-inline:var(--spacing-4)}.auth-login-content{gap:var(--spacing-8);padding:var(--spacing-8) var(--spacing-4) max(var(--spacing-8), env(safe-area-inset-bottom));display:grid}.auth-intro{justify-items:center;gap:var(--spacing-5);text-align:center;display:grid}.auth-intro h1,.auth-step h1{font-size:var(--font-pageTitle-size);font-weight:var(--font-pageTitle-weight);line-height:var(--font-pageTitle-line);word-break:keep-all;overflow-wrap:anywhere}.auth-intro>p,.auth-step>p,.auth-progress>p,.auth-field small{color:var(--color-text-secondary);font-size:var(--font-bodySmall-size);line-height:var(--font-bodySmall-line);word-break:keep-all}.auth-illustration{justify-content:center;align-items:center;gap:var(--spacing-6);width:100%;max-width:260px;min-height:148px;padding:var(--spacing-6);border-radius:var(--radius-lg);background:var(--color-brand-subtle);display:flex}.auth-illustration img{object-fit:contain;width:100%;height:auto}.auth-actions,.auth-field{gap:var(--spacing-3);display:grid}.kakao-login{width:100%}.kakao-login .ds-button-label{justify-content:center;align-items:center;display:flex}.kakao-login img{width:var(--size-icon);height:var(--size-icon);object-fit:contain;flex-shrink:0;max-width:100%;display:block}.auth-term{justify-content:space-between;align-items:center;gap:var(--spacing-2);display:flex}.auth-term>:first-child{flex:1;min-width:0}.auth-signup-content{gap:var(--spacing-8);padding:var(--spacing-4);flex-direction:column;flex:1;display:flex}.auth-progress,.auth-step{gap:var(--spacing-5);display:grid}.auth-step{gap:var(--spacing-6);flex-direction:column;flex:1;display:flex}.auth-step>.auth-bottom-action{padding:var(--spacing-4);margin-top:auto}.auth-phone-step,.auth-phone-form{flex-direction:column;flex:1;display:flex}.auth-bottom-action{padding-top:var(--spacing-6);padding-bottom:env(safe-area-inset-bottom);margin-top:auto}.auth-genders{gap:var(--spacing-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.auth-interests{gap:var(--spacing-3);display:grid}.auth-option{padding:var(--spacing-3) var(--spacing-4);border:var(--size-border) solid var(--color-border-default);border-radius:var(--radius-md);align-items:center;display:flex}.auth-option:has(input:checked){background:var(--color-selection-bg);border-color:var(--color-selection-border)}.auth-footer{padding:var(--spacing-5) var(--spacing-4) max(var(--spacing-4), env(safe-area-inset-bottom));background:var(--color-bg-default)}.auth-agreements{gap:var(--spacing-5);display:grid}.auth-agreement-description,.auth-agreement-note{color:var(--color-text-secondary);font-size:var(--font-bodySmall-size);line-height:var(--font-bodySmall-line);word-break:keep-all;margin:0}.auth-agreement-all{padding:var(--spacing-4);font-weight:var(--font-label-weight)}.auth-agreement-list{display:grid}.auth-agreement-list .auth-term{padding-block:var(--spacing-3);border-bottom:var(--size-border) solid var(--color-border-default)}.auth-agreement-list .auth-term:last-child{border-bottom:0}.auth-complete-symbol{padding:var(--spacing-5);background:var(--color-brand-subtle);border-radius:var(--radius-lg);place-items:center;display:grid}.auth-complete-copy{gap:var(--spacing-2);display:grid}.auth-complete-copy strong{font-size:var(--font-subheading-size);font-weight:var(--font-title-weight);line-height:var(--font-subheading-line)}.auth-complete-copy p{font-size:var(--font-bodySmall-size);color:var(--color-text-secondary);line-height:var(--font-bodySmall-line);margin:0}.auth-complete{justify-items:center;gap:var(--spacing-5);text-align:center;display:grid}.auth-complete>a{width:100%}.auth-code-field{gap:var(--spacing-3);display:grid;position:relative}.auth-code-field input{padding-inline-end:88px}.auth-countdown{inset-inline-end:var(--spacing-4);top:calc(var(--font-body-line) + var(--spacing-2));height:var(--size-control);pointer-events:none;color:var(--color-text-secondary);font-variant-numeric:tabular-nums;align-items:center;display:flex;position:absolute}.auth-help-link{text-underline-offset:4px;justify-self:start;text-decoration:underline}.auth-feedback{animation:auth-feedback-in var(--motion-duration-slow) ease-out}@keyframes auth-feedback-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.auth-feedback{animation:none}}.auth-cta-notice{width:max-content;max-width:calc(100% - 2 * var(--layout-inset-page));padding-bottom:var(--spacing-2);animation:auth-toast-in var(--motion-duration-slow) ease-out;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.auth-toast{z-index:100;bottom:max(var(--spacing-6), env(safe-area-inset-bottom));width:min(100% - 32px,432px);animation:auth-toast-in var(--motion-duration-slow) ease-out;transition:opacity var(--motion-duration-slow), translate var(--motion-duration-slow);position:fixed;left:50%;transform:translate(-50%)}.auth-toast[data-visible=false]{opacity:0;pointer-events:none;translate:0 12px}.auth-step-enter{animation:auth-feedback-in var(--motion-duration-slow) ease-out}.auth-step h1:focus{outline:none}@keyframes auth-toast-in{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0}}@media (prefers-reduced-motion:reduce){.auth-cta-notice,.auth-toast,.auth-step-enter{transition:none;animation:none}}}@media (max-width:767px){:is(html:has(.auth-page),body:has(.auth-page)){scrollbar-width:none}html:has(.auth-page)::-webkit-scrollbar{display:none}body:has(.auth-page)::-webkit-scrollbar{display:none}}