.donation-overlay {
  --donation-ink:#1f201c;
  --donation-cream:#fff8ea;
  --donation-yellow:#ffda32;
  position:fixed;
  inset:0;
  z-index:50;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));
  background:rgba(17,18,16,.56);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  color:var(--donation-ink);
}
.donation-overlay[hidden]{display:none!important}
.donation-modal {
  position:relative;
  width:min(100%,560px);
  min-width:0;
  max-height:calc(100vh - max(20px,env(safe-area-inset-top)) - max(20px,env(safe-area-inset-bottom)));
  max-height:calc(100dvh - max(20px,env(safe-area-inset-top)) - max(20px,env(safe-area-inset-bottom)));
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  background:#fff9ef;
  border:2.5px solid var(--donation-ink);
  border-radius:20px 23px 21px 22px;
  box-shadow:5px 6px 0 rgba(17,18,16,.85);
  padding:22px 22px 12px;
  scrollbar-width:thin;
  scrollbar-color:#b9aa8e #fff9ef;
}
.donation-modal-top{display:block;margin:0 0 17px;padding:0;text-align:left}
.donation-close {
  position:absolute;
  top:11px;
  right:11px;
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  padding:0;
  border:0;
  border-radius:9px;
  color:var(--donation-ink);
  background:transparent;
}
.donation-close:hover{background:#ece4d3}
.donation-modal h2 {
  margin:0 24px 9px 0;
  font-size:1.5rem;
  line-height:1.25;
  letter-spacing:-.035em;
  font-weight:800;
}
.donation-lead{margin:0;font-size:.875rem;line-height:1.55;color:#505044;max-width:430px}
.donation-author {
  display:flex;
  align-items:center;
  gap:11px;
  padding:0 38px 0 0;
  margin:0 0 14px;
  min-width:0;
  min-height:52px;
}
.donation-author-photo {
  display:block;
  flex:0 0 52px;
  width:52px;
  height:52px;
  object-fit:contain;
  border-radius:50%;
  border:1.5px solid var(--donation-ink);
  background:#a0dcf5;
}
.donation-author-info{display:flex;flex-direction:column;gap:1px;min-width:0}
.donation-author-name{font-size:.9375rem;line-height:1.4;font-weight:800;color:var(--donation-ink)}
.donation-author-role{font-size:.8125rem;line-height:1.5;color:#626155}
.donation-methods{display:grid;grid-template-columns:1fr;gap:10px;margin:0}
.donation-card {
  display:block;
  min-width:0;
  padding:10px 13px 12px;
  background:#fffdf7;
  border:2px solid var(--donation-ink);
  border-radius:11px 13px 12px 10px;
  box-shadow:2px 2px 0 rgba(34,35,32,.64);
}
.donation-card-revolut{background:#edf6f9}
.donation-method-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;min-width:0;margin:0 0 5px}
.donation-card h3{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:5px 9px;min-width:0;font-size:1rem;line-height:1.4;font-weight:800}
.donation-network-label{font-size:.8125rem;font-weight:400;color:#626155;white-space:normal}
.donation-card-actions{display:flex;gap:7px;flex-shrink:0}
.donation-small-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:44px;
  padding:7px 12px;
  background:var(--donation-yellow);
  border:2px solid var(--donation-ink);
  border-radius:8px 10px 8px 9px;
  box-shadow:2px 2px 0 rgba(34,35,32,.64);
  font-size:.875rem;
  font-weight:800;
  line-height:1.3;
  text-align:center;
  text-decoration:none;
}
.donation-small-button svg{display:block;flex:none}
.donation-overlay button:focus-visible,.donation-overlay a:focus-visible{outline:3px solid #0d7caf;outline-offset:4px}
.donation-small-button:hover{background:#ffe67d}
.donation-small-button:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--donation-ink)}
.donation-copy{width:44px;padding:8px;background:var(--donation-cream);flex:none}
.donation-copy:hover{background:#f1ebdb}
.donation-address {
  display:block;
  margin:0;
  padding:0;
  background:none;
  border:0;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:.8125rem;
  line-height:1.5;
  color:#4c5048;
  overflow-wrap:anywhere;
  word-break:normal;
  white-space:normal;
  user-select:all;
}
.donation-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:12px 0 0;padding:0;border:0}
.donation-note{margin:0;font-size:.8125rem;line-height:1.5;color:#616053}
.donation-later {
  min-height:44px;
  padding:8px 6px;
  font-size:.875rem;
  line-height:1.5;
  border:0;
  border-radius:7px;
  box-shadow:none;
  background:none;
  white-space:normal;
  text-decoration:underline;
  text-underline-offset:3px;
}
.donation-later:hover{background:#eee7d6}
.donation-toast {
  position:fixed;
  left:50%;
  bottom:max(22px,env(safe-area-inset-bottom));
  transform:translate(-50%,120%);
  z-index:60;
  max-width:min(92vw,520px);
  padding:11px 16px;
  background:#1f201c;
  color:#fff;
  border-radius:13px;
  border:2px solid #fff4;
  box-shadow:0 10px 28px rgba(0,0,0,.28);
  font-weight:800;
  line-height:1.4;
  opacity:0;
  transition:transform .22s ease,opacity .22s ease;
  pointer-events:none;
  text-align:center;
}
.donation-toast.show{transform:translate(-50%,0);opacity:1}
@media(max-width:600px){
  .donation-overlay{padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}
  .donation-modal{width:100%;padding:20px 16px 10px;border-radius:17px 20px 18px 19px;max-height:calc(100vh - max(14px,env(safe-area-inset-top)) - max(14px,env(safe-area-inset-bottom)));max-height:calc(100dvh - max(14px,env(safe-area-inset-top)) - max(14px,env(safe-area-inset-bottom)))}
  .donation-modal h2{font-size:1.375rem;margin-right:16px}
  .donation-close{top:9px;right:7px}
  .donation-lead{font-size:.875rem;line-height:1.5}
  .donation-modal-top{margin-bottom:15px}
  .donation-author{gap:10px;margin-bottom:13px}
  .donation-card{padding:9px 11px 10px}
  .donation-method-head{gap:8px;margin-bottom:6px}
  .donation-card-actions{gap:6px}
  .donation-small-button{padding:7px 10px}
  .donation-copy{padding:8px}
  .donation-foot{gap:0 8px}
}
@media(max-width:350px){
  .donation-overlay{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}
  .donation-modal{padding:19px 13px 9px;max-height:calc(100vh - max(12px,env(safe-area-inset-top)) - max(12px,env(safe-area-inset-bottom)));max-height:calc(100dvh - max(12px,env(safe-area-inset-top)) - max(12px,env(safe-area-inset-bottom)))}
  .donation-modal h2{max-width:235px}
  .donation-author{min-height:48px;padding-right:32px}
  .donation-author-photo{flex-basis:48px;width:48px;height:48px}
  .donation-card{padding-inline:10px}
  .donation-network-label{font-size:.8125rem}
  .donation-card-actions{gap:5px}
  .donation-small-button{padding-inline:9px}
}
@media(prefers-reduced-motion:reduce){.donation-toast{transition:none}}