/* SQG Rating Block (centered, narrow) */
#rate-sqg {
  text-align: center;
  margin: 48px auto 24px;
  padding: 24px;
  border-radius: 16px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.06);
  max-width: 720px;
  position: relative;
}
#rate-sqg .title { font-weight: 700; font-size: 22px; margin-bottom: 12px; }
#rate-sqg .star-row { display:flex; gap:14px; justify-content:center; align-items:center; }
#rate-sqg .star-btn{
  width: 44px; height: 44px;
  background: transparent url('star.png') center/contain no-repeat;
  filter: grayscale(1) brightness(.7) opacity(.55);
  border: none; border-radius: 999px; cursor: pointer;
  transition: transform .16s ease, filter .16s ease, box-shadow .16s ease;
}
#rate-sqg .star-btn:hover, #rate-sqg .star-btn.active{
  filter:none; transform: scale(1.08);
  box-shadow: 0 0 0 6px rgba(255,214,0,.14), 0 0 24px rgba(255,214,0,.35);
}
#rate-sqg .thanks{ display:none; margin-top: 8px; font-weight:600; }
#rate-sqg .toast{
  position:absolute; left:50%; transform:translateX(-50%) translateY(8px);
  bottom:-18px; background: rgba(20,20,30,.95); border:1px solid rgba(255,255,255,.08);
  padding:10px 14px; border-radius:12px; font-weight:600; opacity:0; pointer-events:none;
  transition:opacity .2s ease, transform .2s ease; white-space:nowrap; box-shadow:0 8px 24px rgba(0,0,0,.35);
}
#rate-sqg.toast-visible .toast{ opacity:1; transform:translateX(-50%) translateY(0); }
@media (max-width:480px){ #rate-sqg{padding:18px} #rate-sqg .star-btn{width:38px;height:38px} }