#nickname-onboarding{box-sizing:border-box;width:456px;max-width:calc(100% - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:36px;overflow:auto;overscroll-behavior:contain;border:1px solid #e3e8ef;border-radius:20px;background:#fff;color:#26354c;box-shadow:0 16px 55px rgba(37,54,80,.14);font-family:Inter,'Segoe UI','Malgun Gothic',sans-serif;color-scheme:light}
#nickname-onboarding::backdrop{background:rgba(24,34,51,.36)}
#nickname-onboarding *{box-sizing:border-box}
#nickname-onboarding .nickname-onboarding-brand{font-size:18px;font-weight:800;letter-spacing:-.8px;margin-bottom:28px;line-height:1.5}
#nickname-onboarding .nickname-onboarding-brand em{font-style:normal;color:#bf5987}
#nickname-onboarding .nickname-onboarding-title{font-size:26px;line-height:1.4;font-weight:750;letter-spacing:-.9px;word-break:keep-all;margin:0}
#nickname-onboarding .nickname-onboarding-message{font-size:14px;line-height:1.8;color:#748197;word-break:keep-all;margin:10px 0 0;white-space:normal}
#nickname-onboarding .nickname-onboarding-form{margin-top:28px}
#nickname-onboarding .nickname-onboarding-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}
#nickname-onboarding label{font-size:13px;font-weight:650}
#nickname-onboarding .nickname-onboarding-count{font-size:12px;color:#748197;font-variant-numeric:tabular-nums}
#nickname-onboarding .nickname-onboarding-input{display:block;width:100%;min-width:0;background:#fbfcfe;border:1px solid #e3e8ef;border-radius:9px;padding:15px 14px;color:#26354c;font:inherit;font-size:16px;line-height:1.4;transition:border-color .15s}
#nickname-onboarding .nickname-onboarding-input::placeholder{color:#748197;opacity:.85}
#nickname-onboarding .nickname-onboarding-input:focus-visible{outline:2px solid #bf5987;outline-offset:3px}
#nickname-onboarding .nickname-onboarding-input[aria-invalid=true]{border-color:#bf5987}
#nickname-onboarding .nickname-onboarding-input:disabled{opacity:.65}
#nickname-onboarding .nickname-onboarding-save{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;min-height:50px;margin-top:23px;padding:14px 16px;border:0;border-radius:9px;background:#bf5987;color:#fff;font:inherit;font-size:14px;font-weight:700;line-height:1.5;cursor:pointer}
#nickname-onboarding .nickname-onboarding-save:not(:disabled):hover{background:#aa4774}
#nickname-onboarding .nickname-onboarding-save:focus-visible,#nickname-onboarding .nickname-onboarding-retry:focus-visible{outline:2px solid #26354c;outline-offset:3px}
#nickname-onboarding .nickname-onboarding-save:disabled{opacity:.5;cursor:default}
#nickname-onboarding .nickname-onboarding-save>span:last-child{font-size:19px;line-height:1}
#nickname-onboarding .nickname-onboarding-state{font-size:12px;line-height:1.6;margin:12px 0 0;color:#748197;overflow-wrap:anywhere}
#nickname-onboarding .nickname-onboarding-state.is-error{color:#a94270}
#nickname-onboarding [hidden]{display:none!important}
#nickname-onboarding .nickname-onboarding-retry{display:block;margin:13px auto 0;padding:5px 10px;border:0;border-radius:4px;background:transparent;color:#985170;font:inherit;font-size:12px;font-weight:600;line-height:1.6;cursor:pointer}
#nickname-onboarding .nickname-onboarding-retry:disabled{opacity:.5;cursor:default}
@media(max-width:520px){#nickname-onboarding{padding:29px 22px}#nickname-onboarding .nickname-onboarding-title{font-size:23px}#nickname-onboarding .nickname-onboarding-message{font-size:13px}}
@media(max-height:480px){#nickname-onboarding{max-height:calc(100dvh - 20px);padding-top:24px;padding-bottom:24px}#nickname-onboarding .nickname-onboarding-brand{margin-bottom:17px}#nickname-onboarding .nickname-onboarding-form{margin-top:20px}}
@media(prefers-reduced-motion:reduce){#nickname-onboarding .nickname-onboarding-input{transition:none}}