.donation-dialog{width:min(480px,100%)}
.donation-dialog #donation-close{box-sizing:border-box;display:grid;place-items:center;width:48px;height:48px;min-width:48px;min-height:48px;padding:0;line-height:1}
.donation-dialog>p{color:var(--ui-muted)}
.donation-balance{display:flex;justify-content:space-between;gap:16px;padding:10px 12px;background:var(--ui-input-bg);border-radius:var(--ui-radius)}
#donation-form{display:grid;gap:14px}
#donation-form fieldset{border:0;padding:0;margin:0}
#donation-form legend{margin-bottom:8px;font-weight:700}
.donation-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.donation-presets button{min-height:44px;padding:8px;font-weight:800}
.donation-presets button:nth-child(1){color:#9a4b10;background:#ffead2}
.donation-presets button:nth-child(2){color:#1f5e9d;background:#e0efff}
.donation-presets button:nth-child(3){color:#287653;background:#def3e8}
.donation-presets button:nth-child(4){color:#a62e38;background:#ffe1df}
#donation-form label{display:grid;gap:6px;font-weight:700}
#donation-form input{width:100%;min-height:48px;padding:10px;border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-input-bg);color:var(--ui-text);font:inherit}
#donation-form .primary{min-height:48px;color:#563184;background:#eee1ff;font-weight:800}
#donation-form small{color:var(--ui-muted);text-align:center}
@media(max-width:420px){.donation-presets{grid-template-columns:repeat(2,1fr)}}