body{background:#eee6d7;color:#173f36}#screen{max-width:1080px;min-height:100vh;padding:38px 62px 22px;background:radial-gradient(ellipse at 50% 0,#fffdf8aa,transparent 65%),repeating-linear-gradient(45deg,#b59c6804 0 1px,transparent 1px 18px),#f5eddf;display:flex;flex-direction:column;justify-content:space-between;gap:20px}#screen:before{left:50%;top:-80px;transform:translateX(-50%);width:1150px;height:1070px;border:2px solid #c8ad7150;border-radius:50% 50% 0 0;pointer-events:none}#screen:after{content:'';position:absolute;inset:18px;border:1px solid #c9ad6e22;pointer-events:none;z-index:0}#screen>section,#screen>header,#screen>footer,#screen>nav{position:relative;z-index:1}header{border:0;padding:0;justify-content:center;min-height:160px}.brand{flex-direction:row;gap:22px}.brand-logo{width:145px;height:155px;object-fit:contain;background:transparent;border-radius:0;padding:0;mix-blend-mode:multiply}.brand b{font-size:56px;font-weight:700;color:#173f36;line-height:1.4}.brand small{font-size:25px;color:#b5995a;font-weight:600;text-align:center;margin:5px 0}#settings{position:absolute;left:0;top:0;color:#173f36;font-size:24px;opacity:.45}.intro{padding:10px 0;text-align:center}h1,.intro h1{font-size:55px;font-weight:700;line-height:1.5;margin:0;color:#173f36}.intro p{font-size:29px;color:#173f36;font-weight:600;margin:8px 0 0}.overview{display:grid;grid-template-columns:1fr 1fr;gap:0;border:2px solid #d4c59e;border-radius:24px 5px;background:#fffdf540;padding:18px 20px;box-shadow:inset 0 0 0 4px #fffaf36b}.overview>div{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:18px;padding:0 15px}.overview>div+div{border-right:1px solid #ceb882}.overview .metric-icon{display:grid;place-items:center;width:63px;height:65px;border-radius:12px;background:#183f36;color:#dbc38a;font-size:40px;flex-shrink:0}.overview small{font-size:22px;color:#173f36;margin:0;font-weight:600;display:block}.overview strong{font-size:26px;color:#b19658;font-weight:600;display:block;line-height:1.5}.overview em{font-style:normal;font-size:17px}.project{display:grid;grid-template-columns:1.5fr 1fr;gap:30px;direction:rtl;padding:32px;border-radius:25px 6px;background:radial-gradient(ellipse at 0 100%,#345b4a,transparent 70%),#103f35;border:2px solid #a99054;box-shadow:0 6px 15px #59482125;color:#faf8ef;min-height:670px}.project-details{display:flex;flex-direction:column;justify-content:center;min-width:0}.project-top{justify-content:center;position:relative;margin-bottom:20px}.tag{background:linear-gradient(100deg,#e9c98a,#d3b26c,#f0d59d);color:#1c493e;font-size:20px;font-weight:600;border:1px solid #af904e;padding:5px 22px}.number{position:absolute;right:0;top:-20px;font-size:10px;color:#d0c8ad}#name{font-size:36px;font-weight:600;text-align:center;line-height:1.55;min-height:110px;display:grid;align-items:center;margin:0}.gold-divider{display:flex;gap:12px;align-items:center;justify-content:center;color:#d9bb7b;font-size:20px;margin:12px 0 16px}.gold-divider:before,.gold-divider:after{content:'';height:1px;width:37%;background:linear-gradient(90deg,transparent,#d9bb7b,transparent)}.completion{display:block;text-align:center}.completion .label{color:#d3b573;font-size:24px;font-weight:500}.completion strong{font-size:83px;color:#fff;font-weight:600;line-height:1.3;direction:ltr}.completion>span{display:none}.track{height:27px;background:#9eb4ab70;border:1px solid #d9bc7960;box-shadow:0 0 0 4px #042f2633;margin:16px 0 29px}.track div{background:linear-gradient(90deg,#efd196,#d5b16b);box-shadow:0 0 10px #e5c88f60}.finance{border-top:1px solid #ceb57255;padding-top:19px;gap:10px}.finance>div,.finance>div+div{border:1px solid #bfa66b80;border-radius:21px;padding:12px 6px;text-align:center;min-width:0}.finance small{font-size:18px;color:#f6f3e8;font-weight:500;white-space:nowrap}.finance strong{font-size:25px;color:#d9bc7b;margin:12px 0 0;font-weight:600;line-height:1.3}.finance span{color:#d9bc7b;font-size:22px;font-weight:600}.art,.art.has-image,#screen:has(#paymentPanel:not([hidden])) .art{height:auto;min-height:100%;margin:0;border:3px solid #d6b77a;border-radius:26px 6px;background:#f1e8d6;box-shadow:inset 0 0 0 4px #e3d3b2,0 0 0 4px #d3b16a22;overflow:hidden;position:relative}.art #projectImage{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.art .image-caption{display:none}.art #imageError{position:absolute;left:0;right:0;bottom:10px;text-align:center;font-size:10px;color:#95805a;background:#f4ecdce6;padding:5px}.giving{display:grid;grid-template-columns:1fr 1.5fr;border:2px solid #d6c7a2;border-radius:24px 6px;padding:16px 25px;background:#fffaf233;min-height:230px;align-items:center}.payment-panel{display:flex;flex-direction:column;gap:3px;margin:0;padding:0;border:0;align-items:center;justify-content:center;border-left:1px solid #ccb78370}.payment-panel a{padding:0;border-radius:6px;background:white;display:block}.payment-panel svg{width:140px;height:140px;display:block}.payment-copy{text-align:center}.payment-panel strong{font-size:17px;color:#173f36;font-weight:600}.payment-panel p{font-size:13px;color:#a78c52;margin:0}.payment-panel span{font-size:9px;color:#7b806b;text-align:center;max-width:200px}.payment-panel.is-default svg{opacity:.7}.giving-message{text-align:center;color:#173f36}.giving-message p{font-size:29px;font-weight:600;line-height:1.7;margin:3px 0}.giving-message>span{display:block;color:#b69b60;font-size:20px}.giving-message>span:before,.giving-message>span:after{content:'────';font-size:13px;opacity:.5;margin:0 8px}.carousel{padding:0;gap:13px;height:20px}.carousel button{color:#496658;font-size:16px}.carousel #pause{border-color:#b7a577;color:#496658;width:24px;height:24px}#dots button{background:#c7b68f}#dots button.active{background:#315747}footer{padding:0;border:0;display:flex;flex-direction:column;justify-content:center;gap:5px;margin:0!important}.date-badge{border-radius:40px;background:#174c3e;color:#fff;padding:8px 27px;font-size:18px;font-weight:500}footer>small{color:#827956;font-size:9px}body.empty .giving{display:none}#empty{position:relative;z-index:2}dialog h2{color:#173f36;min-height:0}dialog .admin-head{min-height:0}
@media(min-width:900px) and (max-aspect-ratio:3/4){#screen:has(#paymentPanel:not([hidden])) .intro{padding:10px 0}#screen:has(#paymentPanel:not([hidden])) h1{font-size:55px}#screen:has(#paymentPanel:not([hidden])) .overview{padding:18px 20px}}
@media(min-aspect-ratio:1/1){#screen{max-width:1000px;gap:20px}.brand-logo{width:100px;height:110px}header{min-height:115px}.brand b{font-size:43px}.brand small{font-size:20px}.intro h1{font-size:42px}.intro p{font-size:24px}.project{min-height:570px}.giving{min-height:210px}}
@media(max-width:650px){#screen{padding:24px 18px;gap:18px}.brand-logo{width:90px;height:100px}.brand b{font-size:34px}.brand small{font-size:17px}header{min-height:110px}.intro h1{font-size:29px}.intro p{font-size:18px}.overview{padding:12px 4px}.overview>div{gap:8px;padding:0 5px}.overview .metric-icon{width:35px;height:42px;font-size:24px}.overview small{font-size:12px}.overview strong{font-size:18px}.overview em{display:block;font-size:11px}.project{padding:20px 13px;gap:15px;min-height:475px;grid-template-columns:1.5fr 1fr}.tag{font-size:12px;padding:4px 10px}.project-top{margin-bottom:10px}#name{font-size:21px;min-height:90px}.completion .label{font-size:17px}.completion strong{font-size:47px}.track{height:18px;margin:12px 0 18px}.finance{gap:5px;padding-top:12px}.finance>div,.finance>div+div{padding:9px 2px;border-radius:12px}.finance small{font-size:10px;white-space:normal}.finance strong{font-size:15px;margin-top:8px}.finance span{font-size:12px}.art #imageError{font-size:8px}.giving{padding:12px 8px;min-height:190px}.payment-panel svg{width:104px;height:104px}.payment-panel strong{font-size:12px}.payment-panel p{font-size:10px}.payment-panel span{font-size:8px;max-width:105px}.giving-message p{font-size:20px}.date-badge{font-size:12px;padding:7px 15px}}