.donation-overlay{position:fixed;inset:0;z-index:var(--player-z-dialog);display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:var(--donation-surface);color:var(--donation-text);font-family:Arial,Noto Sans Hebrew,sans-serif;line-height:1.4;overflow:hidden;isolation:isolate}.donation-overlay *{box-sizing:border-box}.donation-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 40px;border-block-end:1px solid var(--donation-border);flex-wrap:wrap}.donation-wordmark{font-size:18px;letter-spacing:.12em;font-weight:700;display:flex;align-items:center;gap:16px}.donation-wordmark span{font-size:15px;letter-spacing:0;font-weight:400;color:var(--donation-muted);padding-inline-start:16px;border-inline-start:1px solid var(--donation-border)}.donation-demo{color:var(--donation-accent);font-size:13px;line-height:1.4;text-align:end}.donation-body{overflow:auto;overscroll-behavior:contain;padding:40px 32px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px;min-block-size:0}.donation-intro{max-inline-size:50rem}.donation-intro h1{font-size:clamp(28px,3.6vw,52px);line-height:1.15;font-family:Georgia,Arial,serif;font-weight:500;letter-spacing:-.025em;margin:0;outline-offset:8px}.donation-destination{margin:12px 0 0;color:var(--donation-muted);font-size:19px;overflow-wrap:anywhere}.donation-total{font-size:clamp(48px,7vw,104px);font-weight:700;letter-spacing:-.035em;line-height:1.05;font-variant-numeric:tabular-nums;margin:0;max-inline-size:100%;overflow-wrap:anywhere}.donation-explanation{font-size:20px;color:var(--donation-muted);max-inline-size:36rem}.donation-explanation p{margin:0}.donation-symbol{inline-size:112px;block-size:112px;min-block-size:112px;display:grid;place-items:center;color:var(--donation-accent);border:1px solid var(--donation-border);border-radius:50%;background:var(--donation-tile)}.donation-symbol:not(.is-success){animation:donation-breathe 2.4s ease-in-out infinite}.donation-symbol.is-success{border-color:var(--donation-accent)}.donation-receipt{display:flex;align-items:center;flex-direction:column;gap:16px;max-inline-size:38rem}.donation-receipt h2{font-size:22px;font-weight:600;line-height:1.3;margin:0}.donation-receipt p{font-size:16px;line-height:1.5;color:var(--donation-muted);margin:0}.donation-qr{background:#fff;display:block;flex:none;max-inline-size:none;border-radius:0}.donation-qr-loading{min-block-size:220px;display:grid;place-items:center}.donation-qr-error{display:grid;justify-items:center;gap:16px}.donation-spinner{display:block;inline-size:32px;block-size:32px;border:2px solid var(--donation-border);border-block-start-color:var(--donation-accent);border-radius:50%;animation:donation-spin 1.2s linear infinite}.donation-footer{padding:20px 32px 24px;border-block-start:1px solid var(--donation-border);display:flex;align-items:center;flex-direction:column;gap:12px;background:var(--donation-surface)}.donation-button{font:inherit;font-size:18px;line-height:1.3;min-block-size:52px;padding:14px 28px;border:1px solid var(--donation-border);border-radius:14px;color:var(--donation-text);background:var(--donation-tile);font-weight:600;cursor:pointer;transition:background-color .16s ease,filter .16s ease;text-align:center;white-space:normal;overflow-wrap:anywhere;touch-action:manipulation}.donation-button--primary{background:var(--donation-accent);color:var(--donation-button-text);border-color:var(--donation-accent);inline-size:min(100%,28rem)}.donation-button--secondary{min-inline-size:min(100%,18rem)}.donation-button--quiet{background:transparent;border-color:transparent;font-size:16px;color:var(--donation-muted)}.donation-button:hover:not(:disabled){filter:brightness(1.1)}.donation-button:focus-visible,.donation-keypad button:focus-visible,.donation-amount-entry input:focus-visible{outline:3px solid var(--donation-accent);outline-offset:4px}.donation-button:disabled,.donation-keypad button:disabled{opacity:.45;cursor:wait}.donation-countdown{margin:0;font-size:13px;color:var(--donation-muted)}.donation-secondary-status{font-size:15px;line-height:1.5;color:var(--donation-muted);max-inline-size:40rem;margin:0}.donation-body.is-amount{padding-block:28px;gap:18px}.donation-amount-form{inline-size:min(100%,420px);display:grid;gap:14px}.donation-amount-entry{display:flex;align-items:center;justify-content:center;gap:12px;min-inline-size:0;border-block-end:1px solid var(--donation-border);padding-block:8px 18px}.donation-amount-entry input{min-inline-size:0;inline-size:100%;border:0;outline:none;background:transparent;color:var(--donation-text);font-family:inherit;font-size:clamp(48px,6vw,76px);font-weight:600;line-height:1.1;text-align:end;font-variant-numeric:tabular-nums;caret-color:transparent}.donation-amount-entry bdi{color:var(--donation-accent);font-size:22px}.donation-amount-hint{min-block-size:23px;margin:0;font-size:14px;color:var(--donation-muted)}.donation-amount-hint[role=alert]{color:var(--donation-accent)}.donation-keypad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.donation-keypad button{font:inherit;font-size:30px;font-variant-numeric:tabular-nums;min-block-size:64px;border:1px solid var(--donation-border);border-radius:14px;background:var(--donation-tile);color:var(--donation-text);display:grid;place-items:center;cursor:pointer;touch-action:manipulation}.donation-keypad button:active{background:var(--donation-border)}.donation-sr-only{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@keyframes donation-breathe{50%{box-shadow:0 0 0 14px color-mix(in srgb,var(--donation-accent) 5%,transparent)}}@keyframes donation-spin{to{transform:rotate(360deg)}}@media(max-width:600px){.donation-header{padding:16px 20px;gap:12px}.donation-wordmark{font-size:15px}.donation-wordmark span{font-size:13px}.donation-demo{font-size:11px;max-inline-size:170px}.donation-body{padding:28px 24px;gap:20px}.donation-symbol{inline-size:88px;block-size:88px;min-block-size:88px}.donation-symbol svg{inline-size:54px;block-size:54px}.donation-destination{font-size:16px}.donation-explanation{font-size:17px}.donation-receipt h2{font-size:19px}.donation-receipt p{font-size:15px}.donation-footer{padding:16px 24px}.donation-body.is-amount{gap:12px;padding-block:20px}.donation-keypad{gap:10px}.donation-keypad button{min-block-size:56px;font-size:27px}.donation-header .donation-button--quiet{padding:8px 12px;min-block-size:44px}.donation-amount-entry{padding-block:4px 12px}}@media(prefers-reduced-motion:reduce){.donation-overlay *{animation:none!important;transition:none!important}}.donation-phone{min-block-size:100dvh;background:var(--donation-surface);color:var(--donation-text);font:17px/1.5 Arial,Noto Sans Hebrew,sans-serif;padding:40px 24px;display:grid;place-items:center}.donation-phone-card{inline-size:min(100%,480px);display:grid;gap:20px}.donation-phone-card h1{margin:0;font:500 36px/1.15 Georgia,Arial,serif;letter-spacing:-.02em}.donation-phone-card p{margin:0;color:var(--donation-muted)}.donation-phone-card .donation-demo{text-align:start;color:var(--donation-accent)}.donation-phone-card .donation-total{font-size:46px;color:var(--donation-text)}.donation-phone-card form,.donation-phone-card label{display:grid;gap:12px}.donation-phone-card form{gap:24px}.donation-phone-card input{font:inherit;color:var(--donation-text);background:var(--donation-tile);border:1px solid var(--donation-border);border-radius:10px;min-block-size:52px;padding:12px 16px;inline-size:100%}.donation-phone-card input:focus-visible{outline:3px solid var(--donation-accent);outline-offset:3px}.donation-phone-disclaimer{font-size:13px;border-block-start:1px solid var(--donation-border);padding-block-start:20px}.donation-overlay[data-donation-success=true] .donation-body{gap:16px;padding-block:24px}.donation-overlay[data-donation-success=true] .donation-symbol{inline-size:64px;block-size:64px;min-block-size:64px}.donation-overlay[data-donation-success=true] .donation-symbol svg{inline-size:40px;block-size:40px}.donation-overlay[data-donation-success=true] .donation-destination{margin-block-start:8px}@media(max-width:600px){.donation-overlay[data-donation-success=true] .donation-body{gap:12px;padding-block:20px}.donation-overlay[data-donation-success=true] .donation-symbol{inline-size:48px;block-size:48px;min-block-size:48px}.donation-overlay[data-donation-success=true] .donation-symbol svg{inline-size:32px;block-size:32px}.donation-overlay[data-donation-success=true] .donation-intro h1{font-size:26px}.donation-overlay[data-donation-success=true] .donation-total{font-size:40px}.donation-overlay[data-donation-success=true] .donation-explanation{display:none}.donation-overlay[data-donation-success=true] .donation-receipt{gap:12px}.donation-overlay[data-donation-success=true] .donation-receipt h2{font-size:18px}}.donation-body{justify-content:flex-start}.donation-summary,.donation-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;min-inline-size:0;inline-size:100%;flex-shrink:0}.donation-summary{max-inline-size:48rem}.donation-panel{max-inline-size:38rem}.donation-reader-target{position:relative;display:grid;place-items:center;inline-size:min(64vw,280px);aspect-ratio:1;flex:none;isolation:isolate}.donation-reader-ring{position:absolute;inline-size:64.5%;block-size:64.5%;border:2.5px solid var(--donation-accent);border-radius:50%;opacity:0;animation:donation-reader-wave 2s ease-out infinite}.donation-reader-card{position:relative;inline-size:60%;aspect-ratio:150/96;border:1.5px solid color-mix(in srgb,var(--donation-accent) 60%,transparent);border-radius:14px;background:#12233a;box-shadow:0 8px 32px #0008;animation:donation-card-tap 1.9s ease-in-out infinite}.donation-reader-chip{position:absolute;inset-block-start:14.5%;inset-inline-start:9.3%;inline-size:20%;block-size:23%;border-radius:5px;background:var(--donation-accent)}.donation-reader-contactless{position:absolute;inset-block-start:20.8%;inset-inline-end:9.3%;inline-size:22.6%;aspect-ratio:1;border:3px solid var(--donation-accent);border-inline-end-color:transparent;border-block-end-color:transparent;border-radius:50%;transform:rotate(45deg)}.donation-reader-dots{position:absolute;inset-inline-start:9.3%;inset-block-end:14.5%;display:flex;gap:6px}.donation-reader-dots i{inline-size:14px;block-size:9px;border-radius:2px;background:#ffffff4d}@keyframes donation-reader-wave{0%{transform:scale(.42);opacity:.8}to{transform:scale(1.55);opacity:0}}@keyframes donation-card-tap{0%,73.68%,to{transform:translateY(8px) rotate(-6deg)}36.84%{transform:translateY(-8px) rotate(-2deg)}}@media(orientation:landscape){.donation-body,.donation-body.is-amount,.donation-overlay[data-donation-success=true] .donation-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;justify-items:center;gap:clamp(24px,5vw,80px);padding:clamp(20px,4vh,48px) clamp(24px,5vw,80px)}.donation-summary,.donation-panel{gap:clamp(12px,2.5vh,28px)}.donation-reader-target{inline-size:min(100%,38vh,380px)}.donation-total{font-size:clamp(40px,7vw,104px)}.donation-intro h1{font-size:clamp(26px,3.4vw,52px)}.donation-receipt h2{font-size:clamp(18px,2vw,24px)}}@media(max-height:500px)and (orientation:landscape){.donation-header,.donation-footer{padding-block:12px}.donation-body{align-items:start}.donation-keypad button{min-block-size:48px}.donation-symbol{inline-size:64px;block-size:64px;min-block-size:64px}}@media(max-width:600px)and (orientation:portrait){.donation-summary,.donation-panel{gap:16px}.donation-overlay[data-donation-success=true] .donation-summary{gap:12px}.donation-overlay[data-donation-success=true] .donation-body{justify-content:flex-start}}@media(prefers-reduced-motion:reduce){.donation-reader-ring{animation:none;transform:scale(1);opacity:.3}.donation-reader-ring:not(:first-child){display:none}.donation-reader-card{animation:none;transform:rotate(-4deg)}}.donation-receipt,.donation-qr-frame{inline-size:100%;min-inline-size:0}.donation-qr-frame{display:flex;justify-content:center}@media(orientation:portrait){.donation-summary{margin-block-start:auto}.donation-panel{margin-block-end:auto}.donation-reader-target{inline-size:min(64vw,clamp(230px,32vh,560px))}}@media(max-height:500px)and (orientation:landscape){.donation-body.is-amount,.donation-overlay[data-donation-success=true] .donation-body{align-items:start}}@media(max-height:500px)and (orientation:landscape){.donation-header{padding-block:4px}.donation-header .donation-button--quiet{min-block-size:44px;padding:8px 12px}.donation-footer{padding-block:4px}.donation-body.is-amount{padding-block:6px}.donation-amount-form{gap:6px}.donation-amount-entry{padding-block:2px}.donation-amount-entry input{font-size:32px}.donation-amount-hint{min-block-size:0;font-size:12px}.donation-keypad{gap:6px}.donation-keypad button{min-block-size:44px;font-size:24px}}
