/* Keep motion decorative: content and controls remain usable when paused. */
.motion-paused .glass-panel,.motion-paused .route-enter{animation:none!important;opacity:1;transform:none}
.motion-paused .nav-glass-indicator{will-change:auto}
.motion-paused *,.motion-paused *::before,.motion-paused *::after{transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .logo-webgl canvas,.reveal-item,.glass-panel,.journey-step{opacity:1}
 .reveal-item{transform:none}
}
/* Stable, readable forms and narrow-screen monetary figures. */
html{scrollbar-gutter:stable}
:where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid #8ce6ef;outline-offset:4px}
.form-panel .form-help,.quote-choice .form-help{font-size:13px;line-height:1.75}
.quote-choice{border-color:#6bd9e64d;background:linear-gradient(125deg,#37bfd00a,#4884e508)}
.form-panel select{min-height:46px}
.detail-panel,.detail-top>*,.project-body>*,.card,.funding-total-assets>div{min-width:0}
.funding-total-assets strong,.money-ledger dd,.receipt-row b{overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.receipt-row>b{max-width:65%;text-align:right}
.field-counter{display:block;margin-top:5px;text-align:right;color:#9bb2cd;font-size:11px;font-variant-numeric:tabular-nums}
.field-counter.at-limit{color:#ffd29b}
.field textarea{resize:vertical;min-height:110px}
@media(max-width:650px){
 .form-panel .field input,.form-panel .field textarea,.form-panel .field select,.wallet-dialog input,.wallet-dialog textarea{font-size:16px}
 .form-panel,.form-grid>.side-note{padding:22px 18px}
 .form-panel .form-help{font-size:13px}
 .fundraising-modes{display:grid;grid-template-columns:1fr 1fr;gap:10px}
 .fundraising-modes .button{padding:12px 10px;text-align:center;white-space:normal;line-height:1.4;min-height:48px}
 .real-milestone>div{flex-wrap:wrap}
 .account-row{flex-wrap:wrap;gap:14px}
 .account-row>span{margin-left:0;white-space:normal}
 .review-list{overflow-wrap:anywhere}
 .money-ledger{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .funding-number{font-size:clamp(24px,7vw,36px)}
 .funding-progress-label{flex-wrap:wrap;gap:6px}
 .preset-select{padding:18px 14px}
}
.detail-image{align-self:start;height:auto;aspect-ratio:1;object-fit:cover}
/* The modal frame clips its corners; only the inset body scrolls. */
html:has(#modal[open]){overflow:hidden}
#modal{max-height:calc(100dvh - 40px);overflow:hidden;padding:6px;border-radius:24px;scrollbar-gutter:auto}
#modal .wallet-dialog{max-height:calc(100dvh - 54px);overflow-y:auto;overscroll-behavior:contain;padding:24px;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#42556c transparent}
#modal .wallet-dialog::-webkit-scrollbar{width:6px}
#modal .wallet-dialog::-webkit-scrollbar-track{background:transparent;margin:18px 0}
#modal .wallet-dialog::-webkit-scrollbar-thumb{background:#42556c;border-radius:20px;min-height:35px}
#modal .wallet-dialog::-webkit-scrollbar-thumb:hover{background:#6c89a8}
#modal .wallet-dialog .qr-address{min-height:62px;height:62px;resize:none;line-height:1.6}
#modal .donation-qr-code{margin:18px auto 12px}
#modal .donation-qr-code canvas{width:min(240px,56vw,36dvh)!important;height:auto!important;max-width:100%;image-rendering:pixelated}
#modal .wallet-dialog:has(#donation-qr)>h2{margin:12px 0}
#modal .wallet-dialog:has(#donation-qr)>.form-help{font-size:11px;line-height:1.7;margin:10px 0}
#modal .qr-network{margin:8px 0 16px}
#modal .qr-actions{margin:14px 0}
@media(max-width:600px){#modal{max-height:calc(100dvh - 24px);border-radius:20px}#modal .wallet-dialog{max-height:calc(100dvh - 38px);padding:20px 14px}}