.srnav8-player{
  margin:8px 0 12px;
  padding:10px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:13px;
  background:linear-gradient(135deg,#101d3a,#071225);
  color:#fff;
  box-shadow:0 8px 22px rgba(0,0,0,.16);
}
.srnav8-head,.srnav8-controls,.srnav8-meta,.srnav8-time{display:flex;align-items:center}
.srnav8-head{justify-content:space-between;gap:8px;margin-bottom:8px}
.srnav8-head>div{display:flex;align-items:center;gap:6px;min-width:0;font-size:14px;line-height:1.25}
.srnav8-head strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.srnav8-head span{max-width:42%;font-size:10px;color:rgba(255,255,255,.68);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.srnav8-controls{display:grid;grid-template-columns:48px 62px 48px 48px 58px;gap:6px;align-items:center}
.srnav8-controls button{width:100%;min-width:0;height:40px;border:1px solid rgba(255,255,255,.14);background:#1a2d54;color:#fff;border-radius:11px;padding:0 5px;font:inherit;font-size:13px;font-weight:700;line-height:1}
.srnav8-controls .primary{background:#1477ff;border-color:#1477ff;font-size:14px}
.srnav8-controls button:disabled,.srnav8-speed select:disabled{opacity:.45}
.srnav8-speed{margin-left:0;width:100%;font-size:0}
.srnav8-speed select{width:100%;height:40px;border:1px solid rgba(255,255,255,.14);border-radius:11px;padding:0 5px;background:#071226;color:#fff;font-size:12px}
.srnav8-progress{position:relative;height:4px;margin-top:9px;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden;cursor:pointer}
.srnav8-progress span{display:block;width:0;height:100%;background:#4598ff}
.srnav8-player.loading .srnav8-progress:after{content:"";position:absolute;inset:0;width:32%;background:rgba(69,152,255,.75);animation:srnav8-load 1.3s infinite}
@keyframes srnav8-load{from{transform:translateX(-130%)}to{transform:translateX(390%)}}
.srnav8-time{justify-content:space-between;margin-top:4px;font-size:10px;color:rgba(255,255,255,.52)}
.srnav8-meta{justify-content:space-between;gap:10px;margin-top:6px;font-size:11px;color:rgba(255,255,255,.65)}
.srnav8-meta a{color:#80b7ff;white-space:nowrap}
#srnav8-fallback{display:none!important}
@media(max-width:560px){.srnav8-meta a{display:none}}
@media(min-width:561px){
  .srnav8-player{padding:12px}
  .srnav8-controls{display:flex;gap:7px}
  .srnav8-controls button{width:auto;min-width:48px;padding:0 10px}
  .srnav8-controls .primary{min-width:70px}
  .srnav8-speed{margin-left:auto;width:auto}
  .srnav8-speed select{width:68px}
}
@media(max-width:380px){
  .srnav8-controls{grid-template-columns:44px 58px 44px 44px 52px;gap:5px}
  .srnav8-controls button,.srnav8-speed select{height:38px;font-size:12px}
  .srnav8-head>div{font-size:13px}
}