/* 봄날초대장 — 초대장 뷰 (모바일 전용 느낌, 데스크톱은 중앙 폭 고정) */
html,body{height:100%}
body{background:#efeae3;margin:0}
.inv-page{max-width:430px;margin:0 auto;min-height:100vh;background:#fff;box-shadow:0 0 60px -20px rgba(60,40,20,.35)}
.inv-page .inv{min-height:100vh}

/* 무료 기간 한 줄 (바이럴 버튼 아래). 템플릿 톤을 해치지 않게 중립·저채도로.
   8/10 지나면 view.js가 아예 만들지 않는다 */
.free-line{text-align:center;font-size:11px;opacity:.55;padding:0 0 26px;margin:-16px 0 0;
  font-family:'Pretendard',sans-serif;word-break:keep-all}


/* ── 사진첩 크게 보기 ──
   모바일에서 X 버튼을 정확히 누르기 어려워, 배경·사진 어디를 눌러도 닫히게 했다
   (좌우 이동 버튼만 예외). 그래서 X는 있어도 되고 없어도 되는 보조 수단이다. */
.gpv{position:fixed;inset:0;z-index:9999;background:rgba(20,17,14,.94);
  display:flex;align-items:center;justify-content:center;padding:16px}
.gpv img{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px}
.gpv-x{position:absolute;top:14px;right:16px;width:40px;height:40px;border:none;border-radius:50%;
  background:rgba(255,255,255,.16);color:#fff;font-size:19px;cursor:pointer;line-height:1;padding:0}
.gpv-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:none;
  border-radius:50%;background:rgba(255,255,255,.16);color:#fff;font-size:24px;cursor:pointer;line-height:1;padding:0}
.gpv-prev{left:10px}
.gpv-next{right:10px}
.gpv-n{position:absolute;bottom:18px;left:0;right:0;text-align:center;
  color:rgba(255,255,255,.75);font-size:12.5px;font-family:'Pretendard',sans-serif;margin:0}