:root{
  --sqg-primary:#f7b2d9;
  --sqg-secondary:#d8b4fe;
  --sqg-text:#2d2a32;
  --sqg-bg:#ffffff;
}
.sqg-wrap{ max-width:720px; margin:0 auto; }
.sqg-card{ background:var(--sqg-bg); border-radius:20px; padding:16px; box-shadow:0 10px 30px rgba(0,0,0,.08); border:1px solid #f1e7f5; }
.sqg-title{ text-align:center; color:var(--sqg-text); margin:10px 0 6px; }
.sqg-cover{ width:100%; height:auto; border-radius:16px; object-fit:cover; margin-bottom:10px; }
.sqg-btn{ display:inline-block; padding:12px 16px; border:none; border-radius:999px; background:linear-gradient(135deg, var(--sqg-primary), var(--sqg-secondary)); color:#fff; cursor:pointer; font-weight:700; width:100%; }
.sqg-btn + .sqg-btn{ margin-top:8px; }
.sqg-progress{ width:100%; background:#f9e7f3; height:8px; border-radius:999px; position:relative; margin-bottom:12px; }
.sqg-progress-text{ position:absolute; top:-22px; right:0; font-size:12px; color:#7e6a86; }
.sqg-question{ text-align:center; }
.sqg-qimg{ width:100%; height:auto; border-radius:16px; margin-bottom:10px; }
.sqg-qtext{ font-size:18px; font-weight:700; color:var(--sqg-text); margin-bottom:12px; }
.sqg-answers{ display:grid; grid-template-columns:1fr; gap:8px; }
.sqg-result-title{ text-align:center; margin:8px 0; color:var(--sqg-text); }
.sqg-result-image{ width:100%; height:auto; border-radius:16px; margin-bottom:10px; }
.sqg-result-score{ text-align:center; font-size:12px; opacity:.7; margin-bottom:4px; }
.sqg-result-desc{ text-align:center; color:#4b3f56; margin-bottom:10px; }
.sqg-error{ color:#b91c1c; }
@media (max-width:600px){
  .sqg-card{ padding:14px; border-radius:16px; }
}