.legacy-profile-setup-modal{z-index:12000;box-sizing:border-box;justify-content:center;align-items:center;padding:24px 20px;display:flex;position:fixed;inset:0;overflow:hidden}.legacy-profile-setup-modal__overlay{cursor:pointer;background:#0009;border:none;margin:0;padding:0;position:absolute;inset:0}.legacy-profile-setup-modal__panel{z-index:1;box-sizing:border-box;background:#fff;border-radius:24px;flex-direction:column;gap:20px;width:min(100%,824px);max-height:min(92dvh,900px);padding:24px;font-family:Pretendard,Noto Sans KR,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 64px #0f172a2e}.legacy-profile-setup-modal__body{flex-direction:column;flex:auto;gap:20px;min-height:0;display:flex}.legacy-profile-setup-modal__intro{box-sizing:border-box;border:1px solid #d3d3d3;border-radius:16px;flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;display:flex}.legacy-profile-setup-modal__copy{flex:auto;min-width:0}.legacy-profile-setup-modal__title{letter-spacing:-.03em;color:#1a1a1a;overflow-wrap:anywhere;word-break:keep-all;margin:0;font-size:clamp(20px,2.4vw,24px);font-weight:700;line-height:1.45}.legacy-profile-setup-modal__nick{color:#3247fa}.legacy-profile-setup-modal__sub{letter-spacing:-.03em;color:#666;margin:8px 0 0;font-size:clamp(14px,1.8vw,16px);font-weight:400;line-height:1.6}.legacy-profile-setup-modal__preview{flex-direction:column;flex:none;align-items:center;gap:6px;display:flex}.legacy-profile-setup-modal__preview-photo{background:var(--join-photo-ring,#d3fbdb);box-sizing:border-box;border:1.5px solid #fff;border-radius:50%;width:clamp(108px,16vw,137px);height:clamp(108px,16vw,137px);overflow:hidden;box-shadow:0 0 0 1px #0000000a}.legacy-profile-setup-modal__preview-photo img{object-fit:cover;width:100%;height:100%;display:block}.legacy-profile-setup-modal__upload-link{color:#666;letter-spacing:-.03em;cursor:pointer;white-space:nowrap;touch-action:manipulation;background:#fff;border:1px solid #b3b3b3;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:8px 15px;font-size:14px;font-weight:400;line-height:1.6;transition:border-color .2s,background-color .2s,color .2s;display:inline-flex}.legacy-profile-setup-modal__upload-link img{object-fit:contain;flex-shrink:0;width:15px;height:15px;display:block}.legacy-profile-setup-modal__grid-scroll{scrollbar-width:thin;scrollbar-color:#3247fa #eceefc;-webkit-overflow-scrolling:touch;flex:auto;min-height:120px;max-height:min(42dvh,412px);margin:0 -2px;padding:2px 6px 2px 2px;overflow:hidden auto}.legacy-profile-setup-modal__grid-scroll::-webkit-scrollbar{width:5px}.legacy-profile-setup-modal__grid-scroll::-webkit-scrollbar-track{background:#eceefc;border-radius:62px}.legacy-profile-setup-modal__grid-scroll::-webkit-scrollbar-thumb{background:#3247fa;border-radius:62px}.legacy-profile-setup-modal__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:4px 2px 10px}.legacy-profile-setup-modal .join-complete-picker__item{touch-action:manipulation;overflow:visible}.legacy-profile-setup-modal .join-complete-picker__item.is-selected:after{background-size:11px;width:22px;height:22px;top:0;right:0}.legacy-profile-setup-modal__actions{flex-shrink:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;display:grid}.legacy-profile-setup-modal__actions--dual{grid-template-columns:repeat(2,minmax(0,1fr))}.legacy-profile-setup-modal__btn{letter-spacing:-.03em;cursor:pointer;box-sizing:border-box;word-break:keep-all;touch-action:manipulation;border:none;border-radius:8px;min-width:0;height:51px;padding:0 10px;font-size:clamp(14px,1.8vw,18px);font-weight:500;line-height:1.4;transition:transform .2s,background-color .2s,opacity .2s}.legacy-profile-setup-modal__btn:disabled{opacity:.7;cursor:wait}.legacy-profile-setup-modal__btn--muted{color:#777;background:#ececec}.legacy-profile-setup-modal__btn--soft{color:#7986fa;background:#eceefc}.legacy-profile-setup-modal__btn--primary{color:#fff;background:#3247fa}@media (hover:hover) and (pointer:fine){.legacy-profile-setup-modal__upload-link:hover{color:#3247fa;background:#f8f9ff;border-color:#3247fa}.legacy-profile-setup-modal__btn--primary:hover:not(:disabled){background:#2a3de8;transform:translateY(-1px)}.legacy-profile-setup-modal__btn--soft:hover:not(:disabled){background:#e0e5fc}.legacy-profile-setup-modal__btn--muted:hover:not(:disabled){background:#e2e2e2}}@media (max-width:900px){.legacy-profile-setup-modal__intro{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:22px 20px}.legacy-profile-setup-modal__copy{width:100%}.legacy-profile-setup-modal__title,.legacy-profile-setup-modal__sub{text-align:center}.legacy-profile-setup-modal__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}}@media (max-width:768px){.legacy-profile-setup-modal{align-items:flex-end;padding:0}.legacy-profile-setup-modal__panel{width:100%;max-height:min(94dvh,100%);padding:20px 16px calc(16px + env(safe-area-inset-bottom,0px));border-radius:20px 20px 0 0;gap:16px;box-shadow:0 -8px 40px #0f172a1f}.legacy-profile-setup-modal__body{gap:16px}.legacy-profile-setup-modal__intro{border-radius:14px;padding:18px 14px}.legacy-profile-setup-modal__title{font-size:clamp(18px,5vw,22px);line-height:1.4}.legacy-profile-setup-modal__sub{margin-top:6px;font-size:14px}.legacy-profile-setup-modal__preview-photo{width:clamp(96px,26vw,120px);height:clamp(96px,26vw,120px)}.legacy-profile-setup-modal__upload-link{padding:7px 12px;font-size:13px}.legacy-profile-setup-modal__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:4px 2px 8px}.legacy-profile-setup-modal__grid-scroll{max-height:min(38dvh,300px);padding-right:4px}.legacy-profile-setup-modal .join-complete-picker__upload-icon{width:32px;height:32px;margin-bottom:4px}.legacy-profile-setup-modal .join-complete-picker__upload-label{font-size:12px}.legacy-profile-setup-modal .join-complete-picker__item.is-selected:after{background-size:10px;width:20px;height:20px;top:0;right:0}.legacy-profile-setup-modal__actions{grid-template-columns:1fr;gap:8px}.legacy-profile-setup-modal__actions--dual{grid-template-columns:1fr}.legacy-profile-setup-modal__btn{width:100%;height:48px;font-size:15px}.legacy-profile-setup-modal__btn--primary{order:-1}}@media (max-width:520px){.legacy-profile-setup-modal__panel{padding:18px 14px calc(14px + env(safe-area-inset-bottom,0px));gap:14px}.legacy-profile-setup-modal__intro{gap:14px;padding:16px 12px}.legacy-profile-setup-modal__title{font-size:17px}.legacy-profile-setup-modal__sub{font-size:13px}.legacy-profile-setup-modal__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.legacy-profile-setup-modal__grid-scroll{max-height:min(34dvh,280px)}.legacy-profile-setup-modal__btn{border-radius:10px;height:46px;font-size:14px}}@media (max-width:380px){.legacy-profile-setup-modal__panel{padding:16px 12px calc(12px + env(safe-area-inset-bottom,0px))}.legacy-profile-setup-modal__upload-link{white-space:normal;text-align:center;max-width:100%}.legacy-profile-setup-modal__btn{padding:0 8px;font-size:13px}}