.support-modal-overlay{z-index:210;align-items:flex-start;padding-top:3vh}.support-modal{max-width:520px;max-height:92vh;border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column}.support-modal-overlay.open .support-modal{animation:modalSlideUp 360ms cubic-bezier(.16,1,.3,1) both}.support-modal-overlay.closing .support-modal{animation:modalSlideDown 200ms cubic-bezier(.4,0,1,1) both}.support-modal-body{overflow-y:auto;padding:1.5rem;flex:1;scrollbar-width:thin;scrollbar-color:var(--color-border) #fff0}.support-modal-body::-webkit-scrollbar{width:4px}.support-modal-body::-webkit-scrollbar-track{background:#fff0}.support-modal-body::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.support-modal-header{background:linear-gradient(135deg,#bf9b30 0%,#734f12 60%,#1a1102 100%);padding:2rem 1.75rem 1.5rem;text-align:center;border-bottom:1px solid rgb(200 255 0 / .12);position:relative;flex-shrink:0}.support-modal-header::after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgb(200 255 0 / .06) 50%,transparent 70%);background-size:200% 100%;animation:shimmer 4s ease infinite;pointer-events:none}.support-modal-mascot{font-size:2.6rem;line-height:1;margin-bottom:.6rem;animation:mascotBob 4s ease-in-out infinite;display:inline-block}.support-modal-mascot img{height:80px}.support-modal-title{font-family:var(--font-display);font-size:1.35rem;font-weight:500;color:var(--color-white);margin-bottom:.5rem;line-height:1.2}.support-modal-subtitle{font-size:.8rem;color:rgb(232 232 232 / .65);line-height:1.65;max-width:360px;margin:0 auto}.support-section-label{font-size:.64rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--color-muted);margin-bottom:.85rem}.support-why{margin-bottom:1.75rem}.support-reasons{display:flex;flex-direction:column;gap:.75rem}.support-reasons li{display:flex;align-items:flex-start;gap:.75rem;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.85rem 1rem}.support-reason-icon{font-size:1.2rem;flex-shrink:0;margin-top:1px}.support-reasons strong{display:block;font-size:.82rem;font-weight:700;color:var(--color-white);margin-bottom:.2rem}.support-reasons p{font-size:.76rem;color:var(--color-muted);line-height:1.55}.support-goals{margin-bottom:1.75rem}.support-goal{margin-bottom:1.1rem}.support-goal:last-child{margin-bottom:0}.support-goal-header{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;margin-bottom:.45rem;flex-wrap:wrap}.support-goal-name{font-size:.82rem;font-weight:700;color:var(--color-white)}.support-goal-amount{font-size:.72rem;font-weight:600;color:var(--color-muted);white-space:nowrap}.support-goal-bar{height:7px;background:var(--color-surface-2);border-radius:99px;overflow:hidden;margin-bottom:.4rem;border:1px solid var(--color-border)}@keyframes barGrow{from{width:0!important}}.support-goal-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--color-accent) 0%,#a8e000 100%);animation:barGrow 900ms cubic-bezier(.16,1,.3,1) both;animation-delay:350ms;min-width:4px}.support-goal-desc{font-size:.74rem;color:var(--color-muted);line-height:1.5}.support-donate{margin-bottom:1.5rem}.support-pay-btns{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-bottom:.75rem}.support-pay-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:.9rem .5rem;border-radius:var(--radius-md);border:2px solid #fff0;cursor:pointer;font-family:var(--font-body);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;transition:all 200ms cubic-bezier(.34,1.56,.64,1)}.support-pay-btn:active{transform:scale(.96)}.support-pay-icon{font-size:1.5rem}.support-pay-icon img{width:50px}.support-pay-gcash{background:rgb(29 78 216 / .12);border-color:rgb(29 78 216 / .35);color:#93c5fd}.support-pay-gcash:hover,.support-pay-gcash.active{background:rgb(29 78 216 / .28);border-color:#3b82f6;color:#bfdbfe;transform:translateY(-2px)}.support-pay-maya{background:rgb(21 128 61 / .12);border-color:rgb(21 128 61 / .35);color:#86efac}.support-pay-maya:hover,.support-pay-maya.active{background:rgb(21 128 61 / .28);border-color:#22c55e;color:#bbf7d0;transform:translateY(-2px)}.support-pay-paypal{background:rgb(234 179 8 / .1);border-color:rgb(234 179 8 / .3);color:#fde68a}.support-pay-paypal:hover,.support-pay-paypal.active{background:rgb(234 179 8 / .22);border-color:#eab308;color:#fef08a;transform:translateY(-2px)}.support-qr-panel{text-align:center;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0;margin-top:0;overflow:hidden;transform-origin:top center;max-height:0;opacity:0;pointer-events:none;border-width:0;transition:max-height 360ms cubic-bezier(.16,1,.3,1),opacity 280ms cubic-bezier(.16,1,.3,1),padding 280ms cubic-bezier(.16,1,.3,1),margin-top 280ms cubic-bezier(.16,1,.3,1),border-width 260ms ease}.support-qr-panel.visible{max-height:320px;opacity:1;pointer-events:all;padding:1.25rem 1rem;margin-top:.75rem;border-width:1px}.support-qr-panel img{width:160px;height:160px;object-fit:contain;border-radius:10px;margin:0 auto .75rem;display:block;pointer-events:none}.support-qr-note{font-size:.76rem;color:var(--color-muted);margin-bottom:.75rem;line-height:1.4}.support-paypal-link{display:inline-flex;align-items:center;gap:.35rem;margin-top:.5rem;font-size:.72rem;font-weight:700;color:var(--color-accent);letter-spacing:.04em;border-bottom:1px solid rgb(200 255 0 / .3);padding-bottom:1px;transition:color var(--transition-fast),border-color var(--transition-fast)}.support-paypal-link:hover{color:#d4ff1a;border-color:#d4ff1a}.support-or-divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0;color:var(--color-muted-2)}.support-or-divider::before,.support-or-divider::after{content:'';flex:1;height:1px;background:var(--color-border)}.support-or-divider span{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);white-space:nowrap}.support-commission{padding:1rem;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md)}@media (prefers-reduced-motion:reduce){.support-goal-fill{animation:none}.support-modal-mascot{animation:none}}