/* signup_verify — 신규가입 본인인증 화면 (핸드오프 port, 2026-09-24).
 *
 * ⛔ 손으로 고치지 마라 — 정본 `docs/sdd/signup_verify/handoff/proto/signup_verify.css` 를
 *    클래스만 `sv-` 접두로 바꿔 **기계 변환**한 것이다. 값은 정본과 바이트 단위로 같고,
 *    `proto-css-diff.py signup_verify` 가 그걸 숫자로 확인한다.
 *    의도적으로 다르게 둔 값은 파일 끝 "예외" 블록에만 있고, 사유는 계약
 *    `contracts/signup_verify.PROTO_STYLE_EXCEPTIONS` 에 있다.
 * ⭐ 접두를 쓰는 이유: 정본 클래스(.on .f .k .v .tag …)가 짧아 사이트 CSS 와 부딪힌다.
 *    상태 클래스(on·open·err…)까지 전부 접두한다 — JS 도 `sv-on` 을 토글한다.
 */
/* 기능 스코프 토큰 — 값의 정본은 handoff/tokens.proto.css (레포에 같은 이름이 없는 것만) */
:root {
  --bb-signup-verify-soft:      #F2F4F6; /* ≈ --bb-neutral-100 (#F4F4F5, 미세 차이) — 고정값 칸·진행바 트랙·idbox 헤더 → Q3 */
  --bb-signup-verify-dark:      #17181C; /* ≈ --bb-hero-dark (#15171C, 2단계 차이) — 선수 카드·기본 CTA·토스트 → Q3 */
  --bb-signup-verify-disabled:  #C3C8CE; /* ≈ --bb-neutral-300 (#C2C4C8) — 비활성 CTA 배경 */
  --bb-signup-verify-err:       #E5484D; /* ≈ --bb-danger (#FF4242, 더 어둡게) — 입력 오류 테두리·힌트·실패 아이콘 → Q3 */
  --bb-signup-verify-err-soft:  #FDECEC; /* ≈ --bb-danger-soft (#FEE2E2) — 실패·잠금 아이콘 배경 */
  --bb-signup-verify-ok:        #0F9D58; /* ≈ --bb-success (#00BF40, 대비 위해 어둡게) — 아이디·비번 통과 → Q3 */
  --bb-signup-verify-info:      #1B64DA; /* ≈ --bb-accent (#0064FF) — 만 14세 미만·안내 박스 글자 → Q3 */
  --bb-signup-verify-info-soft: #E8F1FF; /* ≈ --bb-accent-soft (#EAF2FE) — 안내 박스 배경 */
  --bb-signup-verify-warn-ink:  #B8410F; /* ≈ --bb-primary-heavy (#B8401A) — 오렌지 안내 박스 글자 */
  --bb-signup-verify-on-dark-team: rgba(255,255,255,.72); /* NEW: 팀명. 레포 hero 계열에 .72 없음 */
  --bb-signup-verify-on-dark-note: rgba(255,255,255,.58); /* NEW: 카드 하단 안내문 */
  --bb-signup-verify-on-dark-mask: rgba(255,255,255,.42); /* NEW: 마스킹 값 ••• (4.07:1 → Q1) */
  --bb-signup-verify-on-dark-tag:  rgba(255,255,255,.82); /* NEW: 회색 태그 글자 */
  --bb-signup-verify-on-dark-fill: rgba(255,255,255,.14); /* NEW: 회색 태그 배경 */
  --bb-signup-verify-on-dark-line: rgba(255,255,255,.12); /* NEW: 스탯 구분선 */
  --bb-signup-verify-dim:        rgba(25,31,40,.42);            /* ≈ --bb-overlay-dark (.55 → .42, 시트 뒤 딤은 더 옅게) */
  --bb-signup-verify-pulse:      0 0 0 5px rgba(255,107,53,.22); /* ≈ --bb-focus-ring (3px/.32) — 새 칸 등장 펄스 */
  --bb-signup-verify-pulse-zero: 0 0 0 0 rgba(255,107,53,0);     /* NEW: 펄스 시작·끝 프레임 */
  --bb-signup-verify-text-105: 10.5px; /* NEW: 태그·경기 한 줄 기록 */
  --bb-signup-verify-text-11:  11px;   /* NEW: 힌트·캡션 (12px 미만 → Q2) */
  --bb-signup-verify-text-115: 11.5px; /* NEW: 팀명·약관 본문·나이 칩 */
  --bb-signup-verify-text-12:  12px;   /* NEW: 필드 라벨·안내 박스 */
  --bb-signup-verify-text-125: 12.5px; /* NEW: 서브카피·텍스트 링크·토스트 */
  --bb-signup-verify-text-13:  13px;   /* ≈ --bb-type-caption 크기 (13px, 조합 토큰이라 크기만) */
  --bb-signup-verify-text-135: 13.5px; /* NEW: 약관 항목·섹션 제목 */
  --bb-signup-verify-text-145: 14.5px; /* NEW: 선택 버튼·상단 타이틀 */
  --bb-signup-verify-text-15:  15px;   /* NEW: 주 CTA */
  --bb-signup-verify-text-165: 16.5px; /* NEW: 확인 화면 값 */
  --bb-signup-verify-text-17:  17px;   /* ≈ --bb-type-h5 크기 (17px) — 시트 제목 */
  --bb-signup-verify-text-19:  19px;   /* NEW: 스탯 숫자·로딩 제목 */
  --bb-signup-verify-text-23:  23px;   /* NEW: 결과 화면 제목 */
  --bb-signup-verify-text-24:  24px;   /* ≈ --bb-type-h3 크기 (24px) — 단계 질문 제목 */
  --bb-signup-verify-text-27:  27px;   /* ≈ --bb-type-h2 크기 (28px, 1px 차이) — 선수명 */
  --bb-signup-verify-radius-sheet: 22px; /* ≈ --bb-radius-20 (20px, 2px 차이) — 바텀시트 상단 */
  --bb-signup-verify-radius-tag:   5px;  /* ≈ --bb-radius-sm (6px, 1px 차이) — 선수 태그 */
  --bb-signup-verify-radius-track: 2px;  /* NEW: 진행바 */
  --bb-signup-verify-radius-round: 50%;  /* NEW: 원형 체크·스피너 */
  --bb-signup-verify-h-cta:      56px; /* NEW: 주 CTA 높이 (≥ --bb-tap-target 44px) */
  --bb-signup-verify-h-cta2:     50px; /* NEW: 보조 CTA 높이 */
  --bb-signup-verify-h-input:    54px; /* NEW: 입력·고정값·셀렉트 높이 */
  --bb-signup-verify-h-choice:   52px; /* NEW: 선택 버튼·시트 항목 높이 */
  --bb-signup-verify-h-chip:     30px; /* NEW: 나이 칩 */
  --bb-signup-verify-h-tag:      22px; /* NEW: 필드 우측 태그 */
  --bb-signup-verify-size-check:    22px; /* NEW: 전체동의 원형 체크 */
  --bb-signup-verify-size-check-sm: 19px; /* NEW: 항목 체크 */
  --bb-signup-verify-h-track:    4px;  /* NEW: 진행바 두께 */
  --bb-signup-verify-size-ring:  56px; /* NEW: 로딩 스피너 */
  --bb-signup-verify-ring-w:     4px;  /* NEW: 스피너 두께 */
  --bb-signup-verify-app-w:      390px; /* NEW: 모바일 앱 최대 폭 (프로토 컨테이너) */
  --bb-signup-verify-cap-h:      812px; /* NEW: 캡처 모드 최소 높이 (프로토 전용) */
  --bb-signup-verify-ease: cubic-bezier(.22,1,.36,1); /* ≈ --bb-ease (cubic-bezier(.2,0,0,1), 곡선 다름) — 화면 슬라이드·시트 */
}

