/* Donor / supporter encouragement capture page. */
.enc{background:var(--hhp-card);border:1px solid var(--hhp-line);border-radius:var(--hhp-radius);padding:1.3rem 1.2rem;box-shadow:0 14px 40px rgba(20,32,42,.07)}
.enc-intro h1{margin:.1rem 0 .4rem;font-size:1.5rem}
.enc-modes{display:flex;gap:.4rem;flex-wrap:wrap;margin:1rem 0 .8rem}
.enc-mode{flex:1 1 auto;min-width:84px;border:1px solid var(--hhp-line);background:#fff;border-radius:999px;padding:.5rem .7rem;
  font-weight:700;font-size:.92rem;cursor:pointer;color:var(--hhp-ink);transition:all .15s ease}
.enc-mode:hover{border-color:var(--hhp-green)}
.enc-mode.is-active{background:var(--hhp-green);border-color:var(--hhp-green);color:#fff}
.enc-panel{margin:.2rem 0 .4rem}
.enc-rec{border:1px dashed #cbd5df;border-radius:14px;padding:1rem;background:#fafcfd}
.enc-rec__row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}
.enc-rec__time{font-variant-numeric:tabular-nums;color:#d23d4e;font-weight:700}
.enc-rec__live{width:100%;max-height:320px;border-radius:12px;margin-top:.7rem;background:#000;transform:scaleX(-1)}
.enc-rec__playback{width:100%;margin-top:.7rem;border-radius:12px}
.enc-rec__hint{font-size:.85rem;margin:.6rem 0 0}
.enc-note,.enc-photo{margin-top:.9rem}
.enc-photo-prev{margin-top:.5rem}
.enc-photo-prev img{width:84px;height:84px;object-fit:cover;border-radius:14px;border:2px solid var(--hhp-line)}
.enc-err{color:#b00020;background:#fdeef0;border-radius:10px;padding:.5rem .7rem;margin:.6rem 0 0;font-size:.9rem}
.enc [data-send]{margin-top:1rem}
.enc-done{text-align:center;padding:1rem 0}
.enc-done__check{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin:0 auto .6rem;
  font-size:2rem;background:linear-gradient(135deg,#eef9f3,#cfe9df)}
.enc-done h2{margin:.2rem 0 .3rem}