:root{--bg: #f4f5f7;--rail: #eaecef;--card: #ffffff;--surface-2: #eef0f3;--field: #ffffff;--ink: #1f2329;--muted: #5f6571;--on-accent: #ffffff;--line: #d7dade;--hover: #eceef1;--hover-strong: #dfe2e7;--active: #e2f3ea;--accent: #93b658;--accent-ink: #5b7a30;--error: #c5221f;--font: "Gotham A", "Gotham B", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--danger-bg: #fbe9e7;--danger-ink: #b3261e;--danger-bg-strong: #f6d6d2;--ok: #93b658;--avatar-fallback: #9aa0a6}@media (prefers-color-scheme: dark){:root:not([data-theme]){--bg: #0f1115;--rail: #0c0e12;--card: #1a1d24;--surface-2: #14171d;--field: #0f1115;--ink: #e8eaed;--muted: #9aa0a6;--on-accent: #ffffff;--line: #2a2e37;--hover: #181b21;--hover-strong: #2a2e37;--active: #15291d;--accent: #9cc866;--accent-ink: #b6d98a;--error: #ff6b6b;--danger-bg: #3a1d1d;--danger-ink: #ff8a8a;--danger-bg-strong: #4a2424;--ok: #9cc866;--avatar-fallback: #444444}}:root[data-theme=dark]{--bg: #0f1115;--rail: #0c0e12;--card: #1a1d24;--surface-2: #14171d;--field: #0f1115;--ink: #e8eaed;--muted: #9aa0a6;--on-accent: #ffffff;--line: #2a2e37;--hover: #181b21;--hover-strong: #2a2e37;--active: #15291d;--accent: #9cc866;--accent-ink: #b6d98a;--error: #ff6b6b;--danger-bg: #3a1d1d;--danger-ink: #ff8a8a;--danger-bg-strong: #4a2424;--ok: #9cc866;--avatar-fallback: #444444}:root[data-brand=vo-pay]{--accent: #93b658;--accent-ink: #5b7a30}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 var(--font)}.vopay-brand{display:flex;align-items:center;gap:9px}.vopay-brand .vo-logo{height:22px;width:auto}.vopay-wordmark{font-size:16px;font-weight:800;letter-spacing:.2px;color:var(--ink)}.vopay-wordmark .pay{color:var(--accent)}body{background:transparent}.vopay-jar,.vopay-pill,.vopay-panel{--r-outer: 14px;--r-inner: 10px;--jar-primary-bg: var(--accent-ink);--jar-primary-ink: #ffffff;--jar-ink-on-accent: #1f2329}:root[data-theme=dark] .vopay-jar,:root[data-theme=dark] .vopay-pill,:root[data-theme=dark] .vopay-panel{--jar-primary-bg: var(--accent);--jar-primary-ink: #0f1115;--jar-ink-on-accent: #0f1115}@media (prefers-color-scheme: dark){:root:not([data-theme]) .vopay-jar,:root:not([data-theme]) .vopay-pill,:root:not([data-theme]) .vopay-panel{--jar-primary-bg: var(--accent);--jar-primary-ink: #0f1115;--jar-ink-on-accent: #0f1115}}.vopay-jar--host-themed{--surface-2: color-mix(in srgb, var(--card) 92%, var(--ink) 8%);--line: color-mix(in srgb, var(--card) 82%, var(--ink) 18%)}.vopay-wordmark--tip{font-size:14px;font-weight:400;letter-spacing:1.2px;color:var(--accent-ink)}.vopay-jar{width:100%;max-width:340px;margin:0 auto;background:var(--card);border:1px solid var(--line);border-radius:var(--r-outer);padding:18px;overflow:hidden;font-family:var(--font);color:var(--ink)}.vopay-jar--dimmed>*:not(.vopay-jar__head):not(.vopay-waiting){opacity:.55}.vopay-jar__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.vopay-head__signin{font-size:13px;color:var(--muted);text-decoration:none}.vopay-head__signin:hover{text-decoration:underline}.vopay-head__viewer{display:flex;align-items:center;gap:6px}.vopay-head__handle{font-size:12px;color:var(--muted)}.vopay-avatar{flex:0 0 auto;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:var(--jar-ink-on-accent);background:var(--avatar-fallback);overflow:hidden}.vopay-avatar img{width:100%;height:100%;object-fit:cover}.vopay-recipient{display:flex;align-items:center;gap:10px;min-width:0;margin-bottom:14px}.vopay-recipient__meta{min-width:0}.vopay-recipient__name{font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vopay-recipient__sub{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vopay-lead{margin:0 0 12px;font-size:14px;color:var(--muted)}.vopay-progress{margin-bottom:14px}.vopay-progress__raised{display:flex;align-items:baseline;gap:4px}.vopay-progress__amount{font-weight:800;font-size:20px;color:var(--ink)}.vopay-progress__raised-label{font-size:13px;color:var(--muted)}.vopay-progress__track{margin-top:10px;height:8px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);overflow:hidden}.vopay-progress__fill{height:100%;width:0%;border-radius:999px;background:var(--accent);transition:width .4s ease}.vopay-progress__caption{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:6px;font-size:12px}.vopay-progress__goal{color:var(--muted)}.vopay-progress__pct{font-weight:700;color:var(--accent-ink)}.vopay-amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.vopay-chip{appearance:none;padding:10px 4px;text-align:center;background:var(--surface-2);color:var(--ink);border:1px solid var(--line);border-radius:var(--r-inner);font:inherit;font-size:14px;font-weight:500;cursor:pointer}.vopay-chip:hover{background:var(--hover)}.vopay-chip.is-selected{background:var(--accent);color:var(--jar-ink-on-accent);border-color:var(--accent)}.vopay-custom{margin-bottom:14px}.vopay-custom__label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.vopay-custom__field{position:relative;display:flex;align-items:center}.vopay-custom__currency{position:absolute;left:12px;color:var(--muted);font-size:15px;pointer-events:none}.vopay-custom__input{width:100%;padding:11px 12px 11px 26px;background:var(--field);border:1px solid var(--line);border-radius:var(--r-inner);color:var(--ink);font:inherit;font-size:16px}.vopay-custom__input:focus{outline:2px solid var(--accent);border-color:transparent}.vopay-custom__hint{margin:6px 0 0;font-size:11px;color:var(--muted)}.vopay-custom__hint.is-error{color:var(--error)}.vopay-method-row{display:flex;align-items:center;gap:6px;margin-bottom:14px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-inner);padding:10px 12px;font-size:13px}.vopay-method-row__change{margin-left:auto;color:var(--accent-ink);text-decoration:none}.vopay-method-row__change:hover{text-decoration:underline}.vopay-tip{appearance:none;width:100%;padding:12px;background:var(--jar-primary-bg);color:var(--jar-primary-ink);border:0;border-radius:var(--r-inner);font:inherit;font-size:15px;font-weight:500;cursor:pointer}.vopay-tip:hover{filter:brightness(1.08)}.vopay-tip:disabled{opacity:.45;cursor:not-allowed;filter:none}.vopay-error-line{margin:10px 0 0;font-size:13px;color:var(--error);text-align:center}.vopay-error-line a{color:var(--accent-ink)}.vopay-error-line--muted{color:var(--muted)}.vopay-error-line--muted a{color:var(--accent-ink)}.vopay-danger{background:var(--danger-bg);color:var(--danger-ink);border-radius:var(--r-inner);padding:12px 14px;font-size:13px;margin-bottom:14px}.vopay-danger__code{margin:6px 0 0;opacity:.85}.vopay-mono{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:12px}.vopay-success{text-align:center;padding:8px 0}.vopay-success__check{width:48px;height:48px;margin:0 auto 12px;border-radius:50%;background:var(--accent);color:var(--jar-ink-on-accent);display:flex;align-items:center;justify-content:center;font-size:26px}.vopay-success__msg{font-weight:700;font-size:16px;margin:0 0 4px}.vopay-success__sub{color:var(--muted);font-size:13px;margin:0 0 10px}.vopay-success__receipt{color:var(--muted);font-size:12px;margin:0 0 14px}.vopay-success__receipt a{color:var(--accent-ink)}.vopay-link{appearance:none;background:transparent;border:0;color:var(--accent-ink);font:inherit;font-size:13px;cursor:pointer;text-decoration:underline}.vopay-waiting{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-inner);padding:12px 14px;text-align:center;font-size:13px;color:var(--muted);margin-bottom:14px}.vopay-waiting p{margin:0 0 4px}.vopay-waiting__links a{color:var(--accent-ink);text-decoration:none}.vopay-waiting__links a:hover{text-decoration:underline}.vopay-method-step__title-row{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:13px}.vopay-method-step__back{color:var(--accent-ink);text-decoration:none;flex:0 0 auto}.vopay-method-step__head{font-size:12px;font-weight:600;letter-spacing:.6px;color:var(--muted);margin-bottom:8px}.rowlist{border:1px solid var(--line);border-radius:var(--r-inner);overflow:hidden;margin-bottom:12px}.rowlist__row{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;border-bottom:1px solid var(--line)}.rowlist__row:last-of-type{border-bottom:0}.rowlist__row.is-selected{background:var(--active)}.rowlist__label{display:flex;flex-direction:column;min-width:0}.rowlist__name{font-size:13px;font-weight:500}.rowlist__sub{font-size:11px;color:var(--muted)}.rowlist__badge{margin-left:auto;font-size:10px;text-transform:uppercase;letter-spacing:.4px;color:var(--accent-ink)}.vopay-method-step__add{display:block;padding:12px 14px;color:var(--accent-ink);text-decoration:none;font-size:13px}.vopay-card{margin:0 14px 12px;padding:10px;min-height:44px;border:1px dashed var(--line);border-radius:var(--r-inner);display:flex;align-items:center;justify-content:center;text-align:center;color:var(--muted);font-size:12px}.vopay-method-step__save{display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:14px;cursor:pointer}.vopay-foot{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:6px}.vopay-foot .vo-logo{height:12px;width:auto;opacity:.85}.vopay-foot__text{color:var(--muted);font-size:11px}.vo-logo{fill:var(--accent)}.vopay-brand{display:flex;align-items:center;gap:8px}.vopay-brand .vo-logo{width:auto}.vopay-jar--button{max-width:none;background:transparent;border:0;padding:0}.vopay-jar--button{--r-outer: 999px;--r-inner: 8px}.vopay-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 10px;background:var(--card);border:1px solid var(--line);border-radius:999px;font:inherit;font-size:13px;color:var(--ink);cursor:pointer}.vopay-pill.is-open{background:var(--active)}.vopay-pill .vo-logo{height:18px}.vopay-pill__amount{color:var(--muted)}.vopay-panel{margin-top:10px;width:300px;max-width:100%;background:var(--card);border-radius:12px;box-shadow:0 6px 24px #00000024;padding:14px;--r-inner: 8px}.vopay-panel__head{display:flex;align-items:center;gap:8px;margin-bottom:10px}.vopay-panel__title{font-weight:600;font-size:13px}.vopay-panel__handle{margin-left:auto;font-size:12px;color:var(--muted)}.vopay-panel .vopay-amounts{grid-template-columns:repeat(4,1fr)}.vopay-panel .vopay-tip{font-size:14px;padding:10px}.vopay-jar--narrow{max-width:240px;padding:14px;--r-outer: 12px;--r-inner: 8px}.vopay-jar--narrow .vopay-jar__head{margin-bottom:12px}.vopay-jar--narrow .vopay-brand .vo-logo{height:18px}.vopay-recipient--narrow{margin-bottom:10px}.vopay-recipient--narrow .vopay-recipient__name{font-size:14px}.vopay-jar--narrow .vopay-progress{margin-bottom:12px}.vopay-jar--narrow .vopay-progress__track{height:6px}.vopay-jar--narrow .vopay-amounts{gap:6px;margin-bottom:10px}.vopay-jar--narrow .vopay-chip{font-size:13px;padding:8px 2px}.vopay-jar--narrow .vopay-custom__label{display:none}.vopay-jar--narrow .vopay-tip{font-size:14px;padding:10px}.vopay-jar--network{max-width:none;background:var(--card);border-radius:var(--r-inner);padding:12px}.vopay-jar--network .vopay-jar__head{margin-bottom:10px}.vopay-jar--network .vopay-brand .vo-logo{height:18px}.vopay-network__tips{font-size:12px;color:var(--muted)}.vopay-network__row{display:flex;align-items:center;gap:8px}.vopay-amounts--network{display:flex;gap:8px;margin-bottom:0;flex:1}.vopay-amounts--network .vopay-chip{flex:1;font-size:13px;padding:8px 0}.vopay-tip--inline{width:auto;flex:1.4;font-size:13px;padding:8px 10px}.vopay-network__hint{margin:8px 0 0;font-size:11px;color:var(--muted)}.vopay-hidden{display:none!important}body{background:var(--bg);min-height:100vh;display:flex;flex-direction:column}.vopay-page__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;max-width:520px;margin:0 auto;padding:18px 20px 0}.vopay-page__brand{text-decoration:none}.vopay-page__brand .vo-logo{height:26px}.vopay-page__right{display:flex;align-items:center;gap:14px}.vopay-page__nav{display:flex;align-items:center;gap:12px}.vopay-page__nav a{font-size:13px;color:var(--muted);text-decoration:none}.vopay-page__nav a:hover{color:var(--ink);text-decoration:underline}.vopay-page__viewer{display:flex;align-items:center}.vopay-page__viewer .vopay-head__signin{font-size:14px}.vopay-page__viewer .vopay-head__handle{font-size:13px;color:var(--ink);text-decoration:none}.vopay-page__viewer .vopay-head__handle:hover{text-decoration:underline}.vopay-page{width:100%;max-width:520px;margin:0 auto;padding:24px 20px 40px;flex:1}.vopay-hero{margin:8px 0 22px}.vopay-hero__title{margin:0 0 6px;font-size:28px;font-weight:800;letter-spacing:-.2px;line-height:1.15}.vopay-hero__sub{margin:0 0 16px;font-size:15px;color:var(--muted)}.vopay-urlbar__row{display:flex;gap:8px}.vopay-urlbar__input{flex:1;min-width:0;padding:12px 14px;background:var(--field);border:1px solid var(--line);border-radius:12px;color:var(--ink);font:inherit;font-size:16px}.vopay-urlbar__input:focus{outline:2px solid var(--accent);border-color:transparent}.vopay-urlbar__go{appearance:none;flex:0 0 auto;padding:12px 18px;background:var(--jar-primary-bg, var(--accent-ink));color:var(--jar-primary-ink, #fff);border:0;border-radius:12px;font:inherit;font-size:15px;font-weight:500;cursor:pointer}.vopay-urlbar__go:hover{filter:brightness(1.08)}.vopay-urlbar__hint{margin:8px 0 0;font-size:13px;color:var(--muted)}.vopay-urlbar__hint.is-error{color:var(--error)}.vopay-urlbar{--jar-primary-bg: var(--accent-ink);--jar-primary-ink: #ffffff}:root[data-theme=dark] .vopay-urlbar{--jar-primary-bg: var(--accent);--jar-primary-ink: #0f1115}@media (prefers-color-scheme: dark){:root:not([data-theme]) .vopay-urlbar{--jar-primary-bg: var(--accent);--jar-primary-ink: #0f1115}}.vopay-notice{margin:0 0 14px;padding:14px 16px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;color:var(--ink);font-size:14px;line-height:1.45}.vopay-notice--pledge{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:var(--active)}.vopay-jar--page{max-width:none;padding:22px 22px 18px;--r-outer: 16px;--r-inner: 12px}.vopay-jar--page .vopay-recipient{margin-bottom:16px;gap:14px}.vopay-jar--page .vopay-recipient__name{font-size:20px;white-space:normal}.vopay-jar--page .vopay-recipient__sub{font-size:13px;white-space:normal}.vopay-jar--page .vopay-progress__amount{font-size:26px}.vopay-jar--page .vopay-progress__track{height:10px}.vopay-jar--page .vopay-amounts{gap:10px}.vopay-jar--page .vopay-chip{padding:13px 6px;font-size:16px}.vopay-jar--page .vopay-custom__input{padding:12px 12px 12px 26px}.vopay-jar--page .vopay-tip{padding:14px;font-size:16px}.vopay-jar--page .vopay-method-row{font-size:14px}.vopay-jar--page .vopay-success{padding:16px 0 8px}.vopay-jar--page .vopay-success__msg{font-size:20px}.vopay-jar--page .vopay-success__sub{font-size:14px;max-width:34em;margin-left:auto;margin-right:auto}.vopay-pledge-note{margin:8px 0 0;font-size:12px;color:var(--muted);text-align:center;line-height:1.4}.vopay-progress--pledged .vopay-progress__raised-label{font-size:12px}.vopay-share:empty{display:none}.vopay-share{margin-top:16px;padding:16px 18px;background:var(--card);border:1px solid var(--line);border-radius:16px}.vopay-share__title{margin:0 0 10px;font-size:12px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--muted)}.vopay-share__row{display:flex;gap:8px}.vopay-share__input{flex:1;min-width:0;padding:10px 12px;background:var(--field);border:1px solid var(--line);border-radius:10px;color:var(--ink);font:inherit;font-size:14px}.vopay-share__input:focus{outline:2px solid var(--accent);border-color:transparent}.vopay-copy{appearance:none;flex:0 0 auto;padding:10px 14px;background:var(--surface-2);color:var(--ink);border:1px solid var(--line);border-radius:10px;font:inherit;font-size:13px;cursor:pointer}.vopay-copy:hover{background:var(--hover-strong)}.vopay-copy.is-ok{color:var(--accent-ink);border-color:var(--accent)}.vopay-share__hint{margin:10px 0 0;font-size:13px;color:var(--muted);line-height:1.45}.vopay-share__hint a{color:var(--accent-ink)}.vopay-page__foot{padding:16px 20px 28px;text-align:center;font-size:12px;color:var(--muted)}.vopay-page__foot a{color:var(--muted);text-decoration:none}.vopay-page__foot a:hover{color:var(--ink);text-decoration:underline}@media (max-width: 480px){.vopay-page__bar{padding:14px 14px 0}.vopay-page{padding:18px 14px 32px}.vopay-hero__title{font-size:24px}.vopay-jar--page{padding:18px 16px 14px}.vopay-urlbar__row{flex-direction:column}.vopay-page__nav{display:none}}