.verse-appbar{display:flex;align-items:center;font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif}
.verse-appbar-hero{position:absolute;top:16px;right:16px;z-index:4;padding:0}
.verse-appbar-admin{justify-content:flex-end;padding:10px 0 14px}
.verse-appbar button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:1px solid rgba(226,215,239,.92);border-radius:50%;background:rgba(255,255,255,.72);color:#806b98;box-shadow:0 3px 12px rgba(107,94,138,.13);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;transition:.16s ease}
.verse-appbar button:hover{background:rgba(255,255,255,.94);border-color:#c9b7e0;transform:translateY(-1px)}
.verse-appbar button:active{transform:translateY(0) scale(.96)}
.verse-appbar svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.verse-appbar .vp-label{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.verse-push{box-sizing:border-box;width:min(420px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:0;overflow:auto;border:1px solid #e7dcf1;border-radius:24px;background:#fffdfF;color:#675677;box-shadow:0 24px 100px #37204440;font:14px/1.65 Pretendard,-apple-system,BlinkMacSystemFont,sans-serif}
.verse-push::backdrop{background:#34234466;backdrop-filter:blur(5px)}.verse-push *{box-sizing:border-box}.verse-push [hidden],.verse-appbar [hidden]{display:none!important}
.verse-push .vp-head{position:relative;padding:25px 24px 19px;background:linear-gradient(135deg,#f9f5ff,#fefafd);border-bottom:1px solid #f0e8f6}.verse-push .vp-kicker{font-size:9px;letter-spacing:2px;font-weight:800;color:#ab96be}.verse-push h2{font-size:21px;letter-spacing:-.6px;margin:7px 35px 4px 0;color:#6d5684}.verse-push p{margin:0;font-size:12px;line-height:1.7;color:#92849f}.verse-push .vp-close{position:absolute;right:18px;top:18px;width:30px;height:30px;padding:0;border:1px solid #e7ddef;border-radius:50%;background:white;color:#a48cb8;font-size:20px;cursor:pointer}
.verse-push .vp-body{padding:20px 24px 24px}.verse-push .vp-note{padding:13px 15px;background:#f7f2fc;border:1px solid #ece2f6;border-radius:13px;margin-bottom:15px;white-space:pre-line}.verse-push label.vp-choice{display:flex;gap:12px;align-items:center;margin:0;padding:14px 0;border-bottom:1px dashed #ede3f5;cursor:pointer}.verse-push .vp-choice input{appearance:auto;width:18px;height:18px;flex:none;accent-color:#9877b5;margin:0}.verse-push .vp-choice span{display:block}.verse-push .vp-choice strong{display:block;font-size:13px;font-weight:750;color:#746181}.verse-push .vp-choice small{display:block;font-size:11px;font-weight:400;color:#a092ac;line-height:1.55;margin-top:3px}
.verse-push .vp-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.verse-push .vp-actions button{font:700 12px/1.5 Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;cursor:pointer;min-height:42px;border:1px solid #e6dbee;border-radius:12px;color:#8b739e;background:#faf6fd;padding:10px 14px}.verse-push .vp-actions .vp-primary{flex:1 0 100%;background:linear-gradient(115deg,#a08abb,#8e73ab);color:white;border:0;box-shadow:0 5px 15px #a087b924}.verse-push button:disabled{opacity:.5;cursor:default}.verse-push .vp-status{margin-top:12px;white-space:pre-line}.verse-push .vp-status[data-error=true]{color:#a24e75}.verse-push .vp-foot{font-size:10px;margin-top:16px;color:#aa9cb4}.verse-push :focus-visible,.verse-appbar :focus-visible{outline:3px solid #b6a1cd;outline-offset:3px}
@media(max-width:380px){.verse-appbar-hero{top:12px;right:12px}.verse-appbar button{width:36px;height:36px}.verse-push .vp-head{padding:22px 19px 16px}.verse-push .vp-body{padding:16px 19px 20px}}

.verse-push .vp-admin-link{display:inline-block;margin-top:10px;color:#a18aac;text-decoration:underline;text-underline-offset:3px}

/* ===== PWA · pull to refresh ===== */
@media (display-mode:standalone){html,body{overscroll-behavior-y:none}}
.pull-refresh-indicator{
  position:fixed;
  z-index:9999;
  left:50%;
  top:calc(env(safe-area-inset-top,0px) + 5px);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
  opacity:0;
  pointer-events:none;
  transform:translate(-50%,-64px);
  transition:opacity .12s ease,transform .12s ease;
  font-family:Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.pull-refresh-indicator.is-visible{opacity:1}
.pull-refresh-badge{
  width:48px;
  height:38px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.78);
  border-radius:14px;
  background:#9580ad;
  box-shadow:0 5px 16px rgba(91,70,112,.18);
}
.pull-refresh-logo{
  display:block;
  width:42px;
  height:auto;
  transform-origin:50% 50%;
  will-change:transform;
}
.pull-refresh-label{
  padding:3px 7px;
  border:1px solid rgba(229,219,239,.9);
  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:#89759d;
  box-shadow:0 2px 8px rgba(91,70,112,.08);
  font-size:8px;
  font-weight:800;
  line-height:1.2;
  white-space:nowrap;
}
.pull-refresh-indicator.is-ready .pull-refresh-label{color:#d45479}
.pull-refresh-indicator.is-refreshing .pull-refresh-logo{animation:three-three-refresh-spin .65s linear infinite}
@keyframes three-three-refresh-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.pull-refresh-indicator,.pull-refresh-logo{transition:none!important;animation:none!important}}

/* Keep modal/comment-sheet scrolling isolated from the page pull-to-refresh gesture. */
.gallery-comment-overlay,.gallery-comment-sheet,.gallery-comment-list{overscroll-behavior-y:contain}
.gallery-comment-list{-webkit-overflow-scrolling:touch;touch-action:pan-y}


/* v9.15.12 · 푸쉬 알림창 가독성: 기존 굵기 유지, 크기만 확대 */
.verse-push{font-size:16px}
.verse-push h2{font-size:24px}
.verse-push p{font-size:14px}
.verse-push .vp-choice strong{font-size:15px}
.verse-push .vp-choice small{font-size:13px}
.verse-push .vp-actions button{font-size:14px}
.verse-push .vp-foot{font-size:12px}
.verse-push .vp-admin-link{font-size:12px}
