/* Vibe Leo VL.9 sticky player and mobile polish */
body.vl-has-sticky-player{padding-bottom:95px}
#vl-sticky-player[hidden]{display:none!important}
#vl-sticky-player{
 position:fixed;bottom:0;left:0;right:0;z-index:9999;
 background:#102e27;color:#fff;
 border-top:2px solid #d6b45e;
 box-shadow:0 -8px 35px rgba(0,0,0,.18);
 padding:12px max(20px,calc((100vw - 1450px)/2));
}
.vl-sticky-inner{
 display:grid;grid-template-columns:minmax(170px,1fr) auto minmax(160px,1.3fr) auto;
 align-items:center;gap:20px;max-width:1450px;margin:auto;
}
.vl-sticky-song{display:flex;align-items:center;gap:11px;min-width:0}
.vl-sticky-cover{
 width:53px;height:53px;flex:0 0 53px;border-radius:9px;
 object-fit:cover;background:#254d3b;
}
.vl-sticky-placeholder{
 display:grid;place-items:center;font-weight:900;color:#e5c573;
}
.vl-sticky-info{min-width:0}
.vl-sticky-info strong{
 display:block;font-size:13px;white-space:nowrap;
 overflow:hidden;text-overflow:ellipsis;
}
.vl-sticky-info span{display:block;font-size:11px;color:#b9d0c2}
.vl-sticky-controls{display:flex;align-items:center;gap:9px}
.vl-sticky-controls button,
.vl-sticky-close{
 cursor:pointer;border:0;color:#fff;background:transparent;
 min-width:35px;min-height:35px;font-size:19px;
}
.vl-sticky-controls [data-vl-play]{
 background:#e5bd5e;color:#16362a;border-radius:50%;
 width:43px;height:43px;font-size:16px;
}
.vl-sticky-progress{display:flex;align-items:center;gap:10px;min-width:0}
.vl-sticky-progress span{font-size:11px;color:#d4e1d6;font-variant-numeric:tabular-nums}
.vl-sticky-progress input{flex:1;min-width:0;accent-color:#e5bd5e}
.vl-sticky-extra{display:flex;align-items:center;gap:10px}
.vl-sticky-extra input{width:78px;accent-color:#e5bd5e}
.vl-sticky-extra a{
 color:#183b2e;background:#e5bd5e;padding:9px 13px;
 border-radius:20px;font-size:11px;font-weight:800;white-space:nowrap;
}
.vl-sticky-close{font-size:23px}
body.vl-premium .vl-mobile-toggle{cursor:pointer}
body.vl-premium .vl-sidebar.is-open{background:#f8f6ef}
body.vl-premium .vl-side-nav a:focus-visible,
body.vl-premium .vl-top-nav a:focus-visible,
#vl-sticky-player button:focus-visible,
#vl-sticky-player a:focus-visible{
 outline:3px solid #e5bd5e;outline-offset:3px;
}
@media(max-width:1050px){
 .vl-sticky-inner{grid-template-columns:minmax(130px,1fr) auto minmax(110px,1fr) auto;gap:10px}
 .vl-sticky-extra input{display:none}
}
@media(max-width:700px){
 body.vl-has-sticky-player{padding-bottom:135px}
 #vl-sticky-player{padding:9px 13px 12px}
 .vl-sticky-inner{
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:7px 10px;
 }
 .vl-sticky-song{grid-column:1/2}
 .vl-sticky-cover{width:43px;height:43px;flex-basis:43px}
 .vl-sticky-controls{grid-column:2/3;gap:2px}
 .vl-sticky-controls button{min-width:29px}
 .vl-sticky-controls [data-vl-play]{width:36px;height:36px}
 .vl-sticky-close{grid-column:3/4;grid-row:1}
 .vl-sticky-progress{grid-column:1/-1;grid-row:2}
 .vl-sticky-extra{grid-column:1/-1;grid-row:3;justify-content:flex-end}
 .vl-sticky-extra input{display:none}
 .vl-sticky-extra a{padding:5px 12px}
 body.vl-premium .vl-header-inner{gap:9px}
 body.vl-premium .vl-logo-text{font-size:17px}
 body.vl-premium .vl-home-premium{padding:12px}
 body.vl-premium .vl-release-details h3{line-height:1.4}
}
@media(prefers-reduced-motion:reduce){
 #vl-sticky-player *{scroll-behavior:auto;transition:none!important}
}
