/* 별점 묻기(rating-prompt.js) — 폰 앱의 "이 앱 어떠세요?" 같은 작은 카드. 램피 자리(오른쪽 아래)에 뜨고, 떠 있는 동안 램피는 숨는다.
   폰은 하단 탭 바 위에 양옆 14px로 뜬다. */
.rp-card{position:fixed;right:24px;bottom:24px;z-index:46;width:340px;padding:18px 18px 14px;border:1px solid var(--ui-line);border-radius:var(--ui-radius-l);background:#fff;color:var(--ui-ink);box-shadow:0 18px 50px rgba(20,32,42,.18);animation:rp-in .28s cubic-bezier(.2,.9,.3,1.2)}
.rp-card.rp-leaving{animation:rp-out .18s ease-in forwards}
body:has(.rp-card) .fb-buddy{display:none}
.is-webapp .rp-card{display:none}
@keyframes rp-in{from{opacity:0;transform:translateY(14px) scale(.96)}}
@keyframes rp-out{to{opacity:0;transform:translateY(10px) scale(.97)}}
.rp-head{display:flex;align-items:flex-start;gap:11px}
.rp-face{flex:none;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--ui-surface-2)}
.rp-face img{display:block;width:30px;height:auto;margin-top:2px}
.rp-words{flex:1;min-width:0;padding-top:1px}
.rp-words strong{display:block;font-size:16px;line-height:1.3;letter-spacing:-.02em}
.rp-words p{margin:3px 0 0;font-size:13px;line-height:1.45;color:var(--ui-ink-3)}
.rp-x{flex:none;display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin:-6px -6px 0 0;border:0;border-radius:50%;background:none;color:var(--ui-ink-3);font-size:19px;line-height:1}
.rp-x:hover{background:var(--ui-surface-2);color:var(--ui-ink)}
.rp-stars{display:flex;justify-content:center;gap:6px;margin:16px 0 2px}
.rp-stars button{display:flex;padding:4px;border:0;border-radius:12px;background:none;color:var(--ui-line-strong);transition:transform .12s,color .12s}
.rp-stars svg{width:34px;height:34px;fill:currentColor}
.rp-stars button.is-on{color:#f5a524}
.rp-stars button:hover{transform:scale(1.12)}
.rp-stars button:active{transform:scale(.94)}
.rp-stars button:focus-visible{outline:3px solid var(--ui-focus);outline-offset:1px}
.rp-label{min-height:18px;margin:0;text-align:center;font-size:13px;font-weight:600;color:var(--ui-ink-2)}
.rp-more{margin-top:10px}
.rp-more[hidden]{display:none}
.rp-more textarea{display:block;width:100%;min-height:72px;max-height:30vh;resize:vertical;border:1px solid var(--ui-line-strong);border-radius:var(--ui-radius-m);padding:10px 12px;font-size:14px;line-height:1.5;color:var(--ui-ink);background:var(--ui-surface)}
.rp-more textarea:focus{outline:none;border-color:var(--ui-focus);background:#fff}
.rp-error{margin:8px 0 0;font-size:12px;color:#b3261e}
.rp-error:empty{display:none}
.rp-foot{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-top:12px}
.rp-foot .text-button{font-size:13px;color:var(--ui-ink-3)}
.rp-foot .button{min-height:38px;padding:8px 20px}
.rp-foot .button:disabled{opacity:.35;cursor:default}
.rp-done{padding:14px 0 6px;text-align:center}
.rp-done strong{display:block;font-size:15px}
.rp-done p{margin:5px 0 0;font-size:13px;color:var(--ui-ink-3)}
@media(max-width:760px){
 .rp-card{left:14px;right:14px;width:auto;bottom:calc(64px + env(safe-area-inset-bottom,0px) + 14px)}
 .rp-stars{gap:4px}
 .rp-stars svg{width:38px;height:38px}
 .rp-more textarea{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.rp-card,.rp-card.rp-leaving{animation:none}.rp-stars button{transition:none}}