.mfy-shell{
  background:var(--mfy-bg,#000000);
  color:var(--mfy-text,#FFFFFF);
  border-radius:18px;
  padding:12px;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  position:relative;
  overflow:hidden;
}
.mfy-mode-kiosk{
  border-radius:0;
}
.mfy-list-wrap{
  height:calc(100vh - 180px);
  overflow-y:auto;
  padding-bottom:96px;
}

.mfy-list{
  list-style:none;
  margin:0;
  padding:0;
}
.mfy-card{
  display:flex;
  align-items:center;
  padding:10px 12px;
  margin-bottom:6px;
  border-radius:14px;
  background:var(--mfy-card,#111827);
  cursor:pointer;
  transition:background .12s, transform .12s;
}
.mfy-card:hover{
  background:#1F2937;
  transform:translateY(-1px);
}
.mfy-cover{
  width:46px;
  height:46px;
  border-radius:999px;
  object-fit:cover;
  margin-right:10px;
  background:#111;
}
.mfy-meta{
  flex:1;
  min-width:0;
}
.mfy-title{
  font-size:14px;
  font-weight:600;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.mfy-artist{
  font-size:12px;
  color:var(--mfy-muted,#9CA3AF);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.mfy-pickbox{
  margin-left:8px;
}
.mfy-picker-panel{
  margin-top:8px;
}
.mfy-nowbar{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  background:var(--mfy-accent,#EC4899);
  padding:8px 12px;
  color:#FFF;
  box-shadow:0 -6px 16px rgba(0,0,0,.6);
  z-index:9999;
}
.mfy-now-inner{
  display:flex;
  align-items:center;
}
.mfy-cover-small{
  width:40px;
  height:40px;
  border-radius:999px;
  object-fit:cover;
  margin-right:10px;
  background:#111;
}
.mfy-now-meta{
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.mfy-now-label{
  font-size:11px;
  opacity:.85;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.mfy-now-title{
  font-size:13px;
  font-weight:600;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.mfy-now-artist{
  font-size:11px;
  opacity:.95;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.mfy-pickbox{
  display:flex;
  align-items:center;
  justify-content:flex-end;
}

.mfy-btn-add{
  border-radius:999px;
  padding:6px 16px;
  font-size:11px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.06em;
  background:#FFFFFF;
  color:var(--mfy-accent,#EC4899);
  border:1px solid var(--mfy-accent,#EC4899);
  cursor:pointer;
  transition:background .18s ease, color .18s ease, transform .12s ease, box-shadow .12s ease;
}

.mfy-btn-add:hover,
.mfy-btn-add.mfy-added{
  background:var(--mfy-accent,#EC4899);
  color:#FFFFFF;
  transform:translateY(-1px);
  box-shadow:0 6px 18px rgba(0,0,0,.35);
}

#mfy-pick-msg{
  font-size:16px;
  font-weight:600;
  text-align:center;
  margin-top:4px;
  line-height:1.3;
}