.donation-garden{margin-top:16px;padding:22px;border:1px solid #c494bd45;border-radius:20px;background:radial-gradient(ellipse at top right,#c985a51c,transparent 65%),linear-gradient(145deg,#292337,#1d202e);color:#f3e9f4}
.donation-garden-heading{display:flex;align-items:center;gap:14px}.donation-garden-heart{display:grid;place-items:center;flex:0 0 52px;height:52px;border-radius:18px;background:#e6acd21a;color:#f3b9d5;font-size:42px;transform:rotate(-8deg)}
.donation-eyebrow{font-size:9px;letter-spacing:1.8px;color:#d1abd5;font-weight:700}.donation-garden h4{margin:5px 0;font-size:1.2rem;color:#f9e7f2}.donation-garden-heading p{margin:0;color:#c7b9cd;font-size:.8rem;line-height:1.5}
.donation-year-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 18px}.donation-year-heading strong{display:block;font-size:1.7rem;color:#f2bfd8;font-variant-numeric:tabular-nums}.donation-year-heading span{display:block;font-size:.72rem;color:#c7b9cd;margin-top:4px}.donation-year-heading label{font-size:.7rem;color:#c7b9cd}.donation-year-heading select{display:block;margin-top:5px;background:#302a40;color:#f9e7f2;border:1px solid #b792c06b;border-radius:10px;padding:8px 12px;font:inherit;font-size:.85rem;color-scheme:dark}.donation-year-heading select:focus-visible,.donation-years summary:focus-visible{outline:2px solid #f2bfd8;outline-offset:3px}
.donation-months{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}.donation-month-label{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px;font-size:.73rem;color:#d6c8dd}.donation-month-label strong{font-weight:600;color:#f4e6ef;font-variant-numeric:tabular-nums}.donation-track{height:10px;background:#ffffff09;border-radius:10px;overflow:hidden}.donation-fill{height:100%;border-radius:10px;background:linear-gradient(90deg,#a18bde,#eaa9ca);transition:width .5s ease}.donation-month-empty .donation-month-label strong{color:#a99bb3;font-weight:400}
.donation-years{margin-top:20px;border-top:1px solid #ffffff12;padding-top:14px}.donation-years summary{cursor:pointer;font-size:.8rem;color:#dbc6e8}.donation-years .donation-month{margin-top:14px}.donation-garden .donation-note{font-size:.69rem;line-height:1.6;color:#bcaec5;margin:16px 0 12px}.donation-thanks{display:flex;align-items:center;gap:10px;padding:12px;border-radius:12px;background:#eebcd009;color:#e3c4d7;font-size:.73rem;line-height:1.6}.donation-thanks>span{font-size:26px;color:#efb6d1}
@media(max-width:520px){.donation-garden{padding:16px}.donation-months{grid-template-columns:1fr;gap:12px}.donation-garden h4{font-size:1.05rem}.donation-garden-heart{flex-basis:42px;height:46px}.donation-year-heading strong{font-size:1.4rem}}
@media(prefers-reduced-motion:reduce){.donation-fill{transition:none}}

.donation-year-trigger{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;min-width:100px;padding:11px 16px;box-sizing:border-box;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(124,92,255,.07));color:var(--text,#eee);font:inherit;font-size:.92rem;text-align:left;cursor:pointer;backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);box-shadow:inset 0 1px rgba(255,255,255,.06);transition:background .2s,border-color .2s,box-shadow .2s}
.donation-year-trigger::after{content:'';width:7px;height:7px;flex-shrink:0;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);opacity:.7}
.donation-year-trigger:hover{background:rgba(255,255,255,.12)}
.donation-year-trigger[aria-expanded=true],.donation-year-trigger:focus-visible{outline:none;border-color:rgba(124,92,255,.6);box-shadow:0 0 0 3px rgba(124,92,255,.14)}
.donation-year-trigger:disabled{opacity:.6;cursor:wait}
.donation-year-menu{position:fixed;z-index:200000;box-sizing:border-box;margin:0;padding:8px;border-radius:18px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(160deg,rgba(27,29,44,.87),rgba(13,16,27,.82));backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);box-shadow:0 24px 70px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.06);overflow-y:auto;overscroll-behavior:contain}
.donation-year-menu[hidden]{display:none}
.donation-year-option{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:11px 12px;border:1px solid transparent;border-radius:11px;background:transparent;color:rgba(255,255,255,.9);font:inherit;font-size:.9rem;text-align:left;cursor:pointer}
.donation-year-option+.donation-year-option{margin-top:3px}
.donation-year-option:hover,.donation-year-option:focus-visible{outline:none;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12)}
.donation-year-option[aria-selected=true]{background:rgba(124,92,255,.2);border-color:rgba(124,92,255,.4)}
.donation-year-option[aria-selected=true]::after{content:'✓';color:#b7a4ff}
@media(max-width:600px){.donation-year-trigger{min-width:0;min-height:44px;font-size:16px}.donation-year-option{min-height:44px}}

.donation-year-trigger{margin-top:5px}.donation-year-heading select[hidden]{display:none}