.quick-toolbar{
  display:flex;
  align-items:center;
  gap:6px;
  width:max-content;
  padding:6px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:18px;
  background:rgba(235,250,255,.9);
  box-shadow:0 8px 24px rgba(0,35,68,.24);
  backdrop-filter:blur(9px);
}
body>.quick-toolbar{
  position:fixed;
  z-index:100;
  left:max(10px,env(safe-area-inset-left));
  bottom:max(10px,env(safe-area-inset-bottom));
}
.quick-toolbar a{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  padding:0;
  border:0;
  border-radius:13px;
  background:transparent;
  text-decoration:none;
  transition:transform .15s,background .15s;
}
.quick-toolbar a:hover,.quick-toolbar a:focus-visible{
  background:#fff;
  transform:translateY(-2px);
  outline:2px solid #25a8c9;
  outline-offset:1px;
}
.quick-toolbar img{
  display:block;
  width:38px;
  height:38px;
  border-radius:11px;
  object-fit:cover;
}
.quick-toolbar a>span{font-size:24px;line-height:1}
body{padding-bottom:max(70px,calc(60px + env(safe-area-inset-bottom)))}
@media(max-width:600px){
  .quick-toolbar{gap:4px;padding:5px;border-radius:15px}
  .quick-toolbar a{width:39px;height:39px;border-radius:11px}
  .quick-toolbar img{width:35px;height:35px;border-radius:10px}
  .quick-toolbar a>span{font-size:21px}
}