/* /app — 명함 QR 목적지. 로고와 스토어 버튼 둘만 있는 화면.
   폰(아이폰·안드로이드)은 이 화면을 보지 않고 src/worker.js 가 스토어로 바로 보낸다(2026-10-13).
   여기 오는 건 PC, iPad, 링크 미리보기뿐이다.
   토큰·.btn·.wordmark 는 style.css 가 준다. 이 파일은 그 위의 배치만 맡는다.

   ⚠️ 별도 파일인 이유: style.css 에 덧붙였더니 이미 그 파일을 캐시해 둔 브라우저
   (카톡 인앱 등)가 옛 사본을 1시간까지 그대로 써서 이 화면만 배치가 빠졌다.
   새 파일은 새 URL이라 낡은 사본이 존재할 수 없다.

   ⚠️ 인라인 <style>은 CSP(style-src 'self')에 막힌다. 반드시 외부 파일이어야 한다. */

.applink {
  min-height: 100vh;      /* 구형 웹뷰 폴백 — 카톡 인앱은 뒤쳐진 WebKit일 수 있다 */
  min-height: 100svh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--gutter);
  text-align: center;
}

/* gap 미지원 웹뷰에서도 간격이 남도록 마진으로 준다 */
.applink > * { margin: 0.625rem 0; }

.applink__icon {
  width: 88px;
  height: 88px;
  border-radius: 20px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);   /* 구형 문법 */
}

.applink .wordmark { font-size: var(--text-xl); }

.applink .btn-row {
  margin-top: 1.25rem;
  justify-content: center;
}