.reputation-section{max-width:920px;margin:2rem auto;padding:1.25rem;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.35);backdrop-filter:blur(6px)}
.reputation-section h2{font-size:1.5rem;margin:0 0 .75rem}
.reputation-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}
.reputation-row .btn{padding:.55rem .9rem;border-radius:10px;border:1px solid rgba(255,255,255,.15);cursor:pointer}
.reputation-row .btn.primary{background:#3b82f6;border-color:#3b82f6;color:#fff}
.reputation-row select{padding:.5rem .75rem;border-radius:10px;background:#0b1220;color:#e5e7eb;border:1px solid rgba(255,255,255,.12)}
.stars{display:inline-flex;gap:.25rem;vertical-align:middle}
.star{font-size:22px;color:#999;cursor:pointer;transition:transform .08s ease}
.star.active{color:#fbbf24}
.star:hover{transform:scale(1.05)}
#rep-status{font-size:.9rem;opacity:.8;margin-left:.5rem}
@media(max-width:640px){
  .reputation-row{gap:.5rem}
  .reputation-row select{flex:1 1 100%}
}