.support-button{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:40;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;background:#536c32;color:#fff;text-decoration:none;font:600 14px var(--body);box-shadow:0 3px 12px #0002}
:root[data-theme="dark"] .support-button{background:#d4ed6c;color:#252a26}
.support-button:hover{filter:brightness(1.08)}
.support-dialog{position:fixed;inset:0 0 0 auto;width:min(560px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;border-left:1px solid var(--line);border-radius:0;background:var(--paper);color:var(--ink);box-sizing:border-box;overflow:hidden;box-shadow:-12px 0 40px #0002}
.support-dialog[open]{display:flex;flex-direction:column;animation:support-drawer-enter 220ms cubic-bezier(.22,1,.36,1) both}
.support-dialog::backdrop{background:#08100d44}
.support-content{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;padding:24px;padding-bottom:max(24px,env(safe-area-inset-bottom));scrollbar-gutter:stable}
@keyframes support-drawer-enter{from{transform:translateX(100%);opacity:.7}to{transform:translateX(0);opacity:1}}
@media(prefers-reduced-motion:reduce){.support-dialog[open]{animation:none}}
body.support-open{overflow:hidden}
.support-heading{display:flex;align-items:flex-start;gap:24px;margin:0;padding:24px;border-bottom:1px solid var(--line);flex-shrink:0}.support-heading h2{margin:0 0 8px;font:700 24px var(--display)}.support-heading p{margin:0;line-height:1.6;color:var(--muted)}
#support-close{margin-left:auto;flex-shrink:0;border:0;background:transparent;font-size:28px;line-height:1;width:36px;height:36px;border-radius:6px;color:var(--ink)}
#support-form{max-width:420px;margin:auto}#support-form fieldset{margin:0;padding:0;border:0}#support-form legend{padding:0;margin-bottom:12px;font-weight:600}.support-presets{display:flex;gap:10px;margin-bottom:20px}.support-presets button{flex:1;padding:12px;border:1px solid var(--line);background:var(--white);border-radius:8px;font-weight:600}.support-presets button[aria-pressed="true"]{background:var(--lime);color:#252a26;border-color:#8ca94e}#support-form label{display:block;margin-bottom:8px;font-size:12px}.support-amount-field{display:flex;gap:8px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:var(--white);font-size:24px}.support-amount-field input{min-width:0;width:100%;border:0;background:transparent;color:var(--ink);font-size:24px;outline-offset:4px}.support-primary{width:100%;padding:14px;margin-top:18px;border:0;border-radius:8px;background:#536c32;color:#fff;font-weight:600}:root[data-theme="dark"] .support-primary{background:var(--lime);color:#252a26}
#support-status{line-height:1.6;margin:16px 0;white-space:pre-line}#support-status:empty{display:none}#support-back{margin-bottom:16px}#support-checkout:empty{display:none}.support-footer{font-size:11px;line-height:1.8;text-align:center;color:var(--muted);margin:20px 0 0}.support-footer a{text-underline-offset:3px}
@media(max-width:760px){.support-button{width:44px;height:44px;padding:0;justify-content:center;border-radius:50%;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom))}.support-button span{display:none}.support-dialog{width:100vw;border-left:0}.support-content{padding:18px;padding-bottom:max(18px,env(safe-area-inset-bottom))}.support-heading{gap:10px;padding:18px}.support-heading h2{font-size:21px}}
.support-amount-note{margin:14px 0 0;font-size:12px;line-height:1.7;color:var(--readable-muted)}.support-amount-note.is-error{color:var(--ink);border-left:2px solid var(--orange);padding-left:10px}
.support-presets button{min-width:0;min-height:48px;font:600 18px/1.4 var(--display)}
.support-button svg{display:block;flex:0 0 22px}
@media(max-width:760px){.support-button svg{transform:translateX(1.5px)}}