.sv-app *{box-sizing:border-box}
body.sv-page{margin:0}
body.sv-page{font-family:var(--rtp-font-ko);color:var(--bb-ink);background:var(--bb-bg)}
.sv-app a{color:var(--bb-primary)}
.sv-app a:hover{color:var(--bb-primary-dark)}
.sv-app button, .sv-app input{font-family:var(--rtp-font-ko)}
.sv-app [hidden]{display:none!important}
.sv-hide{display:none!important}
.sv-app{position:relative;width:100%;max-width:var(--bb-signup-verify-app-w);height:100vh;height:100dvh;margin:0 auto;overflow:hidden;background:var(--bb-bg)}
.sv-view{position:absolute;inset:0;background:var(--bb-bg);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .32s var(--bb-signup-verify-ease);z-index:2}
.sv-view.sv-on{transform:none}
.sv-view.sv-base{transform:none;z-index:1}
.sv-top{display:flex;align-items:center;gap:14px;padding:30px 18px 8px;flex:none}
.sv-bk{background:0;border:0;color:var(--bb-ink);padding:6px;display:flex;cursor:pointer}
.sv-ttl{flex:1;text-align:center;font-size:var(--bb-signup-verify-text-145);font-weight:700;margin-right:32px}
.sv-ttl.sv-solo{margin-right:0}
.sv-trk{flex:1;height:var(--bb-signup-verify-h-track);background:var(--bb-signup-verify-soft);border-radius:var(--bb-signup-verify-radius-track);overflow:hidden}
.sv-fil{height:100%;background:var(--bb-ink);border-radius:var(--bb-signup-verify-radius-track);transition:width .35s var(--bb-signup-verify-ease)}
.sv-fil.sv-p14{width:14%}
.sv-fil.sv-p28{width:28%}
.sv-fil.sv-p56{width:56%}
.sv-fil.sv-p72{width:72%}
.sv-fil.sv-p86{width:86%}
.sv-body{flex:1;overflow-y:auto;padding:16px 24px 20px;scroll-behavior:smooth;scrollbar-width:none}
.sv-body::-webkit-scrollbar{width:0}
h1.sv-q{margin:4px 0 8px;font-size:var(--bb-signup-verify-text-24);font-weight:800;letter-spacing:-.8px;line-height:1.35}
p.sv-sub{margin:0 0 20px;font-size:var(--bb-signup-verify-text-125);color:var(--rtp-ink-3);line-height:1.6}
.sv-foot{flex:none;padding:12px 20px 28px;display:flex;flex-direction:column;gap:9px}
.sv-cta{width:100%;height:var(--bb-signup-verify-h-cta);border:0;border-radius:var(--bb-radius-pill);background:var(--bb-signup-verify-dark);color:var(--bb-bg);font-size:var(--bb-signup-verify-text-15);font-weight:800;cursor:pointer}
.sv-cta.sv-o{background:var(--bb-primary)}
.sv-cta:disabled{background:var(--bb-signup-verify-disabled);cursor:default}
.sv-cta2{width:100%;height:var(--bb-signup-verify-h-cta2);border:1.5px solid var(--bb-border);border-radius:var(--bb-radius-pill);background:var(--bb-bg);color:var(--bb-ink);font-size:var(--bb-text-sm);font-weight:700;cursor:pointer}
.sv-tlink{background:0;border:0;font-size:var(--bb-signup-verify-text-125);font-weight:600;color:var(--rtp-ink-3);text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:6px}
.sv-phdr{background:var(--bb-signup-verify-dark);border-radius:var(--bb-radius-xl);padding:18px;color:var(--bb-bg)}
.sv-phdr .sv-tm{font-size:var(--bb-signup-verify-text-115);font-weight:700;color:var(--bb-signup-verify-on-dark-team);border-left:3px solid var(--bb-primary);padding-left:7px}
.sv-phdr .sv-nm{font-size:var(--bb-signup-verify-text-27);font-weight:800;color:var(--bb-primary);letter-spacing:-1px;margin:9px 0}
.sv-tags{display:flex;gap:5px;white-space:nowrap}
.sv-tag2{font-family:var(--bb-font-num);font-size:var(--bb-signup-verify-text-105);font-weight:800;padding:3px 7px;border-radius:var(--bb-signup-verify-radius-tag);background:var(--bb-primary);color:var(--bb-bg)}
.sv-tag2.sv-g{background:var(--bb-signup-verify-on-dark-fill);color:var(--bb-signup-verify-on-dark-tag)}
.sv-st4{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;text-align:center;margin-top:16px;padding-top:13px;border-top:1px solid var(--bb-signup-verify-on-dark-line)}
.sv-st4 .sv-k{font-family:var(--bb-font-num);font-size:var(--bb-text-2xs);font-weight:700;color:var(--rtp-hero-caption);letter-spacing:.5px}
.sv-st4 .sv-v{font-family:var(--bb-font-num);font-size:var(--bb-signup-verify-text-19);font-weight:800;margin-top:3px}
.sv-st4 .sv-v.sv-mask{color:var(--bb-signup-verify-on-dark-mask)}
.sv-masknote{font-size:var(--bb-signup-verify-text-11);color:var(--bb-signup-verify-on-dark-note);margin:11px 0 0;text-align:center}
.sv-sect{font-size:var(--bb-signup-verify-text-135);font-weight:700;margin:18px 2px 8px}
.sv-grow{border:1px solid var(--bb-border);border-radius:var(--bb-radius);padding:13px;margin-bottom:8px}
.sv-grow .sv-r1{display:flex;justify-content:space-between;font-size:var(--bb-signup-verify-text-11);color:var(--rtp-ink-3);font-weight:600}
.sv-grow .sv-r2{display:flex;align-items:center;justify-content:space-between;margin-top:8px}
.sv-grow .sv-sc{font-family:var(--bb-font-num);font-size:var(--bb-text-lg);font-weight:800}
.sv-grow .sv-tn{font-size:var(--bb-signup-verify-text-12);font-weight:700}
.sv-grow .sv-tn.sv-opp{color:var(--rtp-ink-3)}
.sv-mline{display:flex;gap:10px;white-space:nowrap;margin-top:10px;padding-top:9px;border-top:1px solid var(--bb-signup-verify-soft);font-size:var(--bb-signup-verify-text-105);color:var(--rtp-ink-3)}
.sv-mline b{font-family:var(--bb-font-num);font-size:var(--bb-signup-verify-text-12);color:var(--bb-ink)}
.sv-mline b.sv-hi{color:var(--bb-primary)}
.sv-tip{background:var(--bb-signup-verify-soft);border-radius:var(--bb-radius);padding:13px 14px;font-size:var(--bb-signup-verify-text-125);color:var(--rtp-ink-2);line-height:1.55}
.sv-ag-all{display:flex;align-items:flex-start;gap:11px;padding-bottom:16px;border-bottom:1px solid var(--bb-border);cursor:pointer}
.sv-ck{width:var(--bb-signup-verify-size-check);height:var(--bb-signup-verify-size-check);border-radius:var(--bb-signup-verify-radius-round);border:1.5px solid var(--rtp-ink-4);color:var(--rtp-ink-4);display:flex;align-items:center;justify-content:center;flex:none}
.sv-ck.sv-on{background:var(--bb-primary);border-color:var(--bb-primary);color:var(--bb-bg)}
.sv-ck.sv-sm{width:var(--bb-signup-verify-size-check-sm);height:var(--bb-signup-verify-size-check-sm);border:0;background:0;color:var(--rtp-ink-4)}
.sv-ck.sv-sm.sv-on{background:0;color:var(--bb-primary)}
.sv-ag-all__t{font-size:var(--bb-text-base);font-weight:700;display:block}
.sv-ag-all__s{display:block;font-size:var(--bb-signup-verify-text-115);color:var(--rtp-ink-3);margin-top:6px;line-height:1.6}
.sv-ag-item{display:flex;align-items:center;gap:10px;padding:13px 0;cursor:pointer}
.sv-ag-item__t{flex:1;font-size:var(--bb-signup-verify-text-135);font-weight:500}
.sv-ag-item__t em{font-style:normal;font-weight:700;color:var(--rtp-ink-3);margin-right:4px}
.sv-ag-item__t em.sv-req{color:var(--bb-primary)}
.sv-ag-v{font-size:var(--bb-signup-verify-text-12);font-weight:600;color:var(--rtp-ink-3);text-decoration:underline;text-underline-offset:3px;flex:none;background:0;border:0;cursor:pointer;display:flex;align-items:center;gap:3px}
.sv-ag-v svg{transition:transform .25s}
.sv-ag-v.sv-open svg{transform:rotate(180deg)}
.sv-ag-open{max-height:0;overflow:hidden;transition:max-height .3s ease}
.sv-ag-open.sv-on{max-height:460px}
.sv-ag-doc{border-radius:var(--bb-radius);background:var(--rtp-bg);padding:14px;font-size:var(--bb-signup-verify-text-115);line-height:1.75;color:var(--rtp-ink-2);margin-bottom:6px}
.sv-ag-doc p{margin:0 0 9px}
.sv-ag-doc p:last-child{margin:0}
.sv-ag-clip{max-height:96px;overflow:hidden;transition:max-height .3s ease}
.sv-ag-clip.sv-open{max-height:600px}
.sv-more{display:flex;align-items:center;justify-content:center;gap:5px;font-size:var(--bb-signup-verify-text-12);font-weight:700;color:var(--rtp-ink-2);margin-top:12px;cursor:pointer}
.sv-f{margin-bottom:18px;opacity:0;transform:translateY(12px);transition:opacity .3s ease,transform .3s var(--bb-signup-verify-ease)}
.sv-f.sv-on{opacity:1;transform:none}
.sv-f.sv-pulse .sv-inp, .sv-f.sv-pulse .sv-seg, .sv-f.sv-pulse .sv-sel{animation:sv-pulse .6s ease}
@keyframes sv-pulse{0%,100%{box-shadow:var(--bb-signup-verify-pulse-zero)}35%{box-shadow:var(--bb-signup-verify-pulse)}}
.sv-lab{display:block;font-size:var(--bb-signup-verify-text-12);font-weight:600;color:var(--rtp-ink-2);margin-bottom:7px}
.sv-lab i{font-style:normal;color:var(--rtp-ink-4);font-weight:500}
.sv-inp{width:100%;height:var(--bb-signup-verify-h-input);border:1.5px solid var(--bb-border);border-radius:var(--bb-radius);padding:0 15px;font-size:var(--bb-text-base);font-weight:500;color:var(--bb-ink);outline:0}
.sv-inp::placeholder{color:var(--rtp-ink-4);font-weight:400}
.sv-inp:focus{border-color:var(--bb-ink)}
.sv-inp.sv-err{border-color:var(--bb-signup-verify-err)}
.sv-inp.sv-good{border-color:var(--bb-signup-verify-ok)}
.sv-pwwrap{position:relative}
.sv-pwwrap .sv-inp{padding-right:52px}
.sv-eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:0;border:0;padding:8px;color:var(--rtp-ink-3);cursor:pointer;display:flex}
.sv-fixed{height:var(--bb-signup-verify-h-input);border-radius:var(--bb-radius);background:var(--bb-signup-verify-soft);display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-size:var(--bb-text-base);font-weight:500;color:var(--rtp-ink-2)}
.sv-tag{display:inline-flex;align-items:center;height:var(--bb-signup-verify-h-tag);padding:0 8px;border-radius:var(--bb-radius-pill);background:var(--bb-primary-soft);color:var(--bb-primary);font-size:var(--bb-signup-verify-text-105);font-weight:700}
.sv-hint{margin:7px 0 0;font-size:var(--bb-signup-verify-text-11);color:var(--rtp-ink-3);line-height:1.5}
.sv-hint.sv-bad{color:var(--bb-signup-verify-err);font-weight:600}
.sv-hint.sv-good{color:var(--bb-signup-verify-ok);font-weight:600}
.sv-seg{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sv-seg button{height:var(--bb-signup-verify-h-choice);border:1.5px solid var(--bb-border);background:var(--bb-bg);border-radius:var(--bb-radius);font-size:var(--bb-signup-verify-text-145);font-weight:600;color:var(--rtp-ink-2);cursor:pointer}
.sv-seg button.sv-on{border-color:var(--bb-primary);background:var(--bb-primary-soft);color:var(--bb-primary);font-weight:800}
.sv-sel{width:100%;height:var(--bb-signup-verify-h-input);border:1.5px solid var(--bb-border);border-radius:var(--bb-radius);padding:0 15px;background:var(--bb-bg);display:flex;align-items:center;justify-content:space-between;font-size:var(--bb-text-base);color:var(--rtp-ink-4);cursor:pointer}
.sv-sel.sv-filled{color:var(--bb-ink);font-weight:600}
.sv-age{display:inline-flex;white-space:nowrap;align-items:center;gap:8px;height:var(--bb-signup-verify-h-chip);padding:0 12px;border-radius:var(--bb-radius-pill);font-size:var(--bb-signup-verify-text-115);font-weight:700;background:var(--bb-signup-verify-soft);color:var(--rtp-ink-2);margin:-4px 0 16px}
.sv-age b{font-family:var(--bb-font-num);color:var(--rtp-ink-3)}
.sv-age.sv-u14{background:var(--bb-signup-verify-info-soft);color:var(--bb-signup-verify-info)}
.sv-age.sv-u14 b{color:var(--bb-signup-verify-info);opacity:.75}
.sv-u14box{border-radius:var(--bb-radius-lg);background:var(--bb-signup-verify-info-soft);padding:14px;font-size:var(--bb-signup-verify-text-12);line-height:1.65;color:var(--bb-signup-verify-info);font-weight:600;margin-bottom:18px}
.sv-consent{display:flex;gap:11px;align-items:flex-start;padding:13px;border-radius:var(--bb-radius-lg);background:var(--bb-primary-soft);margin-bottom:18px}
.sv-consent .sv-ck{margin-top:1px}
.sv-consent__t{display:block;font-size:var(--bb-signup-verify-text-13);font-weight:700}
.sv-consent__s{display:block;font-size:var(--bb-signup-verify-text-11);color:var(--rtp-ink-2);margin-top:4px;line-height:1.55}
.sv-lock{display:block;font-size:var(--bb-signup-verify-text-11);font-weight:700;color:var(--bb-primary);margin-top:5px}
.sv-cf-row{padding:15px 0 13px;border-bottom:1px solid var(--bb-border)}
.sv-cf-row .sv-k{display:block;font-size:var(--bb-signup-verify-text-12);color:var(--rtp-ink-3);margin-bottom:6px}
.sv-cf-row .sv-v{display:block;font-size:var(--bb-signup-verify-text-165);font-weight:700}
.sv-cf-row .sv-v.sv-agreed{color:var(--bb-primary)}
.sv-cf-row .sv-v .sv-tel{margin-right:8px}
.sv-mid{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;height:100%;text-align:center;padding-bottom:40px}
.sv-ring{width:var(--bb-signup-verify-size-ring);height:var(--bb-signup-verify-size-ring);border-radius:var(--bb-signup-verify-radius-round);border:var(--bb-signup-verify-ring-w) solid var(--bb-border);border-top-color:var(--bb-primary);animation:sv-sp .9s linear infinite}
@keyframes sv-sp{to{transform:rotate(360deg)}}
.sv-mid h2{font-size:var(--bb-signup-verify-text-19);font-weight:800;margin:0}
.sv-mid p{font-size:var(--bb-signup-verify-text-125);color:var(--rtp-ink-3);margin:0;line-height:1.65}
.sv-res{padding-top:34px;text-align:center}
.sv-res h1{font-size:var(--bb-signup-verify-text-23);font-weight:800;letter-spacing:-.7px;margin:16px 0 0;line-height:1.35}
.sv-res p{font-size:var(--bb-signup-verify-text-13);color:var(--rtp-ink-3);margin:10px 0 0;line-height:1.7}
.sv-ri-f-org{fill:var(--bb-primary)}
.sv-ri-f-org-soft{fill:var(--bb-primary-soft)}
.sv-ri-f-info-soft{fill:var(--bb-signup-verify-info-soft)}
.sv-ri-f-err{fill:var(--bb-signup-verify-err)}
.sv-ri-f-err-soft{fill:var(--bb-signup-verify-err-soft)}
.sv-ri-s-white{stroke:var(--bb-bg)}
.sv-ri-s-org{stroke:var(--bb-primary)}
.sv-ri-s-info{stroke:var(--bb-signup-verify-info)}
.sv-ri-s-err{stroke:var(--bb-signup-verify-err)}
.sv-idbox{margin-top:22px;border:1.5px solid var(--bb-border);border-radius:var(--bb-radius-xl);overflow:hidden;text-align:left}
.sv-idbox.sv-tight{margin-top:4px}
.sv-idbox .sv-hd{padding:12px 16px;background:var(--bb-signup-verify-soft);font-size:var(--bb-signup-verify-text-115);font-weight:700;color:var(--rtp-ink-2)}
.sv-idrow{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 16px;border-top:1px solid var(--bb-signup-verify-soft)}
.sv-idrow .sv-k{font-size:var(--bb-signup-verify-text-125);color:var(--rtp-ink-3)}
.sv-idrow .sv-k{white-space:nowrap}
.sv-idrow .sv-k.sv-para{line-height:1.65;white-space:normal}
.sv-idrow .sv-v{text-align:right;white-space:nowrap}
.sv-idrow .sv-v{font-family:var(--bb-font-num);font-size:var(--bb-text-base);font-weight:800}
.sv-idrow .sv-v.sv-ko{font-family:var(--rtp-font-ko);font-size:var(--bb-signup-verify-text-145);font-weight:700}
.sv-warn{margin-top:16px;border-radius:var(--bb-radius-lg);background:var(--bb-signup-verify-info-soft);padding:14px;font-size:var(--bb-signup-verify-text-12);line-height:1.65;color:var(--bb-signup-verify-info);text-align:left;font-weight:600}
.sv-warn.sv-o{background:var(--bb-primary-soft);color:var(--bb-signup-verify-warn-ink)}
.sv-dim{position:absolute;inset:0;background:var(--bb-signup-verify-dim);opacity:0;pointer-events:none;transition:.2s;z-index:8}
.sv-dim.sv-on{opacity:1;pointer-events:auto}
.sv-sheet{position:absolute;left:0;right:0;bottom:0;background:var(--bb-bg);border-radius:var(--bb-signup-verify-radius-sheet) var(--bb-signup-verify-radius-sheet) 0 0;padding:20px 20px 26px;transform:translateY(102%);transition:transform .3s var(--bb-signup-verify-ease);z-index:9}
.sv-sheet.sv-on{transform:none}
.sv-sheet h3{margin:0 0 4px;font-size:var(--bb-signup-verify-text-17);font-weight:800}
.sv-sheet p{margin:0 0 14px;font-size:var(--bb-signup-verify-text-12);color:var(--rtp-ink-3)}
.sv-slist{display:flex;flex-direction:column;gap:8px}
.sv-slist button{height:var(--bb-signup-verify-h-choice);border:1.5px solid var(--bb-border);background:var(--bb-bg);border-radius:var(--bb-radius);display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:var(--bb-signup-verify-text-145);font-weight:600;cursor:pointer}
.sv-slist button.sv-on{border-color:var(--bb-primary);background:var(--bb-primary-soft);color:var(--bb-primary)}