#support-open{margin-top:10px;background:#f2e7cf;color:#80652f}
#support-page{position:fixed;inset:0;margin:auto;width:min(calc(100% - 24px),400px);max-height:calc(100dvh - 24px);padding:18px;overflow:hidden;text-align:center}
#support-page[open]{display:flex;flex-direction:column;gap:0;animation:support-enter .18s ease-out}
#support-page>.back{position:relative;float:none;display:block;margin:0 0 -34px;left:0;top:0;flex:none;align-self:flex-start;background:transparent}
#support-page h2{font-size:22px;margin:10px 26px 6px;line-height:1.4;flex:none}
#support-page .support-byline{display:block;font-size:11px;color:#8b866b;margin-bottom:13px;flex:none}
#support-scroll{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:0 2px}
#support-highlight{padding:14px 12px;margin:0 0 14px;border-radius:18px;background:#e9efdc;color:#3c7558}
#support-highlight>span{display:block;font-size:21px;color:#c99b41;margin-bottom:5px}
#support-highlight b{font-size:15px;display:block;line-height:1.5}
#support-highlight small{display:block;font-size:12px;line-height:1.8;margin-top:5px;color:#6c8262}
#support-intro{font-size:13px;line-height:1.8;margin:0 6px 13px;color:#77806b}
#support-reveal{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:48px;padding:11px 16px;border-radius:18px;background:#f0e3c6;color:#806232;font-weight:800;font-size:14px}
#support-reveal i{font-style:normal;transition:transform .22s}
#support-reveal[aria-expanded=true] i{transform:rotate(180deg)}
#support-disclosure{height:0;overflow:hidden}
#support-qr-image{display:block;width:min(100%,280px,40dvh);height:auto;aspect-ratio:1;object-fit:contain;flex:none;margin:14px auto 0;background:white;border:10px solid white;border-radius:14px;user-select:auto;-webkit-touch-callout:default;touch-action:auto}
#support-page .support-scan{font-size:11px;line-height:1.7;margin:8px 2px 0;color:#798069}
#support-download{display:flex;align-items:center;justify-content:center;min-height:44px;margin:0 auto 4px;color:#487258;font-size:12px;text-underline-offset:3px;width:max-content;max-width:100%}
#support-page .support-voluntary{font-size:11px;line-height:1.7;margin:12px 3px 4px;color:#8b917d}
.support-mute{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;font-size:12px;color:#6b7f65;cursor:pointer}
#support-mute{appearance:auto;width:17px;height:17px;min-height:17px;accent-color:#377c60;flex:none}
#support-close{margin-top:10px;flex:none;min-height:48px;font-size:15px}
#support-qr-error{font-size:13px;margin:18px 4px!important;color:#886b42}
@keyframes support-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-height:660px){#support-page{padding:14px}#support-page h2{font-size:20px;margin-top:7px}#support-page .support-byline{margin-bottom:10px}#support-qr-image{width:min(100%,230px,36dvh)}#support-highlight{padding:10px;margin-bottom:10px}#support-intro{font-size:12px;margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){#support-page[open]{animation:none}#support-reveal i{transition:none}}
#support-page.low-motion[open]{animation:none}#support-page.low-motion #support-reveal i{transition:none}