.auth-shell,.auth-shell *{box-sizing:border-box}.auth-shell{position:relative;background:#fff;color:#1b2023;font-family:Arial,'Malgun Gothic','맑은 고딕',sans-serif;padding:72px 0 26px;text-align:left;-webkit-text-size-adjust:100%;text-size-adjust:100%}.auth-shell [hidden]{display:none!important}.auth-content{width:384px;max-width:calc(100% - 48px);margin:0 auto}.auth-shell h1{margin:0 0 12px;padding:0;background:none;text-align:center;font-size:28px;line-height:1.25;font-weight:750;color:#1b2023;outline:none}.auth-shell #auth-policy{margin:0 0 12px;font-size:15px;line-height:1.45;text-align:center;color:#404b51;word-break:keep-all}.auth-shell button{font:inherit;cursor:pointer;box-shadow:none;background:none;border:0;color:inherit}.auth-shell .auth-link{display:inline;padding:0;margin:0;border:0;border-radius:0;background:none;color:#0069ff;font-size:inherit;font-weight:400;line-height:inherit;text-decoration:none;white-space:normal;min-height:0}.auth-shell .auth-link:hover{color:#0053c9;text-decoration:underline;background:none}.auth-shell .auth-link:focus-visible,.auth-shell button:focus-visible{outline:2px solid #0079d3;outline-offset:4px}.auth-close,.auth-back{position:absolute;top:22px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;padding:8px!important;background:#e5ecef!important}.auth-close{right:22px}.auth-back{left:22px}.auth-close:hover,.auth-back:hover{background:#d8e1e5!important}.auth-close svg,.auth-back svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.auth-fields{display:grid;gap:18px}.auth-field{position:relative;min-width:0;height:60px;border:2px solid transparent;border-radius:22px;background:#e5ecef;transition:background-color .18s,border-color .18s}.auth-field:hover{background:#dce5e9}.auth-field:focus-within{background:#dce5e9;border-color:#0079d3}.auth-shell .auth-field input{display:block;width:100%;height:100%;min-width:0;min-height:0;margin:0;border:0;border-radius:inherit;background:transparent;color:#1b2023;padding:24px 46px 7px 17px;font:inherit;font-size:16px;line-height:1.25;box-shadow:none;outline:none}.auth-shell .auth-field input:focus{outline:none;box-shadow:none}.auth-shell .auth-field input::placeholder{color:transparent}.auth-field .field-label{position:absolute;left:17px;right:44px;top:50%;margin:0;transform:translateY(-50%);color:#62757f;font-size:16px;line-height:1.2;pointer-events:none;transition:top .18s ease,transform .18s ease,font-size .18s ease}.auth-field:focus-within .field-label,.auth-field.has-value .field-label{top:8px;transform:translateY(0);font-size:11px}.required-mark{color:#df1725}.auth-field .field-guidance{font-size:12px}.auth-field:focus-within .field-guidance,.auth-field.has-value .field-guidance{display:none}.auth-field .valid-mark{display:none;position:absolute;right:17px;top:50%;width:20px;height:20px;transform:translateY(-50%);color:#008a0c;pointer-events:none}.valid-mark svg{display:block;width:100%;height:100%}.password-field.is-valid .valid-mark{display:block}.auth-field:has(input:focus) .valid-mark{display:none}.password-field .field-label{right:82px}.auth-shell .password-field input{padding-right:82px}.password-field .valid-mark{right:46px}.auth-shell .password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:34px;height:34px;padding:7px;border:0;border-radius:50%;background:none;display:grid;place-items:center;color:#1b2023}.password-toggle:hover{background:#cdd9df}.password-toggle svg{width:21px;height:21px}.password-toggle .eye-slash{display:none}.password-toggle[aria-pressed=true] .eye-slash{display:block}.auth-shell .code-row{display:flex;gap:8px;align-items:stretch}.code-row .auth-field{flex:1;min-width:0}.auth-shell #send-code{flex:0 0 110px;border-radius:22px;background:#e5ecef;font-size:13px;font-weight:600;padding:8px}.auth-shell #send-code:disabled{color:#949b9e;cursor:default;background:#f2f3f3}.auth-shell #code-status{margin:10px 0 0;font-size:13px;line-height:1.6;color:#52636b}.auth-shell #code-status:empty{display:none}.auth-shell #account-links{margin:24px 0 0;text-align:left;font-size:15px;line-height:1.45;color:#404b51}.auth-shell .reset-prompt{margin:0 0 14px}.auth-shell .signup-prompt{margin:0;padding:0;border:0;line-height:inherit;font-size:inherit}.auth-shell .auth-submit{display:block;width:100%;height:52px;min-height:0;margin:24px 0 0;border:0;border-radius:28px;background:#10264b;color:white;font-size:16px;line-height:1.3;font-weight:700;transition:background-color .18s,color .18s}.auth-shell .auth-submit:hover:enabled{background:#19375f}.auth-shell .auth-submit:disabled{background:#f3f3f3;color:#afb1b3;opacity:1;cursor:default}.auth-shell .auth-error,.auth-shell .auth-success{margin:16px 0 0;font-size:15px;line-height:1.6;overflow-wrap:anywhere}.auth-error{color:#c82f38}.auth-success{color:#36573e}.auth-error:empty,.auth-success:empty{display:none}.auth-shell .consent-options{display:grid;gap:10px;margin:18px 0 0}.auth-shell .consent-row{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:28px;font-size:12px;color:#404b51}.auth-shell .consent-row label{display:flex;align-items:center;gap:8px;margin:0;line-height:1.6;cursor:pointer}.auth-shell .consent-row input{flex-shrink:0;appearance:auto;width:16px;height:16px;margin:0;accent-color:#10264b}.auth-shell .consent-details{flex-shrink:0;font-size:11px;white-space:nowrap;border-radius:20px;padding:5px 8px;background:#edf0f2;min-height:0}.consent-details:hover{background:#dce5e9}.auth-shell[data-mode=register],.auth-shell[data-mode=reset]{padding-top:66px}.auth-shell[data-mode=register] h1,.auth-shell[data-mode=reset] h1{margin-bottom:22px}.auth-shell[data-mode=register] .auth-fields,.auth-shell[data-mode=reset] .auth-fields{gap:14px}.auth-shell[data-mode=register] .auth-field,.auth-shell[data-mode=reset] .auth-field{height:60px}.auth-shell[data-mode=register] .field-label,.auth-shell[data-mode=reset] .field-label{font-size:16px}.auth-shell[data-mode=register] .auth-field:focus-within .field-label,.auth-shell[data-mode=register] .auth-field.has-value .field-label,.auth-shell[data-mode=reset] .auth-field:focus-within .field-label,.auth-shell[data-mode=reset] .auth-field.has-value .field-label{font-size:11px}.auth-shell .auth-details{margin-top:18px}.auth-details .terms-content{height:min(420px,55svh);overflow:auto;overscroll-behavior:contain;padding:16px;background:#fafafa;border:1px solid #e7e7e7;border-radius:12px;font-size:13px;line-height:1.8;word-break:keep-all;overflow-wrap:anywhere}.auth-details h3{margin:24px 0 12px;padding:8px 10px;background:#f4f4f4;font-size:16px}.auth-details h3:first-child{margin-top:0}.auth-details p{margin:12px 0;line-height:1.8}.auth-details ol{padding-left:24px}.auth-details dl{padding:16px;border:1px solid #e0e4e6;border-radius:12px;background:#fafafa;font-size:14px;line-height:1.7}.auth-details dl>div{display:grid;grid-template-columns:68px minmax(0,1fr);gap:12px;margin-bottom:14px}.auth-details dl>div:last-child{margin-bottom:0}.auth-details dt{color:#62757f}.auth-details dd{margin:0;overflow-wrap:anywhere}.auth-modal{box-sizing:border-box;width:480px;max-width:calc(100vw - 32px);max-height:calc(100svh - 32px);margin:auto;padding:0;border:0;border-radius:24px;background:white;color:#1b2023;box-shadow:0 3px 12px #0002;overflow:auto;overscroll-behavior:contain}.auth-modal::backdrop{background:#0008}.account-page{margin:0;background:#f2f3f4}.account-wrap{display:flex;justify-content:center;align-items:center;min-height:100svh;padding:32px 16px}.account-card{width:480px;max-width:100%;border-radius:24px}.auth-modal .account-card{width:100%;max-width:none;border-radius:0}
@media(max-width:600px){.auth-modal{width:340px;max-width:calc(100vw - 32px);max-height:calc(100svh - 24px);border-radius:22px}.auth-shell{padding:62px 0 22px}.auth-content{max-width:calc(100% - 32px)}.auth-shell h1{font-size:24px;margin-bottom:12px}.auth-shell #auth-policy{font-size:13px;line-height:1.6;margin-bottom:12px}.auth-close,.auth-back{top:14px;width:32px;height:32px;padding:7px!important}.auth-close{right:14px}.auth-back{left:14px}.auth-close svg,.auth-back svg{width:18px;height:18px}.auth-fields{gap:14px}.auth-field,.auth-shell[data-mode=register] .auth-field,.auth-shell[data-mode=reset] .auth-field{height:56px;border-radius:20px}.auth-field .field-label,.auth-shell[data-mode=register] .field-label,.auth-shell[data-mode=reset] .field-label{left:17px;font-size:15px;right:42px}.auth-field .field-guidance{font-size:11px}.auth-field:focus-within .field-label,.auth-field.has-value .field-label,.auth-shell[data-mode=register] .auth-field:focus-within .field-label,.auth-shell[data-mode=register] .auth-field.has-value .field-label,.auth-shell[data-mode=reset] .auth-field:focus-within .field-label,.auth-shell[data-mode=reset] .auth-field.has-value .field-label{top:7px;font-size:11px}.auth-shell .auth-field input{font-size:16px;padding:23px 44px 6px 15px}.auth-shell .password-field input{padding-right:76px}.password-field .field-label{right:70px}.auth-shell .password-toggle{right:8px;width:32px;height:32px;padding:6px}.password-toggle svg{width:20px;height:20px}.auth-field .valid-mark{right:15px;width:19px;height:19px}.password-field .valid-mark{right:43px}.auth-shell #account-links{font-size:13px;margin-top:22px;line-height:1.7}.auth-shell .reset-prompt{margin-bottom:12px}.auth-shell .auth-submit{height:48px;font-size:15px;margin-top:22px}.auth-shell #send-code{flex-basis:92px;font-size:11px;border-radius:20px;padding:8px}.auth-shell .code-row{gap:8px}.auth-shell .consent-row{font-size:12px;gap:6px}.auth-shell .consent-row label{gap:7px}.auth-shell .consent-row input{width:16px;height:16px}.auth-shell .consent-details{font-size:11px;padding:6px 8px}.auth-shell[data-mode=register],.auth-shell[data-mode=reset]{padding-top:62px}.auth-details .terms-content{padding:14px;font-size:13px;height:55svh}.auth-details dl{font-size:14px;padding:16px}.auth-details dl>div{grid-template-columns:60px minmax(0,1fr);gap:10px}.account-wrap{padding:12px}.auth-shell .auth-error,.auth-shell .auth-success{font-size:13px}}
@media(prefers-reduced-motion:reduce){.auth-field,.auth-field .field-label,.auth-submit{transition:none!important}}

body:has(.auth-modal[open]){overflow:hidden}
.auth-shell #auth-description{margin:0 0 22px;color:#404b51;font-size:14px;line-height:1.6;text-align:center;overflow-wrap:anywhere;word-break:keep-all}.auth-shell #nickname-status{margin:-6px 0 0;font-size:12px;line-height:1.6;color:#008a0c;overflow-wrap:anywhere}.auth-shell #nickname-status.unavailable{color:#c82f38}.auth-shell[data-flow=signup] #email-field.is-valid .valid-mark,.auth-shell[data-flow=signup] #nickname-field.is-valid .valid-mark{display:block}.auth-shell[data-flow=signup] .auth-field:has(input:focus) .valid-mark{display:none}.auth-modal:has(.auth-shell[data-flow=signup]){height:min(650px,calc(100svh - 32px))}.auth-shell[data-flow=signup]{height:650px;max-height:calc(100svh - 32px);padding:66px 0 26px}.auth-modal .auth-shell[data-flow=signup]{height:100%;max-height:none}.auth-shell[data-flow=signup] .auth-content{display:flex;flex-direction:column;height:100%;min-height:0}.auth-shell[data-flow=signup] h1{flex-shrink:0;margin-bottom:14px}.auth-shell[data-flow=signup][data-step=account] h1{font-size:22px;line-height:1.4}.auth-shell[data-flow=signup] #account-form{display:flex;flex:1;min-height:0;flex-direction:column}.auth-shell[data-flow=signup] .auth-fields,.auth-shell[data-flow=signup] #consent-options{flex-shrink:0}.auth-shell[data-flow=signup] #auth-footer{margin-top:auto;padding-top:22px;flex-shrink:0}.auth-shell[data-flow=signup] #account-links{margin-top:0}.auth-shell[data-flow=signup] .auth-submit{margin-top:22px}.auth-shell[data-flow=signup] .auth-details{min-height:0;flex:1;display:flex;flex-direction:column}.auth-shell[data-flow=signup] .terms-content{height:auto;flex:1;min-height:0}.auth-shell[data-flow=signup] .code-row .auth-field{flex-basis:100%}.auth-shell #signup-resend{text-align:center;font-size:14px;line-height:1.6;color:#404b51}.auth-shell #signup-resend p{margin:0 0 10px}.auth-shell #signup-resend strong{font-weight:700}.auth-shell #signup-resend-button:disabled,.auth-shell #signup-resend-button:disabled:hover{color:#a7adb1;cursor:default;text-decoration:none}.auth-shell #signup-resend-button:not(:disabled){color:#0069ff}
@media(max-width:600px){.auth-modal:has(.auth-shell[data-flow=signup]){height:min(650px,calc(100svh - 24px))}.auth-shell[data-flow=signup]{max-height:calc(100svh - 24px);padding:62px 0 22px}.auth-shell[data-flow=signup][data-step=account] h1{font-size:20px}.auth-shell #auth-description{font-size:13px;margin-bottom:18px}.auth-shell #signup-resend{font-size:12px}.auth-shell #nickname-status{font-size:11px}.auth-shell[data-flow=signup] #auth-footer{padding-top:16px}.auth-shell[data-flow=signup] .auth-submit{margin-top:20px}}
.auth-modal:has(.auth-shell[data-flow=signup]) #auth-mount{height:100%}

.auth-close{border:0;box-shadow:none;color:#1b2023;cursor:pointer}.auth-close:focus-visible{outline:2px solid #0079d3;outline-offset:4px}