@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--ink:#302535;--purple:#4d365b;--gold:#a57d36;--paper:#f7f3ec;--line:#dfd7ce}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 'DM Sans',system-ui,sans-serif}header{max-width:1280px;margin:auto;padding:25px 48px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);font-size:13px;letter-spacing:.025em}header a{color:var(--ink);text-decoration:none;font-weight:700}header span{color:#716775}main{max-width:1280px;margin:0 auto;padding:70px 48px;display:grid;grid-template-columns:1fr 1.08fr;gap:80px;align-items:start}.intro{position:sticky;top:45px;padding-top:12px}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:11px;font-weight:700;color:#8c692e}.candle{position:relative;width:34px;height:60px;background:linear-gradient(90deg,#e9d5af,#fff8df,#d4b986);margin:56px 0 25px;border-radius:4px 4px 2px 2px;box-shadow:0 18px 40px #c3a26b22}.candle i{position:absolute;top:-29px;left:10px;width:14px;height:26px;border-radius:80% 0 60% 50%;transform:rotate(-25deg);background:linear-gradient(#a98039,#f5d58c);box-shadow:0 0 34px #e8be6a77}h1{font:76px/.99 'Libre Caslon Display',Georgia,serif;letter-spacing:-.035em;margin:25px 0 30px;font-weight:400}h1 em{font-style:normal;color:#795a80}.lead{max-width:400px;color:#665b68;font-size:17px}.prayer{border-left:2px solid #c4a674;padding-left:20px;margin-top:40px;font:italic 18px/1.7 Georgia,serif;color:#7a6a72}.details{display:flex;flex-wrap:wrap;gap:8px;margin-top:40px}.details span{padding:6px 10px;border:1px solid var(--line);border-radius:20px;font-size:11px;color:#756770}.form-panel{background:#fffdf9;border:1px solid #e7dfd4;border-radius:14px;padding:34px 36px;box-shadow:0 14px 50px #3d294607}.form-heading{border-bottom:1px solid var(--line);padding-bottom:16px}.form-heading p:last-child{font-size:13px;color:#776c76}h2{font:36px/1.1 'Libre Caslon Display',Georgia,serif;font-weight:400;margin:10px 0 16px}fieldset{border:0;border-bottom:1px solid var(--line);padding:24px 0;margin:0}legend{float:left;width:100%;font-size:16px;font-weight:600;margin-bottom:10px}legend b{display:inline-grid;place-items:center;width:26px;height:26px;margin-right:8px;border:1px solid #d4c4d6;border-radius:50%;font-size:12px;color:var(--purple)}legend+.hint{clear:both}.hint,.privacy{font-size:12px;color:#786d78;line-height:1.6}label{display:block;font-size:13px;font-weight:500;margin:16px 0 8px}small{font-weight:400;color:#8b8089}input:not([type=checkbox]):not([type=range]){width:100%;border:1px solid #d9d0d7;border-radius:6px;background:white;padding:12px;font:16px 'DM Sans',system-ui,sans-serif;color:var(--ink);margin-top:6px}input:focus,button:focus-visible,canvas:focus-visible{outline:3px solid #b89fbe;outline-offset:3px}button{font:600 13px 'DM Sans',system-ui,sans-serif;cursor:pointer;border-radius:6px;padding:11px 15px;border:1px solid var(--line);min-height:44px}.secondary{background:transparent;color:var(--purple)}.primary{background:var(--purple);color:white;border-color:var(--purple)}button:hover{filter:brightness(.95)}button:disabled{opacity:.5;cursor:not-allowed}#pay{width:100%;display:flex;justify-content:space-between;padding:16px 18px;margin-top:24px}.count{float:right;margin:12px 0;font-size:11px;color:#8a7b89}.person{position:relative;padding:8px 0 18px}.person+.person{border-top:1px dashed var(--line);padding-top:12px}.person-top{display:flex;align-items:end;gap:10px}.person-top label{flex:1;margin-top:0}.remove{border:0;background:transparent;color:#8a6879;padding:8px;min-width:44px;margin-bottom:9px}.photo-row{display:flex;align-items:center;gap:12px;margin-top:8px}.photo-row img{width:68px;height:68px;object-fit:cover;border-radius:6px}.photo-row span{font-size:11px;color:#877783}.photo-row button{font-size:12px;padding:8px 12px}.photo-file{display:none}.amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;clear:both;margin:18px 0}.amounts button{background:white;color:var(--purple);font-size:15px}.amounts [aria-pressed=true]{background:#eee6f0;border-color:var(--purple)}.consent{display:flex;align-items:start;gap:10px;font-size:12px;margin-top:25px}.consent input{margin:4px 0;accent-color:var(--purple);width:17px;height:17px;flex-shrink:0}.secure{text-align:center;font-size:11px;color:#8c7f8a}.notice{padding:12px 15px;background:#f4eddc;border:1px solid #e3d5ad;font-size:13px;border-radius:6px}#feedback{font-size:13px;overflow-wrap:anywhere}#feedback.error,#crop-error{color:#a42e37}footer{text-align:center;max-width:1000px;margin:0 auto;padding:0 28px 40px;color:#8d818b;font-size:11px;line-height:2}dialog{border:1px solid var(--line);border-radius:12px;max-width:520px;width:calc(100% - 28px);padding:25px;color:var(--ink);max-height:95dvh;overflow:auto}dialog::backdrop{background:#24182de0}dialog p{font-size:13px}canvas{display:block;width:100%;height:auto;aspect-ratio:1;background:#201b23;touch-action:none;cursor:grab;border-radius:4px}input[type=range]{width:100%;accent-color:var(--purple)}.dialog-actions{display:flex;justify-content:space-between;gap:10px}#receipt{padding:40px 0}#reference{overflow-wrap:anywhere}@media(max-width:900px){main{gap:35px;padding:45px 28px}h1{font-size:62px}.form-panel{padding:28px 24px}header{padding:22px 28px}}@media(max-width:650px){header{padding:20px;font-size:12px}header span{display:none}main{display:block;padding:35px 18px}.intro{position:static;padding:0 12px 35px}.candle{margin-top:40px;height:45px;width:29px}h1{font-size:62px;max-width:350px}.lead{font-size:15px;max-width:100%}.prayer{margin-top:25px;font-size:16px}.details{margin-top:25px}.form-panel{padding:26px 20px}.form-heading h2{font-size:34px}footer{font-size:10px}dialog{padding:20px}dialog h2{font-size:30px}}