:root{color-scheme:light;--bg: #f4f2ec;--panel: #ffffff;--panel-soft: #faf8f3;--border: #ddd7cc;--border-strong: #bdb5a5;--text: #141414;--muted: #6f6960;--soft: #90887d;--accent: #111111;--accent-soft: #f2f0ea;--shadow: 0 1px 2px rgba(16, 16, 16, .04);--radius: 18px;--radius-sm: 14px;--page-width: 1080px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--text)}button,input,textarea{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}h1,h2,h3,p{margin:0}.app-shell{width:min(var(--page-width),calc(100vw - 24px));margin:0 auto;padding:20px 0 32px;display:grid;gap:16px}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.brand-link{display:grid;gap:8px;padding:0;border:0;background:transparent;color:inherit;text-align:left}.brand-link:hover h1{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.16em}.brand-link:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:10px}.eyebrow{margin-bottom:8px;color:var(--muted);font-size:.74rem;letter-spacing:.18em;text-transform:uppercase}h1{font-size:clamp(1.9rem,4vw,3.3rem);line-height:.96;letter-spacing:-.06em;max-width:12ch}h2{font-size:clamp(1.2rem,2vw,1.5rem);letter-spacing:-.04em;line-height:1.08}h3{font-size:clamp(1.1rem,2vw,1.35rem);letter-spacing:-.04em;line-height:1.05}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.center-panel{padding:24px;display:grid;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:.78rem 1rem;border-radius:999px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-weight:600;transition:transform .14s ease,border-color .14s ease,background .14s ease}.button:hover:not(:disabled){transform:translateY(-1px);border-color:var(--border-strong);background:var(--panel-soft)}.button--primary{background:var(--accent);color:#fff;border-color:var(--accent)}.button--primary:hover:not(:disabled){background:#222;border-color:#222}.button--ghost{background:var(--panel)}.button--small{padding:.65rem .9rem;min-height:38px;font-size:.94rem}.lede{color:var(--muted);font-size:1.05rem;line-height:1.6;max-width:60ch}.inline-banner{padding:.9rem 1rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fffaf4;color:#6a4c2f;font-size:.94rem}.intro-panel,.status-panel,.comparison-panel,.results-panel{padding:22px}.intro-panel{display:grid;gap:18px}.intro-summary{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:.9rem}.intro-summary span{padding:.35rem .6rem;border:1px solid var(--border);border-radius:999px;background:var(--panel-soft)}.intro-actions,.results-actions,.comparison-actions,.comparison-footer{display:flex;flex-wrap:wrap;gap:10px}.cause-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cause-toggle{padding:16px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--panel);color:var(--text);text-align:left;display:grid;gap:10px;transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease}.cause-toggle.is-kept{border-color:#c7c0b4;background:#fcfbf7;box-shadow:inset 3px 0 #111}.cause-toggle.is-dropped{background:#f4f1eb;border-color:#d7d0c5;color:#7f786e;box-shadow:inset 3px 0 #b8b0a3}.cause-toggle__top{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.cause-toggle__top strong{font-size:1rem;letter-spacing:-.03em}.cause-toggle__top span{color:inherit;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.cause-toggle__description{color:var(--muted);line-height:1.45;font-size:.94rem}.cause-toggle:hover:not(:disabled){transform:translateY(-1px);border-color:var(--border-strong)}.cause-toggle.is-kept:hover:not(:disabled){background:#f8f6ef}.cause-toggle.is-dropped:hover:not(:disabled){background:#eeebe4}.cause-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.custom-cause-card{display:grid;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:var(--panel)}.custom-cause-card.is-kept{border-color:#c7c0b4;box-shadow:inset 3px 0 #111}.custom-cause-card.is-dropped{background:#f4f1eb;border-color:#d7d0c5;color:#7f786e;box-shadow:inset 3px 0 #b8b0a3}.custom-cause-card__toggle{display:grid;gap:10px;padding:16px;background:transparent;color:inherit;text-align:left}.custom-cause-card__actions{display:flex;gap:14px;padding:10px 16px;border-top:1px solid var(--border)}.custom-cause-card__actions button{padding:0;background:transparent;color:var(--muted);font-size:.84rem;font-weight:600}.custom-cause-card__actions button:hover:not(:disabled){color:var(--text);text-decoration:underline;text-underline-offset:.16em}.custom-cause-card__edit{display:grid;gap:10px;padding:16px}.custom-cause-card__edit label{display:grid;gap:5px;color:var(--muted);font-size:.8rem;font-weight:600}.custom-cause-form{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel-soft);overflow:hidden}.custom-cause-form summary{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 16px;cursor:pointer;list-style:none;font-weight:650}.custom-cause-form summary::-webkit-details-marker{display:none}.custom-cause-form summary:before{content:"+";width:1.2rem;color:var(--muted);font-size:1.2rem;font-weight:400;line-height:1}.custom-cause-form[open] summary:before{content:"−"}.custom-cause-form summary span{flex:1}.custom-cause-form summary small{color:var(--muted);font-size:.84rem;font-weight:400;white-space:nowrap}.custom-cause-form__body{padding:16px;border-top:1px solid var(--border)}.custom-cause-form__fields{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr) auto;gap:10px;align-items:end}.custom-cause-form label{display:grid;gap:6px;color:var(--muted);font-size:.82rem;font-weight:600}.custom-cause-form label em{color:var(--soft);font-style:normal;font-weight:400}.custom-cause-form input,.custom-cause-card__edit input{width:100%;min-height:42px;padding:.7rem .8rem;border:1px solid var(--border);border-radius:12px;background:var(--panel);color:var(--text);outline:none}.custom-cause-form input:focus,.custom-cause-card__edit input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #11111114}.intro-note{color:var(--muted);font-size:.94rem;line-height:1.5}.content-grid{display:grid;gap:16px}.status-row{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin-bottom:14px}.status-value{font-size:1.25rem;font-weight:700}.status-meta{display:grid;gap:4px;justify-items:end;color:var(--muted)}.status-meta strong{color:var(--text)}.progress-track{width:100%;height:2px;border-radius:999px;overflow:hidden;background:#e6e1d8}.progress-fill{display:block;height:100%;background:var(--accent)}.status-note{margin-top:12px;color:var(--muted);font-size:.94rem;line-height:1.5}.status-note--subtle{margin-top:8px;color:var(--soft)}.comparison-panel{display:grid;gap:16px}.comparison-heading{display:grid;gap:4px}.comparison-subcopy{color:var(--muted);font-size:.95rem}.comparison-shell{display:grid;gap:12px}.comparison-card-wrap{position:relative}.comparison-card{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-height:340px;border:1px solid var(--border);border-radius:calc(var(--radius) + 2px);background:var(--panel);overflow:hidden;-webkit-user-select:none;user-select:none;animation:comparison-enter .32s cubic-bezier(.16,1,.3,1) both;transform-origin:50% 55%;will-change:transform}.comparison-card.is-exiting{animation:comparison-exit .26s cubic-bezier(.4,0,.2,1) both;pointer-events:none}.comparison-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff59}.comparison-side{position:relative;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;display:grid;align-content:start;gap:12px;padding:22px;text-align:left;color:var(--text);background:transparent;font:inherit;cursor:pointer;touch-action:manipulation;transition:background-color .18s ease,box-shadow .18s ease,opacity .18s ease}.comparison-side+.comparison-side{border-left:1px solid var(--border)}.comparison-side:hover:not(:disabled),.comparison-side.is-selected{background:var(--panel-soft)}.comparison-side:disabled{cursor:default}.comparison-card.is-exiting .comparison-side:not(.is-selected){opacity:.48}.comparison-card.is-exiting .comparison-side.is-selected{opacity:1}.comparison-side.is-selected{box-shadow:inset 0 0 0 2px var(--accent)}.comparison-side__label{display:inline-flex;width:fit-content;padding:.3rem .55rem;border-radius:999px;background:#f3efe8;border:1px solid var(--border);color:var(--muted);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}.comparison-side p{color:var(--muted);line-height:1.55;font-size:.96rem;max-width:30ch}.comparison-footer{justify-content:flex-start}@keyframes comparison-enter{0%{transform:scale(.975)}to{transform:scale(1)}}@keyframes comparison-exit{0%{transform:scale(1)}to{transform:scale(.975)}}@media (prefers-reduced-motion: reduce){.comparison-card,.comparison-card.is-exiting{animation-duration:1ms}}.results-panel{display:grid;gap:18px}.results-heading{display:grid;gap:8px}.results-explanation{display:grid;gap:10px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel-soft)}.results-explanation ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.results-explanation li{display:grid;gap:4px}.results-explanation strong{font-size:.98rem}.results-explanation span{color:var(--muted);line-height:1.5;font-size:.94rem}.allocation-style-panel{display:grid;gap:10px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel-soft)}.allocation-style-panel__top{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.allocation-style-panel__top strong{display:block;margin-top:2px;font-size:1rem}.allocation-style-panel__value{display:flex;gap:10px;align-items:center}.allocation-style-panel__value span{color:var(--muted);font-size:.9rem;white-space:nowrap}.allocation-style-panel__value button{padding:0;background:transparent;color:var(--muted);font-size:.84rem;font-weight:600;text-decoration:underline;text-underline-offset:.16em}.allocation-style-panel__value button:hover:not(:disabled){color:var(--text)}.allocation-style-panel input[type=range]{width:100%;accent-color:var(--accent)}.allocation-style-panel__scale{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:.84rem;letter-spacing:.08em;text-transform:uppercase}.results-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.results-actions--primary{align-items:center}.all-pairs-note{color:var(--muted);font-size:.9rem}.results-more{border-top:1px solid var(--border);padding-top:12px}.results-more summary{width:fit-content;color:var(--muted);cursor:pointer;font-size:.9rem;font-weight:600}.results-more>div{display:flex;flex-wrap:wrap;gap:10px;padding-top:12px}.comparison-history{border-top:1px solid var(--border);padding-top:12px}.comparison-history summary{width:fit-content;color:var(--muted);cursor:pointer;font-size:.9rem;font-weight:600}.comparison-history__body{display:grid;gap:12px;padding-top:12px}.comparison-history__note{color:var(--muted);font-size:.88rem;line-height:1.45}.comparison-history__list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.comparison-history__item{display:grid;gap:12px;padding:14px 16px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--panel-soft)}.comparison-history__meta{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start}.comparison-history__index{color:var(--soft);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;margin-top:3px}.comparison-history__copy{display:grid;gap:4px}.comparison-history__copy strong{font-size:.95rem}.comparison-history__copy span{color:var(--muted);line-height:1.45;font-size:.92rem}.comparison-history__editor{display:grid;gap:12px}.comparison-history__editor label{display:grid;gap:6px}.comparison-history__editor span{color:var(--muted);font-size:.84rem}.comparison-history__editor select{min-height:42px;padding:0 12px;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--text);font:inherit}.comparison-history__actions{display:flex;flex-wrap:wrap;gap:10px}.result-row{padding:16px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--panel-soft)}.result-row__top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start}.result-row__rank{color:var(--soft);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;margin-top:3px}.result-row__copy{display:grid;gap:4px}.result-row__copy span{color:var(--muted);line-height:1.45;font-size:.94rem}.result-row__share{font-size:1.05rem;align-self:start}.result-row__bar{margin-top:12px;height:3px;border-radius:999px;background:#e5dfd2;overflow:hidden}.result-row__bar span{display:block;height:100%;background:var(--accent)}.results-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.results-meta div{display:grid;gap:4px;padding-top:10px;border-top:1px solid var(--border)}.results-meta span{color:var(--muted);font-size:.9rem}.results-meta strong{font-weight:600}.organisation-suggestions{display:grid;gap:14px;padding-top:4px}.organisation-suggestions__heading{display:flex;justify-content:space-between;gap:24px;align-items:end}.organisation-suggestions__heading>p{max-width:52ch;color:var(--muted);font-size:.86rem;line-height:1.45;text-align:right}.organisation-suggestions__link{justify-self:start;width:fit-content;text-decoration:none}.organisation-suggestions__description{color:var(--muted);font-size:.88rem;line-height:1.45}.info-page{display:grid;gap:24px;padding:24px}.info-page__heading{display:flex;justify-content:space-between;gap:20px;align-items:start}.info-page__heading h1{max-width:none}.info-page__content{display:grid;gap:22px;max-width:72ch}.info-page__content section{display:grid;gap:8px}.info-page__content p{color:var(--muted);line-height:1.65}.info-page__updated{padding-top:16px;border-top:1px solid var(--border);font-size:.88rem}.site-footer{display:flex;justify-content:space-between;gap:16px;padding:8px 2px 0;color:var(--muted);font-size:.86rem}.site-footer nav{display:flex;gap:16px}.site-footer button{padding:0;background:transparent;color:inherit}.site-footer button:hover{color:var(--text);text-decoration:underline;text-underline-offset:.16em}@media (max-width: 920px){.cause-toggle-grid,.results-meta,.custom-cause-form__fields{grid-template-columns:1fr}.custom-cause-form__fields .button{justify-self:start}.organisation-suggestions__heading{display:grid}.organisation-suggestions__heading>p{text-align:left}.comparison-card{grid-template-columns:1fr;min-height:0}.comparison-side+.comparison-side{border-left:0;border-top:1px solid var(--border)}}@media (max-width: 640px){.app-shell{width:min(var(--page-width),calc(100vw - 16px));padding-top:12px}.panel,.intro-panel,.status-panel,.comparison-panel,.results-panel,.center-panel{border-radius:16px}.topbar{flex-direction:column}.intro-panel,.status-panel,.comparison-panel,.results-panel,.comparison-side{padding:18px}.results-actions .button,.intro-actions .button,.comparison-actions .button,.comparison-footer .button{flex:1 1 100%}}