/* Vote results use sample totals, clearly labelled in the board. */
.vote-option{display:grid;grid-template-columns:62px minmax(0,1fr) 46px;gap:12px;padding:12px}
.vote-option>img{width:62px;height:91px}
.vote-result{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}
.vote-count{font-size:10px;color:#879bb7;line-height:1.4}
.vote-percent{font-size:16px;line-height:1.2;color:#e1e9f7;font-weight:600;font-variant-numeric:tabular-nums}
.vote-meter{height:4px;overflow:hidden;margin-top:6px;border-radius:10px;background:#56678933}
.vote-meter>span{display:block;height:100%;border-radius:10px;background:#859ec9;transition:width .35s ease}
.is-selected .vote-meter>span{background:var(--red)}
.project-vote:disabled{cursor:default}
.project-vote:disabled:hover{background:transparent}
.project-vote:disabled:not([aria-pressed=true]){opacity:.48}
.vote-total{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#8e9fbc;margin:13px 2px 0}
.vote-total>span:first-child{font-size:10px;letter-spacing:.08em}
.vote-final-warning{background:#fa304b0d;border:1px solid #fa304b45;border-radius:12px;padding:16px;margin:20px 0;color:#fac1cd;font-size:15px;line-height:1.6}
.vote-confirm-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
#vote-confirm-dialog,#support-dialog{width:min(550px,93vw)}
#vote-confirm-dialog .dialog-copy h2,#support-dialog .dialog-copy h2{font:700 58px/.95 var(--display);text-transform:uppercase;letter-spacing:.005em}
#vote-confirm-dialog .dialog-copy,#support-dialog .dialog-copy{padding-top:42px}
.progress-card{flex-wrap:wrap;row-gap:19px}
.project-phase-area{flex:0 0 100%;min-width:0;width:100%;border-top:1px solid #ffffff13;padding-top:16px}
.phase-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px;font-size:12px;color:#b4bfd3}
.phase-preview-label{font-size:10px;letter-spacing:.07em;color:#8b9bb5}
.project-stages{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.project-stages li{position:relative;display:flex;align-items:flex-start;gap:10px;padding:12px;border-radius:13px;border:1px solid #ffffff0c;background:#0d142136;min-width:0;color:#6e809b}
.stage-number{display:grid;place-items:center;flex-shrink:0;width:25px;height:25px;border-radius:50%;border:1px solid #62738d4a;font-size:10px;font-variant-numeric:tabular-nums}
.stage-copy{min-width:0}
.stage-copy strong{display:block;font-size:13px;font-weight:500;line-height:1.5}
.stage-copy small{display:block;font-size:10px;line-height:1.5;margin-top:3px;color:#7c8da9}
.project-stages li.is-current{border-color:#fa304b66;background:linear-gradient(115deg,#4b223535,#29365050);color:#f3dde6}
.is-current .stage-number{background:var(--red);border-color:var(--red);color:white}
.is-current .stage-copy small{color:#fa8aa1}
.project-stages li.is-complete{color:#aebfdb}
.is-complete .stage-number{background:#314461;border-color:#738aad4f;color:#d2e3ff}
#project-dialog .project-phase-area{margin:22px 0}
#project-dialog .project-stages{gap:8px}
#project-dialog .project-stages li{display:block;padding:11px}
#project-dialog .stage-copy{display:block;margin-top:8px}
.project-support{margin-top:20px;display:grid;grid-template-columns:minmax(150px,.72fr) minmax(200px,1fr) minmax(220px,1.02fr);gap:24px;padding:24px;border:1px solid #ffffff17;border-radius:25px;background:radial-gradient(ellipse at 30% 0,#74294129,transparent 68%),linear-gradient(130deg,#1b1d2b,#141d2d);overflow:hidden}
.support-visual{position:relative;isolation:isolate;min-height:220px;overflow:hidden;border:1px solid #ffffff17;border-radius:16px}
.support-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:63% 50%;z-index:-2}
.support-visual:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#121525e6,transparent 70%)}
.support-visual-label{position:absolute;bottom:18px;left:17px;right:13px;font-size:11px;font-weight:600;line-height:1.5;letter-spacing:.12em;color:#d5e0f4}
.support-copy{min-width:0;align-self:center}
.support-copy h3{font:700 clamp(40px,3.3vw,51px)/.97 var(--display);text-transform:uppercase;letter-spacing:.005em;margin:13px 0 15px}
.support-copy h3>span{color:#faa0b4}
.support-copy>p{font-size:15px;line-height:1.7;color:#a6b4cb}
.support-copy>.support-rule{font-size:12px;line-height:1.6;margin-top:14px;color:#8194b1}
.support-form{min-width:0;align-self:center;padding:18px;border-radius:17px;background:#0d15248c;border:1px solid #ffffff13}
.support-form fieldset{border:0;padding:0;margin:17px 0}
.support-form legend{padding:0;margin-bottom:11px;font-size:13px;color:#d2deef}
.support-amounts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.support-amounts label{position:relative;display:block;cursor:pointer;min-width:0}
.support-amounts input{position:absolute;opacity:0;width:100%;height:100%;margin:0}
.support-amounts span{display:grid;place-items:center;min-height:41px;border:1px solid #ffffff23;border-radius:9px;color:#b9c9e1;font-size:13px;background:#1c2a42}
.support-amounts input:checked+span{border-color:#fa304b9c;background:#fa304b1a;color:#ffc2cf}
.support-amounts input:focus-visible+span{outline:2px solid white;outline-offset:3px}
.support-form .member-join{width:100%;font-size:13px;min-height:43px}
.support-preview-note{font-size:11px;line-height:1.65;color:#91a2be;margin:11px 0 0}
#custom-support-field{margin-bottom:16px}
#custom-support-field label{display:block;font-size:12px;color:#b2c1d9;margin-bottom:6px}
#custom-support-amount{width:100%;font:16px/1.5 var(--body);padding:9px 11px;border:1px solid #ffffff29;border-radius:9px;background:#111d32;color:#e6edf9}
#custom-support-amount:focus-visible{outline:2px solid white;outline-offset:2px}
.support-summary{display:flex;flex-direction:column;gap:8px;padding:20px;border:1px solid #fa304b40;border-radius:15px;background:#fa304b08;margin:22px 0}
.support-summary>span{font-size:15px;color:#d2ddef}
.support-summary>strong{font-size:38px;line-height:1.2;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.support-summary>small{font-size:12px;color:#8e9fbc}
#support-dialog .member-join{margin-top:25px}
@media(max-width:1250px){.vote-option{grid-template-columns:47px minmax(0,1fr) 39px;gap:9px;padding:10px}.vote-option>img{width:47px;height:94px}.vote-count{font-size:9px}.vote-percent{font-size:14px}.project-support{grid-template-columns:minmax(180px,1fr) minmax(225px,1.1fr);gap:20px}.support-visual{display:none}.project-stages li{gap:8px;padding:10px}.stage-copy strong{font-size:12px}}
@media(max-width:760px){.vote-option{grid-template-columns:62px minmax(0,1fr) 46px;gap:12px}.vote-option>img{width:62px;height:91px}.vote-count{font-size:10px}.project-stages li{display:block}.stage-copy{display:block;margin-top:8px}.project-support{padding:21px;gap:18px;grid-template-columns:minmax(170px,1fr) minmax(220px,1.1fr)}.support-copy h3{font-size:44px}}
@media(max-width:560px){.vote-option{grid-template-columns:36px minmax(0,1fr) 31px;gap:8px;padding:9px}.vote-option>img{width:36px;height:85px}.vote-option-copy p{display:none}.vote-result{margin-top:8px;gap:6px}.vote-count{font-size:9px;max-width:55px}.vote-percent{font-size:13px}.vote-option-copy h4{font-size:13px}.project-vote{min-width:31px}.vote-total{font-size:10px;gap:8px}.vote-total>span:first-child{font-size:9px}.vote-feedback{font-size:11px}.project-stages{gap:7px}.project-stages li{padding:9px 7px;border-radius:10px}.stage-copy strong{font-size:11px;line-height:1.4;overflow-wrap:normal;hyphens:manual}.stage-copy small{font-size:9px}.phase-heading{font-size:11px}.phase-preview-label{font-size:9px}.stage-number{width:22px;height:22px;font-size:9px}.project-support{grid-template-columns:1fr;padding:21px;border-radius:23px;gap:20px}.support-copy h3{font-size:46px}.support-copy h3 br{display:none}.support-copy h3>span:before{content:" "}.support-copy>p{font-size:15px}.support-copy>.support-rule{font-size:12px}.support-form{padding:16px}.support-amounts{gap:8px}.support-amounts span{font-size:14px}.support-form .member-join{font-size:14px}.vote-confirm-actions .member-join{width:100%}.vote-confirm-actions .idea-cancel{width:100%}#vote-confirm-dialog .dialog-copy h2,#support-dialog .dialog-copy h2{font-size:51px}}
@media(prefers-reduced-motion:reduce){.vote-meter>span{transition:none}}