html,body{margin:0;padding:0;background:transparent;overflow-x:hidden}
.pdr-topbar{
  width:100%;
  background:linear-gradient(180deg, rgba(12,12,12,.92), rgba(0,0,0,.88));
  border-bottom:1px solid rgba(255,255,255,.10);
  box-shadow:0 10px 30px rgba(0,0,0,.45);
  font-family:system-ui,Segoe UI,Arial,sans-serif;
}
.pdr-inner{
  height:72px;
  max-width:1100px;
  margin:0 auto;
  padding:10px 14px;
  display:flex;
  align-items:center;
  gap:12px;
}
.pdr-btn{
  width:42px;height:42px;border-radius:14px;
  border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(180deg, rgba(255,140,0,.95), rgba(200,80,0,.92));
  color:#111;font-weight:900;cursor:pointer;
  box-shadow:0 10px 22px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.25);
}
.pdr-meta{flex:1;min-width:0}
.pdr-title{color:#fff;font-size:15px;font-weight:900;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pdr-sub{color:rgba(255,255,255,.70);font-size:12px;margin-top:2px}
.pdr-vol{width:160px}
.pdr-bars{display:flex;gap:3px;width:140px;justify-content:flex-end}
.pdr-bars span{
  display:block;width:7px;height:10px;border-radius:7px;
  background:rgba(255,255,255,.35);
  transform-origin:bottom;
  transform:scaleY(.35);
  opacity:.55;
}