:root{color-scheme:dark;--gold:#dec59a;--muted:#c3b4c4;--ink:#f7edf4;--line:#dec59a30}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0,#49253e 0,#201522 45%,#120f16 100%);color:var(--ink);font:16px/1.6 system-ui,sans-serif;min-height:100vh}main{width:min(100% - 40px,560px);margin:auto;padding:38px 0 28px}header{text-align:center}header img{width:128px;height:128px;object-fit:contain}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.15}h1{font-size:clamp(30px,7vw,43px);margin:10px 0}h2{font-size:30px;margin:10px 0 16px}h3{font-size:25px}p{color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:.21em;text-transform:uppercase;color:var(--gold)}header p{max-width:340px;margin:16px auto 26px;font-size:14px}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.feature{display:block;position:relative;overflow:hidden;padding:30px;border:1px solid #dec59a70;border-radius:7px;background:linear-gradient(90deg,#211322f2,#21132270),url('assets/botanical-doors.webp') center/cover;min-height:224px;transition:transform .2s}.feature p{max-width:290px;color:#dfd1dd;font-size:14px;margin:0 0 20px}.cta{display:inline-block;color:var(--gold);font-size:13px;letter-spacing:.03em}.links{margin:18px 0 22px}.link{display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);padding:21px 4px}.num{font:italic 16px Georgia;color:var(--gold)}.label{flex:1}.label strong{display:block;font:22px Georgia}.label small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.arrow{color:var(--gold);font-size:22px}.link:hover .arrow{transform:translateX(4px)}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;padding:10px 4px;color:var(--gold);font-size:13px}details .link{padding:16px 4px}.social{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin:26px 0;font-size:12px;color:var(--muted)}footer{text-align:center;font-size:10px;letter-spacing:.15em;color:var(--gold)}.back{font-size:13px;color:var(--gold)}.intro{margin:35px 0}.note{font-size:13px;border-left:1px solid var(--gold);padding:0 0 0 16px}.day{border-top:1px solid var(--line);padding:24px 0}.day p,.day li{font-size:15px;color:var(--muted)}label{display:block;color:var(--ink);margin:20px 0 8px;font-size:14px}textarea{width:100%;min-height:105px;background:#ffffff06;border:1px solid var(--line);border-radius:4px;padding:12px;color:var(--ink);font:15px/1.6 system-ui;resize:vertical}button{border:1px solid var(--gold);background:var(--gold);color:#251a25;padding:13px 19px;cursor:pointer;border-radius:3px;font:13px system-ui}.tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.tools small{color:var(--muted);font-size:11px}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media print{body{background:white;color:#221a22}main{width:100%;padding:0}p,.day p,.day li{color:#333}textarea{color:#222;border:1px solid #999;min-height:130px}.tools,.back,.social{display:none}.day{break-before:page}.eyebrow{color:#634560}header img{width:70px;height:70px}}

.download{display:inline-block;border:1px solid var(--gold);background:var(--gold);color:#251a25;padding:13px 19px;border-radius:3px;font:13px system-ui}

/* Black canvas with a localized plum glow and slow ember drift. */
body{background:#241725;background-image:radial-gradient(ellipse 520px 760px at 50% 34%,#59344f 0%,#3b2437 43%,#241725 85%);background-attachment:fixed;isolation:isolate}
main{position:relative;z-index:1}
header img{filter:drop-shadow(0 0 18px #d7b47b22)}
.embers{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.embers i{position:absolute;bottom:-8vh;left:var(--x);width:var(--size);height:calc(var(--size)*1.5);border-radius:50%;background:#efb666;box-shadow:0 0 7px 1px #d8763844;opacity:0;animation:ember-rise var(--time) linear infinite;animation-delay:var(--delay);will-change:transform,opacity}
@keyframes ember-rise{0%{transform:translate3d(0,0,0);opacity:0}12%{opacity:.35}48%{opacity:.22}80%{opacity:.3}100%{transform:translate3d(var(--drift),-116vh,0);opacity:0}}
@media(prefers-reduced-motion:reduce){.embers{display:none}}
@media print{.embers{display:none}body{background:white}}

/* Polished gold: warm body, pale specular highlights, defined bright edges. */
:root{--gold:#f2c34f;--line:#e6b83f60;--metal:linear-gradient(112deg,#b87916 0%,#efbd44 18%,#ffe8a0 33%,#fff9dc 39%,#e6ad29 48%,#f7cf65 65%,#fff4b8 72%,#ce9020 85%,#f9d575 100%)}
.eyebrow,.cta,.num,.arrow,summary,footer,.back{color:#f5ce65;text-shadow:0 1px 1px #180c15,0 0 10px #e5aa261c}
@supports (-webkit-background-clip:text){header h1,.num,.arrow,.cta{background-image:var(--metal);background-size:180% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 1px 1px #120b13)}}
.feature{border-color:#f1c657;box-shadow:inset 0 1px 0 #fff5c077,inset 0 -1px 0 #9c650a55,0 0 15px #e8b53e12}
.feature:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#fff5bd00 42%,#fff5bd12 48%,#fff5bd00 54%,transparent 65%);background-size:260% 100%;animation:gold-sheen 16s ease-in-out infinite;pointer-events:none}
header img{filter:brightness(1.12) saturate(1.16) contrast(1.05) drop-shadow(0 0 12px #f2c34f25)}
.download,button{background:var(--metal);color:#2a190a;border-color:#ffe7a1;box-shadow:inset 0 1px 0 #fff9df,0 2px 8px #0003;text-shadow:0 1px 0 #fff4bf66}
.link{border-bottom-color:#e9b74555}.link:hover .label strong{color:#ffe4a0}.social a:hover{color:#ffe4a0}
@keyframes gold-sheen{0%,65%{background-position:140% 0}95%,100%{background-position:-100% 0}}
@media(prefers-reduced-motion:reduce){.feature:after{animation:none;opacity:0}}

/* Warm ivory foreground with soft lavender-gray supporting copy. */
:root{--ink:#f1e5d1;--muted:#cbbdcb}
.label strong,h2,h3,label,textarea{color:var(--ink)}
p,.label small,.social,.tools small{color:var(--muted)}
.feature p{color:#d7c9d4}
@media print{:root{--ink:#2c222b;--muted:#514650}.label strong,h2,h3,label,textarea{color:var(--ink)}}

/* Phoenix fire: tapered gold hearts, copper halos and featherlike tails. */
.phoenix-fire .spark{width:calc(var(--size)*1.1);height:calc(var(--size)*2.4);background:none;box-shadow:none;border-radius:0;animation:phoenix-rise var(--time) linear infinite;animation-delay:var(--delay);opacity:0}
.phoenix-fire .spark b{display:block;position:absolute;inset:0;border-radius:75% 22% 60% 40%;background:radial-gradient(ellipse at 48% 30%,#fff9c9 0%,#ffe386 20%,#ffb52e 45%,#ed6822 70%,#b52e1100 100%);box-shadow:0 0 5px #ffcc69,0 0 12px #f68a3159;transform:rotate(var(--tilt));animation:phoenix-flicker 6s ease-in-out infinite alternate;animation-delay:var(--delay)}
.phoenix-fire .spark b:after{content:'';position:absolute;left:18%;top:65%;width:80%;height:calc(var(--size)*4.5);border-radius:12% 65% 90% 75%;background:linear-gradient(180deg,#ffc14c99,#ed692533 35%,#9d2a1b00 100%);transform-origin:top;transform:rotate(-14deg);filter:blur(.5px)}
.phoenix-fire .spark:nth-child(3n) b:after{transform:rotate(21deg);height:calc(var(--size)*6)}
.phoenix-fire .spark:nth-child(4n){filter:blur(.35px)}
@keyframes phoenix-rise{0%{transform:translate3d(0,8vh,0) rotate(-14deg);opacity:0}8%{opacity:.68}24%{transform:translate3d(calc(var(--drift)*-.35),-18vh,0) rotate(12deg);opacity:.55}46%{transform:translate3d(calc(var(--drift)*.6),-44vh,0) rotate(-9deg);opacity:.82}68%{transform:translate3d(calc(var(--drift)*.15),-73vh,0) rotate(16deg);opacity:.5}86%{opacity:.42}100%{transform:translate3d(var(--drift),-114vh,0) rotate(-8deg);opacity:0}}
@keyframes phoenix-flicker{0%,100%{opacity:.65;scale:.85 1}36%{opacity:1;scale:1.08 1.18}72%{opacity:.78;scale:.9 1.12}}
@media(prefers-reduced-motion:reduce){.phoenix-fire{display:none}.phoenix-fire *{animation:none!important}}
