.donation-preset-pill{border:1px solid var(--color-border);border-radius:15px;background:transparent;color:var(--color-text);padding:16px 32px;font-size:16px;font-weight:600;line-height:1.2;cursor:pointer;transition:all .2s ease}.donation-preset-pill:hover{border-color:var(--color-text)}.donation-preset-pill--selected,.donation-preset-pill--selected:hover{background:var(--color-text);border-color:var(--color-text);color:#ffffff}.membership-modal{width:100%;max-width:600px;margin:0 auto 100px}.membership-modal .card-root{box-shadow:0 4px 6px rgba(0,0,0,.07);border:1px solid var(--color-border);overflow:hidden}.membership-modal .card-header{background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:24px 24px 20px;display:flex;align-items:flex-start;gap:16px}.membership-modal .card-header-content{flex:1;display:flex;flex-direction:column;gap:8px}.membership-modal .card-header-title{font-size:24px;font-weight:700;line-height:1.3;color:var(--color-text);display:block}.membership-modal .card-header-metadata{display:flex;align-items:center}.membership-modal .card-header-metadata .display--flex{display:flex;align-items:center;gap:8px}.membership-modal .card-header-metadata-community{font-size:14px;font-weight:600;color:var(--color-text)}.membership-modal .card-header-metadata-separator{font-size:14px;color:var(--color-text-muted);margin:0 4px}.membership-modal .card-header-metadata-type{font-size:14px;font-weight:400;color:var(--color-text-muted)}.membership-modal .card-body--primary{background:var(--color-bg);padding:0}.membership-modal .padding--20{padding:24px}.membership-image{width:100%;border-radius:8px;overflow:hidden;text-align:center;margin-bottom:20px}.membership-photo{max-width:100%;height:auto;object-fit:cover;max-height:200px;border-radius:8px;display:inline-block}.membership-description{margin-bottom:24px}.membership-description p{font-size:16px;line-height:1.6;color:var(--color-text);margin:0}.membership-features{margin-bottom:24px}.membership-features h3{font-size:18px;font-weight:600;color:var(--color-text);margin-bottom:16px}.membership-features ul{list-style:none;padding:0;margin:0}.membership-features li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--color-border);font-size:16px;color:var(--color-text)}.membership-features li:last-child{border-bottom:none}.membership-features .feature-icon{font-size:16px;color:var(--color-success,#10b981);min-width:20px}.membership-features span{flex:1}.membership-agents{margin-bottom:24px}.membership-agents h3{font-size:18px;font-weight:600;color:var(--color-text);margin-bottom:16px}.membership-agent-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--color-border)}.membership-agent-row:last-child{border-bottom:none}.membership-modal .membership-agent-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.membership-modal .membership-agent-avatar-placeholder{width:36px;height:36px;border-radius:50%;background:var(--color-bg-surface,#e5e7eb);display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--color-text-muted);flex-shrink:0}.membership-agent-info{flex:1;min-width:0}.membership-agent-name{font-size:15px;font-weight:600;color:var(--color-text);display:block}.membership-agent-desc{font-size:13px;color:var(--color-text-muted);display:block;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.membership-summary{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:8px;padding:20px;margin-bottom:24px}.membership-summary h3{font-size:16px;font-weight:600;color:var(--color-text);margin-bottom:16px}.membership-summary .property-list-item{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:8px 0;border-bottom:1px solid var(--color-border)}.membership-summary .property-list-item:last-child{border-bottom:none}.membership-summary .property-list-item-property{flex:0 1 auto;white-space:nowrap}.membership-summary .property-list-item-property span{font-size:14px;color:var(--color-text-muted)}.membership-summary .property-list-item-definition{min-width:0;text-align:right}.membership-summary .property-list-item-definition span{font-size:14px;font-weight:500;color:var(--color-text);word-break:break-word;overflow-wrap:break-word}.membership-modal .border-top{background:var(--color-bg);border-top:1px solid var(--color-border);padding:20px 24px}.membership-price-display{font-size:24px;font-weight:700;color:var(--color-text);border:2px solid var(--color-border);border-radius:50px;padding:8px 20px;background:var(--color-bg)}.membership-modal .button-fill--primary{background:var(--color-text)!important;border:none;padding:16px 32px!important;font-size:16px;font-weight:600;transition:all .2s ease;display:flex;align-items:center;gap:8px}.membership-modal .button-fill--primary:hover{background:var(--color-text-muted)!important;transform:translateY(-1px)}.membership-modal .button-fill--primary:disabled{background:var(--color-text-muted)!important;cursor:not-allowed;transform:none}.membership-signup-section{margin-top:24px;padding-top:24px;border-top:1px solid var(--color-border)}@media (max-width:768px){.membership-modal,.membership-modal .card-root{height:100%;min-height:0;display:flex;flex-direction:column}.membership-modal .card-root{overflow:hidden}.membership-modal .card-body--primary{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.membership-modal .card-header{padding:20px 20px 16px}.membership-modal .card-header-title{font-size:20px}.membership-modal .padding--20{padding:20px}.membership-modal .button-fill--primary{width:100%!important;max-width:100%!important;min-height:48px!important;padding:14px 16px!important;font-size:16px!important}.membership-features li{font-size:14px}.membership-summary{padding:16px}.membership-modal .border-top{padding:16px 20px max(16px,env(safe-area-inset-bottom))}.membership-price-display{font-size:20px;padding:6px 16px}}@media (max-width:480px){.membership-modal{width:100%!important;max-width:100%!important;margin:0!important}.membership-modal,.membership-modal .card-root{height:100%!important;min-height:0;display:flex;flex-direction:column}.membership-modal .card-root{border:none!important;overflow:hidden}.membership-modal .card-header{padding:16px 16px 12px;flex-shrink:0}.membership-modal .card-body--primary{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.membership-modal .padding--20{padding:16px}.membership-modal .border-top{padding:12px 16px max(12px,env(safe-area-inset-bottom));flex-shrink:0}.membership-photo{max-height:150px}.membership-summary{padding:12px;margin-bottom:16px}.membership-price-display{font-size:18px;padding:6px 16px}.membership-modal .button-fill--primary{width:100%!important;max-width:100%!important;min-height:50px!important;padding:14px 16px!important;font-size:16px!important;margin:0!important;box-sizing:border-box!important;white-space:normal!important;word-wrap:break-word!important;line-height:1.4!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}}.mobile-preview .membership-modal{width:100%!important;max-width:100%!important;margin:0!important;border-radius:0!important}.mobile-preview .membership-modal,.mobile-preview .membership-modal .card-root{min-height:100%!important;display:flex!important;flex-direction:column!important}.mobile-preview .membership-modal .card-root{border:none!important;border-radius:15px!important;overflow:visible!important;box-shadow:none!important}.mobile-preview .membership-modal .card-header{padding:16px 16px 12px!important;flex-shrink:0!important;border-radius:15px!important;border-bottom:1px solid var(--color-border)!important}.mobile-preview .membership-modal .card-header-title{font-size:20px!important}.mobile-preview .membership-modal .card-body--primary{flex:1!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}.mobile-preview .membership-modal .padding--20{padding:16px!important}.mobile-preview .membership-modal .border-top{padding:12px 16px!important;border-top:2px solid var(--color-border)!important;flex-shrink:0!important;border-radius:15px!important}.mobile-preview .membership-modal .display--flex{gap:12px!important;align-items:stretch!important}.mobile-preview .membership-modal .button-fill--primary{width:100%!important;max-width:100%!important;min-height:50px!important;padding:14px 16px!important;font-size:16px!important;margin:0!important;box-sizing:border-box!important;white-space:normal!important;word-wrap:break-word!important;line-height:1.4!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}.mobile-preview .membership-modal .membership-price-display{font-size:18px!important;padding:12px 16px!important;margin:0!important;text-align:center!important;box-sizing:border-box!important;width:100%!important;order:1!important}.mobile-preview .membership-modal .button{width:100%!important;order:2!important}.mobile-preview .membership-modal .membership-photo{max-height:150px!important}.mobile-preview .membership-modal .membership-summary{padding:12px!important;margin-bottom:16px!important}.mobile-preview .membership-modal .membership-summary h3{font-size:14px!important;margin-bottom:12px!important}.mobile-preview .membership-modal .property-list-item{padding:6px 0!important}