/* Minimal, light player styling */
.wprpp-player{
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 12px;
  border-radius:14px;
  background:#ffffff;
  border:1px solid rgba(0,0,0,0.06);
  box-shadow:0 2px 10px rgba(0,0,0,0.04);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  max-width:680px;
  margin:12px 0;
}

.wprpp-btn{
  background:#111827;
  color:#fff;
  border:none;
  border-radius:999px;
  width:40px;
  height:40px;
  font-size:16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:transform .12s ease, opacity .2s ease, background .2s ease;
}
.wprpp-btn:hover{ opacity:.9; transform: translateY(-1px); }
.wprpp-btn:active{ transform: translateY(0); }

.wprpp-play{ background:#111827; }
.wprpp-stop{ background:#e11d48; } /* rose-600 */

.wprpp-progress-wrap{
  flex:1;
  height:8px;
  border-radius:999px;
  background:linear-gradient(180deg, #f3f4f6, #e5e7eb);
  position:relative;
  overflow:hidden;
  cursor:pointer;
}
.wprpp-progress{
  position:absolute;
  left:0; top:0; height:100%;
  background:linear-gradient(90deg, #2563eb, #06b6d4);
  border-radius:999px;
  width:0%;
  transition: width .2s linear;
}

.wprpp-time{
  font-size:12px;
  color:#374151;
  min-width:92px;
  text-align:right;
}