/* ===========================================================
   RXSTARS — component styles
   Brand-neutral. Override the four vars below per deployment.
   =========================================================== */

.rxstars{
  --rxs-star:#F5B301;        /* filled star */
  --rxs-star-off:#9AA7B4;    /* empty star */
  --rxs-fg:#0E1620;          /* text */
  --rxs-muted:#6B7A89;       /* secondary text */
  --rxs-accent:#146BFF;      /* buttons */
  --rxs-surface:#FFFFFF;     /* panel */
  --rxs-line:rgba(14,22,32,.14);

  max-width:440px;margin:0 auto;text-align:center;
  font-family:inherit;color:var(--rxs-fg);
}

.rxs-q{
  font-size:1.32rem;font-weight:600;line-height:1.3;
  margin-bottom:22px;
}

.rxs-stars{
  display:flex;justify-content:center;gap:6px;margin-bottom:14px;
}
.rxs-star{
  background:none;border:0;padding:4px;cursor:pointer;
  color:var(--rxs-star-off);line-height:0;
  transition:transform .12s ease,color .12s ease;
  -webkit-tap-highlight-color:transparent;
}
.rxs-star svg{width:46px;height:46px;display:block}
.rxs-star.on{color:var(--rxs-star)}
.rxs-star:hover,.rxs-star:focus-visible{transform:scale(1.12);outline:none}
.rxs-star:focus-visible svg{filter:drop-shadow(0 0 6px var(--rxs-accent))}
.rxs-star:active{transform:scale(.94)}

.rxs-hint{font-size:.9rem;color:var(--rxs-muted);min-height:1.4em}

.rxs-panel{
  margin-top:20px;padding:20px;text-align:left;
  background:var(--rxs-surface);
  border:1px solid var(--rxs-line);border-radius:12px;
}
[dir="rtl"] .rxs-panel{text-align:right}
.rxs-tellus{font-size:.94rem;color:var(--rxs-muted);margin:0 0 12px}
.rxs-tellus:empty{display:none}

.rxs-text{
  width:100%;box-sizing:border-box;padding:12px 14px;
  font:inherit;font-size:1rem;color:var(--rxs-fg);
  background:transparent;
  border:1px solid var(--rxs-line);border-radius:8px;
  resize:vertical;min-height:96px;
}
.rxs-text:focus{outline:none;border-color:var(--rxs-accent)}

.rxs-actions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.rxs-actions button{
  font:inherit;font-size:.94rem;font-weight:500;
  padding:12px 24px;border-radius:8px;cursor:pointer;
  transition:opacity .18s,background .18s;
}
.rxs-send{background:var(--rxs-accent);color:#fff;border:0;flex:1;min-width:130px}
.rxs-send:disabled{opacity:.6;cursor:default}
.rxs-skip{background:transparent;color:var(--rxs-muted);border:1px solid var(--rxs-line)}
.rxs-send:hover:not(:disabled),.rxs-skip:hover{opacity:.86}

.rxs-done{
  font-size:1.16rem;font-weight:600;padding:34px 0;line-height:1.4;
}

@media(max-width:420px){
  .rxs-star svg{width:40px;height:40px}
  .rxs-q{font-size:1.16rem}
  .rxs-actions button{width:100%}
}
@media(prefers-reduced-motion:reduce){
  .rxs-star{transition:none}
  .rxs-star:hover,.rxs-star:active{transform:none}
}