.auth{width:100%;max-width:440px;margin:var(--space-12) auto 0}.auth-heading{margin-bottom:var(--space-40);text-align:center}.auth-heading h1{font-family:var(--font-serif);font-size:var(--text-page-display);font-weight:var(--weight-regular);line-height:var(--leading-15)}.auth-heading p{margin-top:var(--space-14);color:var(--muted);font-size:var(--text-description);line-height:var(--leading-1)}.auth-kakao,.auth-submit{width:100%;min-height:var(--control-height);padding:var(--space-14) var(--space-20);border-radius:var(--radius-md);font-size:var(--text-body);font-weight:var(--weight-medium);cursor:pointer;transition:background var(--duration-150);border:0;justify-content:center;align-items:center;display:flex}.auth-kakao{background:var(--color-kakao);color:var(--color-kakao-ink);position:relative}.auth-kakao svg{left:var(--space-20);width:24px;height:24px;position:absolute}.auth-kakao:hover:not(:disabled){background:var(--color-kakao-hover)}.auth-divider{align-items:center;gap:var(--space-16);margin:var(--space-28) 0;color:var(--muted);font-size:var(--text-label);display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.auth-form{gap:var(--space-20);display:grid}.auth-field{gap:var(--space-10);display:grid}.auth-field label{font-size:var(--text-small);color:var(--muted);font-weight:var(--weight-regular)}.auth-field input{box-sizing:border-box;width:100%;min-width:0;height:var(--control-height);padding:0 var(--space-18);border:var(--border-thin) solid var(--line);border-radius:var(--radius-md);background:rgba(var(--ink-rgb),.04);color:var(--ink);font-size:var(--text-body);transition:border-color var(--duration-150);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;display:block}.auth-field input::placeholder{color:var(--muted);opacity:.65}.auth-field input:hover{border-color:var(--muted)}.auth-field input:focus-visible{outline:var(--focus-width) solid var(--ink);outline-offset:var(--space-2)}.auth-field input[aria-invalid=true]{border-color:var(--color-error-border)}.auth-password{position:relative}.auth-password input{padding-right:var(--space-72)}.auth-reveal{min-width:58px;height:44px;padding:0 var(--space-8);border-radius:var(--radius-xs);color:var(--muted);font-size:var(--text-label);cursor:pointer;background:0 0;border:0;position:absolute;top:6px;right:4px}.auth-reveal:hover{color:var(--ink)}.auth-error{color:var(--color-error-soft);font-size:var(--text-label);line-height:var(--leading-2)}.auth-submit{margin-top:var(--space-8);background:var(--ink);color:var(--btn-ink)}.auth-submit:hover:not(:disabled){background:var(--color-button-hover-warm)}.auth-kakao:disabled,.auth-submit:disabled{opacity:.6;cursor:wait}.auth-notice:empty{display:none}.auth-notice{font-size:var(--text-helper);line-height:var(--leading-1);color:var(--muted);text-align:center;word-break:keep-all}.auth-switch{justify-content:center;gap:var(--space-8);margin-top:var(--space-28);color:var(--muted);font-size:var(--text-small);line-height:var(--leading-1);flex-wrap:wrap;display:flex}.auth-switch a{color:var(--ink);text-underline-offset:4px}.auth-home{width:fit-content;margin:var(--space-20) auto 0;color:var(--muted);font-size:var(--text-label);text-decoration:none;display:block}.auth-home:hover{text-underline-offset:4px;text-decoration:underline}.auth button:focus-visible,.auth a:focus-visible{outline:var(--focus-width) solid var(--ink);outline-offset:var(--space-4)}.auth-terms{margin-top:var(--space-20);font-size:var(--text-label);line-height:var(--leading-2);color:var(--muted);word-break:keep-all;text-align:center}.auth-terms a{color:var(--ink)}@media (max-width:579px){.auth{margin-top:var(--space-4)}.auth-heading{margin-bottom:var(--space-28)}}@media (prefers-reduced-motion:reduce){.auth input,.auth-submit,.auth-kakao{transition:none}}