/* MPBP440 V6.0 — App Quasi Native */
:root{
  --mpbp-gold:#f4d35e;
  --mpbp-soft:#fff1bd;
  --mpbp-bg:#050505;
}
html.mpbp-app-ready{
  scroll-behavior:smooth;
}
body{
  -webkit-tap-highlight-color:transparent;
  overscroll-behavior-y:none;
}
.mpbp-native-shell{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:9997;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:4px;
  padding:8px 8px calc(8px + env(safe-area-inset-bottom));
  border-top:1px solid rgba(244,211,94,.28);
  background:rgba(5,5,5,.94);
  backdrop-filter:blur(18px);
}
.mpbp-native-shell a{
  display:grid;
  place-items:center;
  gap:3px;
  color:#fff;
  text-decoration:none;
  font:700 11px Arial,sans-serif;
  border-radius:14px;
  padding:7px 4px;
}
.mpbp-native-shell a span{
  font-size:20px;
}
.mpbp-native-shell a.active,
.mpbp-native-shell a:hover{
  background:rgba(244,211,94,.14);
  color:var(--mpbp-soft);
}
.mpbp-mini-player{
  position:fixed;
  left:14px;
  right:14px;
  bottom:74px;
  z-index:9996;
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:10px;
  align-items:center;
  border:1px solid rgba(244,211,94,.32);
  border-radius:22px;
  background:rgba(5,5,5,.92);
  backdrop-filter:blur(18px);
  padding:10px 12px;
  color:#fff;
  box-shadow:0 18px 60px rgba(0,0,0,.35);
}
.mpbp-player-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:rgba(244,211,94,.16);
}
.mpbp-player-title{
  color:#fff1bd;
  font-weight:900;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.mpbp-player-sub{
  color:rgba(255,255,255,.66);
  font-size:12px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.mpbp-player-controls button{
  border:0;
  border-radius:999px;
  background:#f4d35e;
  color:#111;
  font-weight:900;
  width:38px;
  height:38px;
  cursor:pointer;
}
.mpbp-app-toast{
  position:fixed;
  left:16px;
  right:16px;
  top:16px;
  z-index:10001;
  border:1px solid rgba(244,211,94,.35);
  border-radius:18px;
  background:#111;
  color:#fff;
  padding:14px;
  font-family:Arial,sans-serif;
  box-shadow:0 22px 70px rgba(0,0,0,.42);
}
.mpbp-app-toast strong{display:block;color:#fff1bd}
.mpbp-app-toast button{
  margin-top:10px;
  border:0;
  border-radius:999px;
  background:#f4d35e;
  color:#111;
  padding:9px 14px;
  font-weight:900;
}
body{padding-bottom:134px}
@media(min-width:900px){
  .mpbp-native-shell{
    left:50%;
    right:auto;
    transform:translateX(-50%);
    width:min(620px,92vw);
    border:1px solid rgba(244,211,94,.28);
    border-radius:28px 28px 0 0;
  }
  .mpbp-mini-player{
    width:min(560px,92vw);
    left:50%;
    right:auto;
    transform:translateX(-50%);
  }
}