.ri-a-rc{margin:22px 0 6px;padding:2px 0 0;border-top:1px solid #edf0f4;font-family:inherit;position:relative}
.ri-a-rc__sum{display:flex;align-items:center;gap:7px;padding:11px 2px 3px;font-size:13px;color:#5b6472}
.ri-a-rc__faces{display:inline-flex}
.ri-a-rc__faces i{width:21px;height:21px;border-radius:50%;background:#fff;border:1px solid #e6eaf0;
  display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-style:normal;margin-left:-6px;box-shadow:0 1px 2px rgba(15,23,42,.08)}
.ri-a-rc__faces i:first-child{margin-left:0}
.ri-a-rc__n{font-weight:700;color:#0f172a}
.ri-a-rc__bar{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;border-top:1px solid #edf0f4;margin-top:6px}
/* 🚨 font 축약 금지 — 글꼴 자리에 inherit 를 쓰면 선언 전체가 버려진다(2026-09-23 실측에서 600 이 안 먹고 있었다) */
.ri-a-rc__b{display:flex;align-items:center;justify-content:center;gap:6px;min-height:46px;padding:6px 4px;
  background:none;border:0;cursor:pointer;color:#5b6472;text-decoration:none;
  font-family:inherit;font-weight:600;font-size:13.5px;line-height:1.2;
  border-radius:10px;-webkit-tap-highlight-color:transparent;transition:background .15s ease,color .15s ease}
.ri-a-rc__b:focus-visible,.ri-a-rc__p:focus-visible{outline:2px solid #0b3aa0;outline-offset:-2px}
.ri-a-rc__b:hover{background:#f6f8fb}
.ri-a-rc__b:active{background:#eef2f7}
.ri-a-rc__ic svg{width:21px;height:21px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ri-a-rc__c{font-weight:700;color:#0f172a}
.ri-a-rc__b.is-on{color:#000000}
.ri-a-rc__b.is-on .ri-a-rc__ic svg{fill:currentColor;stroke:currentColor}
.ri-a-rc__b.is-on .ri-a-rc__e{font-size:19px}
.ri-a-rc__e{font-size:18px;line-height:1}
/* 밴드식 감정 고르개 */
.ri-a-rc__pick{position:absolute;left:0;bottom:calc(100% - 6px);z-index:40;display:flex;gap:2px;padding:7px 9px;
  background:#fff;border:1px solid #e6eaf0;border-radius:999px;box-shadow:0 10px 30px -10px rgba(15,23,42,.35);
  transform:translateY(6px) scale(.96);opacity:0;transition:transform .16s ease,opacity .16s ease;pointer-events:none}
.ri-a-rc__pick.is-open{transform:none;opacity:1;pointer-events:auto}
.ri-a-rc__p{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:54px;padding:4px 2px;
  background:none;border:0;cursor:pointer;color:#5b6472;border-radius:12px;
  font-family:inherit;font-weight:600;font-size:10.5px;line-height:1.2;
  white-space:nowrap;letter-spacing:-.3px}
.ri-a-rc__p:hover{background:#f6f8fb}
.ri-a-rc__p .ri-a-rc__e{font-size:23px;transition:transform .14s ease}
.ri-a-rc__p:hover .ri-a-rc__e{transform:translateY(-3px) scale(1.15)}
.ri-a-rc__p.is-on{color:#0b3aa0}
.ri-a-rc__toast{position:fixed;left:50%;bottom:calc(var(--ri-bnav-h,64px) + 28px);transform:translateX(-50%);z-index:9700;
  max-width:calc(100vw - 32px);background:rgba(15,23,42,.94);color:#fff;padding:11px 17px;border-radius:999px;
  font-family:inherit;font-weight:600;font-size:13px;line-height:1.3;
  opacity:0;transition:opacity .2s ease;pointer-events:none}
.ri-a-rc__toast.is-on{opacity:1;pointer-events:auto}
.ri-a-rc__toast a{color:#ffffff;text-decoration:underline;margin-left:8px;white-space:nowrap}
@media (max-width:820px){
  .ri-a-rc__bar{grid-template-columns:repeat(3,1fr)}
  .ri-a-rc__b{font-size:13px;min-height:48px}
  .ri-a-rc__pick{left:50%;transform:translate(-50%,6px) scale(.96)}
  .ri-a-rc__pick.is-open{transform:translate(-50%,0) scale(1)}
}
@media (prefers-reduced-motion:reduce){.ri-a-rc__pick,.ri-a-rc__p .ri-a-rc__e{transition:none}}