:root{--ivory:#FBF6EC;--champ:#F1E4C8;--gold:#B8891E;--gold2:#E6C46A;--purple:#4B2468;--purple2:#6E3A93;--coral:#E8735E;--ink:#2A1F2E;--pearl:#FFFDF8}
*{box-sizing:border-box}body{margin:0;font:19px/1.6 Georgia,"Times New Roman",serif;color:var(--ink);background:radial-gradient(circle at 20% 0,#fff 0,var(--ivory) 40%,var(--champ) 100%) fixed;min-height:100vh}
.wrap{max-width:720px;margin:0 auto;padding:22px 20px 30px}
header{text-align:center}.brand{display:flex;align-items:center;justify-content:center;gap:8px;font:700 15px/1 Georgia;letter-spacing:.12em;font-size:20px;color:var(--purple)}.brand img{width:30px}
.tag{font-size:14px;letter-spacing:.2em;color:var(--gold);text-transform:uppercase;margin:6px 0 0}
h1{font-family:"Playfair Display","Didot","Bodoni 72",Georgia,serif;font-weight:900;font-size:clamp(34px,9vw,52px);line-height:1.08;margin:22px 0 10px;color:var(--purple)}h1 em{color:var(--gold);font-style:italic}
.lead{font-size:20px;margin:0 0 18px;text-align:center}
.pearls{height:10px;margin:14px auto;width:180px;background:radial-gradient(circle,#fff 0 2px,#E9E1D3 3px,transparent 4px) 0 0/18px 10px repeat-x}
form{display:flex;flex-direction:column;gap:10px}label{font-weight:700;color:var(--purple)}
textarea{font:inherit;font-size:20px;padding:14px;border:2px solid var(--gold2);border-radius:16px;background:var(--pearl);min-height:84px;resize:vertical}
textarea:focus{outline:3px solid var(--purple2)}
.btn{font:700 20px Georgia;padding:15px 20px;border-radius:999px;border:0;cursor:pointer;background:linear-gradient(135deg,#D9AE45,var(--gold) 55%,#8E6A17);color:#fff;box-shadow:0 4px 14px rgba(140,100,20,.35);text-shadow:0 1px 1px rgba(0,0,0,.25)}
.btn.alt{background:var(--purple)}.btn.ghost{background:transparent;color:var(--purple);border:2px solid var(--purple);box-shadow:none;text-shadow:none}
h2{font-size:22px;color:var(--purple);margin:24px 0 10px;text-align:center}
#chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.chip{font:600 18px Georgia;padding:11px 16px;border-radius:999px;border:2px solid var(--gold2);background:var(--pearl);color:var(--purple);cursor:pointer;box-shadow:inset 0 -2px 0 #EFE6D6}
.chip:hover,.chip:focus{background:var(--purple);color:#fff;border-color:var(--purple)}
.card{background:var(--pearl);border:2px solid var(--gold2);border-radius:22px;padding:22px 20px;box-shadow:0 10px 30px rgba(75,36,104,.12);position:relative}
.topic{display:inline-block;background:var(--coral);color:#fff;font:700 15px Georgia;letter-spacing:.08em;text-transform:uppercase;padding:6px 14px;border-radius:999px}
.verse{font-family:"Playfair Display",Georgia,serif;font-size:24px;line-height:1.45;font-weight:700;color:var(--purple);margin:16px 0 6px}
.ref{color:var(--gold);font-weight:700;margin:0 0 6px}
h3{font-size:19px;letter-spacing:.12em;text-transform:uppercase;color:var(--coral);margin:20px 0 4px}
.prayer{font-style:italic;background:#F7EFF9;border-left:4px solid var(--purple2);padding:12px 14px;border-radius:10px}
.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.actions .ghost{grid-column:1/-1}
footer{text-align:center;margin-top:30px;font-size:17px;border-top:1px solid var(--gold2);padding-top:16px}footer a{color:var(--purple);font-weight:700}
#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--purple);color:#fff;padding:12px 18px;border-radius:12px;opacity:0;transition:.3s;font-size:17px}#toast.on{opacity:1}
/* ===== Glam v2 ===== */
body{background:linear-gradient(115deg,#FBF4E6 0%,#F3E3C3 22%,#FFF9EE 38%,#EBD6AE 55%,#FCF3E2 72%,#E9D3A8 100%);background-size:300% 300%;animation:satin 18s ease-in-out infinite;text-align:center}
@keyframes satin{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:
radial-gradient(circle at 12% 18%,#fff 0 1.5px,transparent 3px),radial-gradient(circle at 86% 12%,#fff 0 2px,transparent 4px),radial-gradient(circle at 78% 58%,#fff 0 1.5px,transparent 3px),radial-gradient(circle at 8% 72%,#fff 0 2px,transparent 4px),radial-gradient(circle at 50% 92%,#fff 0 1.5px,transparent 3px);opacity:.9}
.gold,h1,h2,h3{background:linear-gradient(180deg,#F8E7A6 0%,#D9AE45 35%,#9C7414 55%,#E8C766 75%,#8E6A17 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 rgba(90,60,10,.25))}
h1{text-align:center;font-size:clamp(36px,10vw,54px)}h1 em{background:linear-gradient(180deg,#8A4FB8,#4B2468);-webkit-background-clip:text;background-clip:text;color:transparent}
h2{font-size:24px;font-weight:900}h3{font-size:20px;font-weight:900}
.brand,.tag,.lead,label,form,footer,.card,.verse,.ref,#renc,.prayer{text-align:center}
.brand{font-size:24px;font-weight:900}.brand img{width:36px;filter:drop-shadow(0 0 6px rgba(230,196,106,.9))}
.tag{color:var(--coral);font-weight:700}
form{align-items:center}form textarea{width:100%;max-width:560px;text-align:left}form .btn{width:100%;max-width:560px}
label{font-size:21px;display:block}
.pearls{width:240px;height:26px;margin:16px auto;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 26'%3E%3Cdefs%3E%3ClinearGradient id='g'%3E%3Cstop offset='0' stop-color='%23E6C46A' stop-opacity='0'/%3E%3Cstop offset='.5' stop-color='%23B8891E'/%3E%3Cstop offset='1' stop-color='%23E6C46A' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M10 13H95M145 13H230' stroke='url(%23g)' stroke-width='2'/%3E%3Cpath d='M95 13c8-10 16-10 20 0-4 10-12 10-20 0zM145 13c-8-10-16-10-20 0 4 10 12 10 20 0z' fill='none' stroke='%23B8891E' stroke-width='1.6'/%3E%3Cpath d='M120 3l3 10-3 10-3-10z' fill='%23C9A13B'/%3E%3Ccircle cx='120' cy='13' r='2.5' fill='%23fff'/%3E%3Ccircle cx='60' cy='13' r='2.6' fill='%23FFFDF8' stroke='%23E2D6C2'/%3E%3Ccircle cx='180' cy='13' r='2.6' fill='%23FFFDF8' stroke='%23E2D6C2'/%3E%3C/svg%3E") center/contain no-repeat}
#chips{justify-content:center}
.chip{background:linear-gradient(180deg,#fff,#F7EFE0);border:2px solid #D9AE45;box-shadow:0 2px 8px rgba(184,137,30,.25),inset 0 1px 0 #fff}
.btn{background:linear-gradient(180deg,#F6DE8D 0%,#D9AE45 40%,#A87D16 70%,#E3BF5E 100%);color:#3A2405;text-shadow:0 1px 0 rgba(255,240,200,.7);box-shadow:0 0 18px rgba(230,196,106,.75),0 4px 12px rgba(140,100,20,.35),inset 0 1px 0 #fff;border:1px solid #8E6A17}
.btn.alt{background:linear-gradient(180deg,#8A4FB8,#4B2468);color:#fff;text-shadow:none;box-shadow:0 0 16px rgba(110,58,147,.45)}
.card{border:3px solid transparent;background:linear-gradient(var(--pearl),var(--pearl)) padding-box,linear-gradient(135deg,#F8E7A6,#B8891E,#F3D98B,#8E6A17,#E6C46A) border-box;box-shadow:0 0 0 6px rgba(255,253,248,.8),0 0 0 8px #E6C46A,0 14px 40px rgba(75,36,104,.18);margin:14px 4px;padding:30px 22px}
.card:before,.card:after{content:"";position:absolute;left:18px;right:18px;height:10px;background:radial-gradient(circle,#fff 0 2.5px,#DCCFB8 3.5px,transparent 4.5px) center/16px 10px repeat-x}
.card:before{top:-13px}.card:after{bottom:-13px}
.verse{font-size:25px}.ref{color:var(--coral);font-size:20px}
.prayer{border-left:0;border-top:3px solid var(--purple2);border-bottom:3px solid var(--purple2);background:linear-gradient(180deg,#F8F0FB,#F1E5F7);border-radius:14px}
.sparkle{position:absolute;width:16px;height:16px;background:radial-gradient(circle,#fff 20%,transparent 60%);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);animation:tw 2.4s infinite}
.sparkle.s1{top:14px;right:16px}.sparkle.s2{bottom:16px;left:14px;animation-delay:1.2s}.sparkle.s3{top:44%;right:8px;width:10px;height:10px;animation-delay:.6s}
.sparkle{background:linear-gradient(135deg,#fff,#F3D98B)}
@keyframes tw{0%,100%{opacity:.3;transform:scale(.7)}50%{opacity:1;transform:scale(1.15)}}
header{position:relative}footer{border-top:0}footer strong{color:var(--purple)}
/* ===== Large text v3 ===== */
body{font-size:24px;line-height:1.6}
.wrap{padding:22px 16px 30px}
.brand{font-size:28px}.tag{font-size:20px;letter-spacing:.1em}
h1{font-size:clamp(44px,12vw,58px);line-height:1.12}
h2{font-size:26px}h3{font-size:22px;letter-spacing:.06em}
.lead,#renc,.prayer,label{font-size:24px;line-height:1.6}
textarea,textarea::placeholder{font-size:22px;line-height:1.5}
.btn{font-size:22px;padding:16px 18px}
.chip{font-size:21px;padding:12px 18px;max-width:100%;white-space:normal}
.topic{font-size:20px;letter-spacing:.04em;padding:6px 16px}
.verse{font-size:30px;line-height:1.45}.ref{font-size:22px}
footer{font-size:20px;line-height:1.6}
.actions{grid-template-columns:1fr}.actions .ghost{grid-column:auto}
.card{padding:28px 16px;margin:14px 2px}
#toast{font-size:20px}
/* ===== Glam v4 ===== */
.gold,h1,h2,h3{background:linear-gradient(180deg,#FFE48A 0%,#E0A91F 30%,#9A6608 52%,#C98E14 64%,#FFD86A 82%,#B07A0E 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 rgba(80,45,0,.35)) drop-shadow(0 0 6px rgba(255,215,110,.5))}
h1 em{background:linear-gradient(180deg,#9B5CCB,#4B2468);-webkit-background-clip:text;background-clip:text;color:transparent}
.flourish{display:block;width:260px;height:52px;margin:0 auto 6px;background:url(flourish.svg) center/contain no-repeat}
.pstrand{height:22px;width:92%;max-width:420px;margin:14px auto;background:radial-gradient(circle at 38% 35%,#fff 0 2px,#FBF7F0 3px,#E9DFD0 7px,#BFAF96 8.5px,transparent 9.5px) center/22px 22px repeat-x;filter:drop-shadow(0 2px 2px rgba(120,90,40,.3))}
.card{box-shadow:0 0 0 6px rgba(255,253,248,.9),0 0 0 9px #D4A12A,0 0 40px 10px rgba(255,214,120,.65),0 16px 40px rgba(75,36,104,.2)}
.card:before,.card:after{height:22px;left:12px;right:12px;background:radial-gradient(circle at 38% 35%,#fff 0 2px,#FBF7F0 3px,#E9DFD0 7px,#BFAF96 8.5px,transparent 9.5px) center/22px 22px repeat-x;filter:drop-shadow(0 2px 2px rgba(120,90,40,.35))}
.card:before{top:-20px}.card:after{bottom:-20px}
.gem{position:absolute;width:26px;height:26px;z-index:2;clip-path:polygon(50% 0,64% 36%,100% 50%,64% 64%,50% 100%,36% 64%,0 50%,36% 36%);background:conic-gradient(from 45deg,#fff,#CFE8FF,#fff,#FFD6F0,#fff,#FFF2B8,#fff);filter:drop-shadow(0 0 6px #fff) drop-shadow(0 0 4px rgba(255,220,150,.9));animation:tw 2.6s infinite}
.gem.g1{top:-14px;left:-10px}.gem.g2{top:-14px;right:-10px;animation-delay:.7s}.gem.g3{bottom:-14px;left:-10px;animation-delay:1.3s}.gem.g4{bottom:-14px;right:-10px;animation-delay:1.9s}
.gem.sm{width:16px;height:16px}
.btn{position:relative;overflow:visible;background:linear-gradient(180deg,#FFE48A 0%,#E0A91F 38%,#A06A08 68%,#F0C24A 100%);box-shadow:0 0 22px rgba(255,200,80,.85),0 4px 12px rgba(120,80,10,.4),inset 0 2px 0 rgba(255,255,255,.8)}
.btn.alt{background:linear-gradient(180deg,#9B5CCB,#4B2468)}
.btn:not(.ghost):after{content:"";position:absolute;top:6px;right:18px;width:16px;height:16px;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);background:conic-gradient(#fff,#CFE8FF,#fff,#FFD6F0,#fff);filter:drop-shadow(0 0 4px #fff);animation:tw 2.2s infinite}
.btn:not(.ghost):before{content:"";position:absolute;bottom:8px;left:20px;width:10px;height:10px;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);background:#fff;filter:drop-shadow(0 0 3px #fff);animation:tw 2.2s 1s infinite}
/* ===== Banner v5 ===== */
.banner{margin:4px auto 6px}
.wordmark{position:relative;display:inline-block;padding:4px 12px}
.wm{display:inline-block;font:900 clamp(56px,17vw,84px)/1.05 "Playfair Display","Didot",Georgia,serif;letter-spacing:.01em;background:linear-gradient(100deg,#B07A0E 0%,#FFE48A 18%,#E0A91F 30%,#8A5A06 45%,#FFF6C8 50%,#D9A21E 56%,#9A6608 70%,#FFD86A 85%,#B07A0E 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sweep 3.5s linear infinite;filter:drop-shadow(0 3px 0 rgba(80,45,0,.4)) drop-shadow(0 0 10px rgba(255,210,100,.6))}
@keyframes sweep{0%{background-position:100% 0}100%{background-position:-150% 0}}
.pt{position:absolute;width:14px;height:14px;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);background:conic-gradient(#fff,#FFF2B8,#fff,#FFD6F0,#fff);filter:drop-shadow(0 0 5px #fff);animation:tw 2s infinite}
.p1{top:0;left:2px}.p2{top:8px;right:0;width:20px;height:20px;animation-delay:.4s}.p3{bottom:2px;left:30%;width:10px;height:10px;animation-delay:.9s}.p4{top:-6px;left:48%;animation-delay:1.3s}.p5{bottom:6px;right:14%;width:18px;height:18px;animation-delay:1.6s}.p6{top:40%;left:-6px;width:10px;height:10px;animation-delay:.2s}
.logos{display:flex;justify-content:center;align-items:center;gap:14px;margin:8px auto 4px}
.logos img{width:44%;max-width:190px;height:auto;filter:drop-shadow(0 0 14px rgba(255,205,100,.7)) drop-shadow(0 4px 6px rgba(75,36,104,.25))}
.feature{margin:34px auto 0;max-width:560px;padding:0}.feature img{width:100%;display:block;border-radius:18px;border:3px solid #D4A12A;box-shadow:0 0 0 5px rgba(255,253,248,.9),0 0 30px rgba(255,205,100,.7)}