:root{--accent:#e10707;--ink:#1a1a1a;--text:#262626;--muted:#6b7280;--faint:#9aa0ac;--line:#ececec;--field:#ddd;--ok:#2e7d42;--ok-bg:#e8f5ec;--warn:#b45309}*{box-sizing:border-box}html,body{margin:0}body{color:var(--text);-webkit-font-smoothing:antialiased;background:#fafafa;font-family:"Source Sans 3",system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px}button,input,textarea{font-family:inherit}h1,h2,.big,.stat strong,.logo{font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}h1{color:var(--ink);margin:0;font-size:22px;line-height:1.3}.h1-sm{font-size:20px}h2{color:var(--ink);margin:0;font-size:17px}a{color:inherit}.muted{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.small{font-size:13px}.stack{flex-direction:column;gap:16px;display:flex}.stack-6{flex-direction:column;gap:6px;display:flex}.stack-4{flex-direction:column;gap:4px;display:flex}.stack-2{flex-direction:column;gap:2px;display:flex}.row-between{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.loading{text-align:center;color:var(--faint);padding:80px 16px}.login-page{justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.login-card{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;gap:16px;width:100%;max-width:420px;padding:36px;display:flex;box-shadow:0 1px 3px #1414140f,0 10px 28px #1414140f}@media (max-width:440px){.login-card{padding:28px 22px}}.kicker{letter-spacing:.07em;text-transform:uppercase;color:var(--accent);align-items:center;gap:10px;font-size:12px;font-weight:700;display:inline-flex}.field{flex-direction:column;gap:6px;display:flex}.field span{color:var(--muted);font-size:13px;font-weight:600}.field input,textarea{border:1.5px solid var(--field);width:100%;color:var(--text);background:#fff;border-radius:10px;outline:none;padding:12px 14px;font-size:16px}.field input:focus,textarea:focus{border-color:var(--accent)}.field input.code{letter-spacing:.3em;text-align:center;font-size:24px}.error{color:var(--warn);margin:0;font-size:14px}.ok{color:var(--ok);margin:0;font-size:14px}.verified{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:16px 0;display:flex}.verified strong{color:var(--ink);font-size:17px}.check{background:var(--ok-bg);border-radius:50%;place-items:center;width:52px;height:52px;display:grid}.cta{text-align:center;background:var(--accent);color:#fff;cursor:pointer;box-shadow:0 6px 16px color-mix(in srgb, var(--accent) 24%, transparent);border:0;border-radius:12px;padding:14px 0;font-size:16px;font-weight:700;text-decoration:none;display:inline-block}.cta:disabled{opacity:.55;cursor:default}.cta-inline{white-space:nowrap;padding:12px 20px;font-size:14px}.cta-small{box-shadow:none;align-self:flex-start;padding:9px 14px;font-size:13px}.link{cursor:pointer;background:0 0;border:0;padding:0;font-size:14px;font-weight:600}.muted-link{color:var(--muted)}.accent-link{color:var(--accent);font-weight:600;text-decoration:none}.link:disabled{opacity:.5}.secondary{border:1.5px solid var(--field);color:var(--text);cursor:pointer;background:#fff;border-radius:9px;align-self:flex-start;margin-top:4px;padding:9px 14px;font-size:13px;font-weight:700;text-decoration:none}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:16px;padding:18px 48px;display:flex}.logo{color:var(--accent);align-items:center;gap:10px;font-size:18px;font-weight:700;display:inline-flex}.topbar-right{align-items:center;gap:20px;display:flex}.hello{font-size:15px}.content{flex-direction:column;gap:20px;max-width:1040px;margin:0 auto;padding:32px 48px 48px;display:flex}@media (max-width:760px){.topbar{padding:14px 16px}.content{padding:20px 16px 40px}.hello{display:none}}.hero{aspect-ratio:2;border-radius:18px;align-items:flex-end;width:100%;max-height:420px;display:flex;position:relative;overflow:hidden}.hero img{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.hero.with-image:after{content:"";background:linear-gradient(#0000 35%,#0000009e 100%);position:absolute;top:0;bottom:0;left:0;right:0}.hero-text{z-index:1;flex-direction:column;gap:6px;max-width:720px;padding:28px 32px;display:flex;position:relative}.hero h1{font-size:30px;line-height:1.2}.hero p{margin:0;font-size:17px;line-height:1.45}.hero.with-image h1,.hero.with-image p{color:#fff;text-shadow:0 1px 2px #00000040}.hero.no-image{aspect-ratio:auto;background:color-mix(in srgb, var(--accent) 9%, #fff);border:1px solid color-mix(in srgb, var(--accent) 18%, #fff);min-height:200px}.hero.no-image h1{color:var(--ink)}.hero.no-image p{color:var(--muted)}@media (max-width:640px){.hero{aspect-ratio:4/3;border-radius:14px}.hero-text{padding:18px}.hero h1{font-size:22px}.hero p{font-size:15px}}.panel{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;gap:14px;padding:26px;display:flex}@media (max-width:560px){.panel{padding:18px 16px}}.panel-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-head.wrap{flex-wrap:wrap}.panel h2{font-size:19px}.title-with-icon{align-items:center;gap:10px;display:inline-flex}.icon-badge{background:color-mix(in srgb, var(--accent) 10%, #fff);width:36px;height:36px;color:var(--accent);border-radius:10px;flex:none;place-items:center;display:grid}.big-badge{border-radius:14px;width:48px;height:48px}.pill{color:var(--muted);background:#f2f2f2;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.pill.active{background:var(--ok-bg);color:var(--ok)}.pill.paused{color:#b8860b;background:#fff4e0}.pill.past_due,.pill.unpaid{color:var(--warn);background:#fff4e0}.big{color:var(--ink);font-size:24px;font-weight:700}.note{color:var(--faint);margin:0;font-size:13px;line-height:1.5}.grow{flex:1}.invite{border:1.5px dashed color-mix(in srgb, var(--accent) 35%, #fff);background:#fff;border-radius:16px;align-items:center;gap:16px;padding:22px 24px;display:flex}@media (max-width:640px){.invite{text-align:left;flex-direction:column;align-items:stretch}.invite .cta-inline{text-align:center}}.year-chips{flex-wrap:wrap;gap:6px;display:flex}.year-chips button{border:1.5px solid var(--field);min-height:36px;color:var(--text);cursor:pointer;background:#fff;border-radius:999px;padding:6px 14px;font-size:14px;font-weight:600}.year-chips button.on{background:var(--ink);border-color:var(--ink);color:#fff}.history{flex-direction:column;display:flex}.history-row{border-bottom:1px solid #f2f2f2;grid-template-columns:100px minmax(0,1.6fr) 110px minmax(0,1.4fr) 120px 112px;align-items:center;gap:12px;padding:14px 0;font-size:15px;display:grid}.history-row:last-child{border-bottom:0}.history-head{text-transform:uppercase;letter-spacing:.03em;color:var(--faint);border-bottom-color:var(--line);padding:8px 0;font-size:11px;font-weight:700}.history .right{text-align:right}.history .strong{color:var(--ink);font-weight:700}.kind{color:var(--faint);font-size:12.5px;font-style:normal;display:block}.status-pill{color:var(--muted);background:#f2f2f2;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}.status-pill.succeeded{background:var(--ok-bg);color:var(--ok)}.status-pill.pending{color:#8a6100;background:#fff4e0}.receipt-actions{justify-content:flex-end;gap:6px;display:flex}.icon-btn{border:1.5px solid var(--field);min-width:40px;height:40px;color:var(--text);cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.icon-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.icon-btn.done{color:var(--ok);border-color:#bfe3ca}.icon-btn:disabled{opacity:.6;cursor:wait}.icon-btn-text{display:none}@media (max-width:760px){.history-head{display:none}.history-row{grid-template-columns:1fr auto;grid-template-areas:"date status""campaign amount""method receipt";align-items:start;gap:6px 12px;padding:16px 0}.h-date{color:var(--muted);grid-area:date;font-size:14px}.h-status{grid-area:status;justify-self:end}.h-campaign{color:var(--ink);grid-area:campaign;font-weight:600}.h-amount{grid-area:amount;justify-self:end;font-size:17px}.h-method{color:var(--muted);grid-area:method;font-size:14px}.h-receipt{flex-direction:column;grid-area:receipt;justify-self:end;align-items:flex-end;gap:6px;margin-top:2px;display:flex}.h-receipt:before{content:attr(data-label);text-transform:uppercase;letter-spacing:.03em;color:var(--faint);font-size:11px;font-weight:700}.h-receipt.empty{display:none}.receipt-actions{justify-content:flex-end;gap:8px;margin-top:0}.icon-btn{width:44px;height:44px;padding:0}.icon-btn-text{display:none}}.more{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;gap:18px;padding:26px;display:flex}.more h2{font-size:19px}.more-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:12px;font-weight:700}.more-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}@media (max-width:960px){.more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.more{padding:20px 16px}.more-grid{grid-template-columns:1fr}}.more-card{background:color-mix(in srgb, var(--accent) 4%, #fafafa);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:8px;padding:18px;display:flex}.more-card strong{color:var(--ink);font-size:15px}.more-card textarea{resize:vertical;min-height:72px;font-size:15px}.wa{color:var(--ok);font-weight:700;text-decoration:none}.plain{color:var(--text);text-decoration:none}.recurring{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.manage{flex-wrap:wrap;gap:8px;display:flex}.manage-btn{border:1.5px solid var(--field);min-height:40px;color:var(--text);cursor:pointer;background:#fff;border-radius:9px;padding:9px 14px;font-size:13px;font-weight:600}.manage-btn:hover:not(:disabled){border-color:#bdbdbd}.manage-btn:disabled{opacity:.5;cursor:default}.manage-btn-danger{color:var(--accent);border-color:#f3b8b8}.manage-btn-strong{border-color:var(--accent);color:var(--accent)}@media (max-width:560px){.manage{grid-template-columns:1fr 1fr;width:100%;display:grid}.manage-btn{min-height:46px;font-size:15px}}.warn-box{color:var(--warn);background:#fff8f1;border:1px solid #f5d9bc;border-radius:10px;margin:0;padding:12px 14px;font-size:14px}.updating{color:var(--muted);align-items:center;gap:10px;margin:0;font-size:14px;display:flex}.spinner{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}}.flash{border-radius:12px;outline:none;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px;font-size:15px;line-height:1.45;display:flex}.flash.ok{background:var(--ok-bg);color:#1f5c30;border:1px solid #bfe3ca}.flash.info{color:var(--text);border:1px solid var(--line);background:#f2f4f7}body.no-scroll{overflow:hidden}.dialog{background:0 0;border:0;width:480px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);padding:0}.dialog::backdrop{background:#14141473}.dialog-box{background:#fff;border-radius:16px;flex-direction:column;gap:14px;max-height:calc(100vh - 32px);padding:24px;display:flex;overflow-y:auto}.dialog-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.dialog-head h2{font-size:18px;line-height:1.35}.dialog-x{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;margin:-6px -8px 0 0;font-size:24px;line-height:1}.dialog-x:hover{background:#f2f2f2}.dialog-actions{flex-direction:column;gap:10px;margin-top:4px;display:flex}.dialog-actions .link{align-self:center;padding:8px}@media (max-width:560px){.dialog{width:100vw;max-width:100vw;max-height:92vh;margin:auto 0 0}.dialog-box{padding:20px 16px calc(20px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;max-height:92vh}}.amounts{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;display:grid}.amount{border:1.5px solid var(--field);min-height:48px;color:var(--text);cursor:pointer;background:#fff;border-radius:10px;font-size:16px;font-weight:700}.amount.on{border-color:var(--accent);color:var(--accent);background:#fdf2f2}.options{border:0;flex-direction:column;gap:8px;margin:0;padding:0;display:flex}.option{border:1.5px solid var(--field);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;font-size:15px;display:flex}.option.on{border-color:var(--accent);background:#fdf2f2}.option input{width:20px;height:20px;accent-color:var(--accent);flex:none;margin:0}.option-compact{padding:10px 14px}.strong-label{color:var(--ink);margin-bottom:4px;padding:0;font-weight:700}.field textarea{resize:vertical;font-size:16px}.card-field{min-height:120px}.current-card{color:var(--muted);margin:0}.cta-danger{color:var(--accent);border:1.5px solid var(--accent);box-shadow:none;background:#fff}.danger-link{color:var(--accent)}.secondary-wide{border-radius:12px;align-self:stretch;margin-top:0;padding:13px 14px;font-size:15px}.panel.monthly{background:#fbf5ea;border-color:#eedfc4}.panel.monthly .icon-badge,.panel.monthly .manage-btn,.panel.monthly .secondary{background:#fff}.panel.monthly.invite{border-style:solid;flex-direction:row;align-items:center;gap:18px}.invite-text{color:var(--text);max-width:620px;margin:0;font-size:15.5px;line-height:1.55}@media (max-width:640px){.panel.monthly.invite{flex-direction:column;align-items:stretch}}.history-help{max-width:760px}.donate-window{background:0 0;border:0;width:440px;max-width:calc(100vw - 24px);height:min(760px,100vh - 32px);max-height:calc(100vh - 32px);padding:0;overflow:visible}.donate-window::backdrop{background:#1414148c}.donate-window iframe{background:#fff;border:0;border-radius:16px;width:100%;height:100%;display:block}@media (max-width:480px){.donate-window{width:100vw;max-width:100vw;height:100vh;max-height:100vh;margin:0}.donate-window iframe{border-radius:0}}.guest-note{flex-direction:column;gap:10px;display:flex}.guest-note .muted{margin:0}.guest-reasons{color:var(--muted);flex-direction:column;gap:4px;margin:0;padding-left:20px;font-size:15px;line-height:1.5;display:flex}.guest-note .link,.guest-once{align-self:flex-start;padding:0;font-weight:600}.guest-once{margin-top:2px;font-size:15px}.logo-link{border-radius:10px;text-decoration:none}.logo-link:hover small{text-decoration:underline}.logo-link:focus-visible small{text-decoration:underline}.logo-text{flex-direction:column;line-height:1.15;display:flex}.logo-text small{color:var(--muted);font-family:"Source Sans 3",system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:12px;font-weight:600}.more-card-wide{order:-1;grid-column:1/-1}.request-done{background:var(--ok-bg);color:var(--ok);border-radius:10px;margin:0;padding:12px 14px;font-size:15px;font-weight:600;line-height:1.5}.stack-8{flex-direction:column;gap:8px;display:flex}.eco-form{flex-direction:column;gap:12px;display:flex}.eco-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.eco-grid .span-2{grid-column:span 2}.eco-grid .field input{padding:11px 12px}.field-bad input{border-color:var(--warn)}.field-bad span{color:var(--warn)}.eco-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}@media (max-width:760px){.eco-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:440px){.eco-grid{grid-template-columns:1fr}.eco-grid .span-2{grid-column:auto}}.requested-badge{background:var(--ok-bg);color:var(--ok);border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:6px 12px;font-size:14px;font-weight:700;display:inline-flex}.requested-badge:before{content:"✓"}.link-button{all:unset;cursor:pointer;color:var(--accent);align-self:flex-start;font-size:14px;font-weight:600;text-decoration:underline}.link-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.social-links{flex-direction:column;gap:8px;display:flex}.social-link{border:1px solid var(--line);min-height:44px;color:var(--ink);background:#fff;border-radius:10px;align-items:center;gap:10px;padding:8px 14px;font-size:15px;font-weight:700;text-decoration:none;display:flex}.social-link:hover{border-color:var(--accent)}.social-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.social-youtube svg{color:red}.social-facebook svg{color:#1877f2}.social-instagram svg{color:#c13584}.h-method{flex-direction:column;display:flex}.h-method-main{color:var(--text)}.h-method-sub{color:var(--muted);font-size:12.5px}