.history-popup{

  position:fixed;

  inset:0;

  background:
    rgba(0,0,0,0.72);

  backdrop-filter:blur(14px);

  display:none;

  justify-content:center;
  align-items:center;

  z-index:999;
}

.history-popup.active{

  display:flex;
}

.history-card{

  width:90%;
  max-width:420px;

  max-height:80vh;

  overflow-y:auto;

  background:#1c1c1e;

  border-radius:28px;

  padding:24px;

  position:relative;
}

.close-history{

  position:absolute;

  top:16px;
  right:16px;

  width:42px;
  height:42px;

  border-radius:50%;

  background:
    rgba(255,255,255,0.14);

  backdrop-filter:blur(8px);

  font-size:18px;
}

.history-item{

  padding:14px;

  border-radius:16px;

  background:
    rgba(255,255,255,0.05);

  margin-top:14px;

  display:flex;

  justify-content:space-between;

  gap:12px;
}

.history-delete{

  width:38px;
  height:38px;

  border-radius:12px;

  background:#ff453a;
}