*{box-sizing:border-box;margin:0;padding:0}
body.embed-body{background:transparent;color:#fff8df;font-family:Arial,Helvetica,sans-serif}
.steed-embed{
  border:1px solid rgba(255,216,112,.35);
  background:radial-gradient(circle at 80% 30%,rgba(255,205,66,.16),transparent 28%),linear-gradient(135deg,rgba(18,12,4,.96),rgba(0,0,0,.96));
  box-shadow:0 0 34px rgba(255,190,45,.22),inset 0 0 30px rgba(255,198,56,.06);
  overflow:hidden;
}
.classic-player{
  min-height:132px;
  display:grid;
  grid-template-columns:220px minmax(190px,1fr) minmax(160px,.8fr) 72px 120px;
  gap:14px;
  align-items:center;
  padding:14px 18px;
  border-radius:18px;
}
.brand{display:flex;align-items:center;gap:12px}.brand img{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(255,203,69,.55))}
.brand strong,.mini-player strong,.sidebar-player strong,.floating-player strong{display:block;background:linear-gradient(90deg,#76500c,#ffe49b,#a86e10,#fff3b9,#7c5008);-webkit-background-clip:text;color:transparent}
.brand strong{font-size:22px;line-height:.9}.brand span{display:block;color:#cdbf94;font-size:11px;margin-top:4px}
.now small,.sidebar-player small,.floating-player small{display:block;color:#ffe79a;font-weight:900;font-size:11px}.now b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff8df;font-size:19px}.now span{color:#cdbf94;font-size:12px}
#embedWave{width:100%;height:70px;display:block;filter:drop-shadow(0 0 8px rgba(255,205,72,.7))}
.play{border:1px solid #fff0ad;background:radial-gradient(circle,#fff6bd,#d99a22 60%,#4e2a00);color:#130b00;font-weight:900;cursor:pointer;box-shadow:0 0 26px rgba(255,190,43,.60)}
.classic-player .play{width:60px;height:60px;border-radius:50%;font-size:24px}.site{justify-self:end;border:1px solid rgba(255,216,112,.28);border-radius:999px;padding:11px 14px;color:#ffe79a;text-decoration:none;font-size:12px;font-weight:900;background:rgba(255,205,72,.05)}
.mini-player{height:86px;display:grid;grid-template-columns:58px 1fr 54px;align-items:center;gap:10px;padding:12px 14px;border-radius:16px}.mini-player img{width:54px;filter:drop-shadow(0 0 10px rgba(255,203,69,.55))}.mini-player strong{font-size:20px}.mini-player span{font-size:11px;color:#cdbf94}.mini-play{width:48px;height:48px;border-radius:50%;font-size:20px}
.sidebar-player{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:22px;border-radius:22px}.sidebar-player img{width:116px;filter:drop-shadow(0 0 18px rgba(255,203,69,.55))}.sidebar-player strong{font-size:28px}.sidebar-player .play{border-radius:999px;padding:14px 24px}.sidebar-player a{color:#ffe79a;font-size:12px;font-weight:900;text-decoration:none}
.floating-player{height:76px;display:grid;grid-template-columns:58px 1fr 52px;align-items:center;gap:10px;padding:10px 12px;border-radius:999px}.floating-player img{width:54px;filter:drop-shadow(0 0 12px rgba(255,203,69,.55))}.floating-player strong{font-size:18px}
@media(max-width:760px){.classic-player{grid-template-columns:1fr 60px;min-height:150px}.brand{grid-column:1/3}.now,#embedWave{grid-column:1}.site{display:none}}


/* Embed Kit volume controls */
.embed-volume{
  display:grid;
  grid-template-columns:auto minmax(74px,120px);
  gap:8px;
  align-items:center;
  color:#cdbf94;
  font-size:10px;
  font-weight:900;
  letter-spacing:.04em;
}
.embed-volume input[type="range"]{
  width:100%;
  accent-color:#ffe79a;
  cursor:pointer;
}
.classic-player{
  grid-template-columns:220px minmax(190px,1fr) minmax(150px,.8fr) 72px minmax(105px,135px) 120px;
}
.mini-player{
  height:auto;
  min-height:86px;
  grid-template-columns:58px 1fr 54px minmax(95px,120px);
}
.mini-volume{
  grid-template-columns:auto 1fr;
}
.sidebar-volume{
  width:min(210px,100%);
  grid-template-columns:1fr;
  gap:6px;
  text-align:left;
}
.floating-player{
  height:auto;
  min-height:76px;
  grid-template-columns:58px 1fr 52px minmax(85px,105px);
}
.floating-volume{
  grid-template-columns:auto 1fr;
  gap:5px;
}
@media(max-width:760px){
  .classic-player{
    grid-template-columns:1fr 60px;
  }
  .classic-player .embed-volume{
    grid-column:1/3;
  }
}
@media(max-width:520px){
  .mini-player,
  .floating-player{
    grid-template-columns:52px 1fr 50px;
  }
  .mini-player .embed-volume,
  .floating-player .embed-volume{
    grid-column:1/4;
    width:100%;
  }
}