#xwash{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity 1.4s ease,background-color 1.4s ease;background-color:var(--wb,#e2ebf4)}
#xwash::after{content:"";position:absolute;inset:0;background:radial-gradient(70% 55% at 50% 38%,var(--wg,transparent),transparent 70%);transition:opacity 1.4s;opacity:.9}
#xwash.on{opacity:1}
#offering{transition:color 1.2s}
#offering.xw{--ink:var(--wi);--matte:var(--wm)}
#offering #mname,#offering .chap h2,#offering .lede{transition:color 1.2s}
#offering.xw #mname,#offering.xw .chap h2,#offering.xw .lede{color:var(--wi)!important}
#offering.xw .chap h2 em,#offering.xw #msong{color:var(--wm)!important}
#offering .lab,#offering dt,#offering dd,#offering p{transition:color 1.2s}
#offering.xw.xn{color:#dfe5f0}#offering.xw.xn .lab,#offering.xw.xn dt,#offering.xw.xn dd,#offering.xw.xn p{color:#c9d2e4}
#xnow{display:inline-flex;align-items:flex-end;gap:2px;height:10px;margin-left:8px;vertical-align:-1px;opacity:0;transition:opacity .5s}
#xnow.on{opacity:1}
#xnow.ld i{animation-duration:.35s;opacity:.5}
#xnow i{width:2px;height:100%;background:currentColor;transform-origin:bottom;animation:xeq .9s ease-in-out infinite alternate}
#xnow i:nth-child(2){animation-delay:-.3s}#xnow i:nth-child(3){animation-delay:-.6s}
@keyframes xeq{from{transform:scaleY(.25)}to{transform:scaleY(1)}}
@media(prefers-reduced-motion:reduce){#xwash,#xwash::after{transition:none}#xnow i{animation:none}}
#xring .xtry{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:10px;margin-top:16px;padding:12px 18px;border-radius:999px;background:#eef4ff;color:#0b1a3a;font:500 .66rem "Hanken Grotesk",system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;box-shadow:0 10px 30px -10px rgba(120,170,255,.7)}
#xring .xtry:hover{background:#fff}
#xring .xtry:focus-visible{outline:2px solid #9fc0ff;outline-offset:3px}
#xring .xtry svg{width:16px;height:16px}
#xtry{position:fixed;inset:0;z-index:90;background:#04070f;color:#eef3fb;display:grid;place-items:center;overflow:hidden;opacity:0;transition:opacity .5s}
#xtry.in{opacity:1}
#xtry video,#xtry canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#xtry video.m{transform:scaleX(-1)}
#xtry canvas{z-index:1;pointer-events:none}
#xtry .xt-top{position:absolute;left:0;right:0;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(14px + env(safe-area-inset-top,0px)) 16px 30px;background:linear-gradient(rgba(4,7,15,.75),transparent)}
#xtry .xt-t{font:400 1.1rem/1.1 "Libre Caslon Display",Georgia,serif}
#xtry .xt-t small{display:block;margin-top:4px;font:500 .58rem "Hanken Grotesk",system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#9db4d8}
#xtry button{all:unset;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:40px;height:40px;padding:0 14px;box-sizing:border-box;border-radius:999px;background:rgba(255,255,255,.12);color:#eef3fb;font:500 .6rem "Hanken Grotesk",system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
#xtry button[aria-pressed="true"]{background:#eef4ff;color:#0b1a3a}
#xtry button:focus-visible{outline:2px solid #9fc0ff;outline-offset:2px}
#xtry .xt-bot{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;flex-direction:column;align-items:center;gap:14px;padding:40px 16px calc(18px + env(safe-area-inset-bottom,0px));background:linear-gradient(transparent,rgba(4,7,15,.8))}
#xtry .xt-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
#xtry .xt-msg{font:400 .95rem/1.4 "Libre Caslon Text",Georgia,serif;text-align:center;max-width:30ch;color:#dfe8f6;transition:opacity .6s}
#xtry .xt-msg.dim{opacity:0}
#xtry .xt-fine{font:500 .55rem "Hanken Grotesk",system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#7f95b8}
#xtry .xt-i{width:9px;height:9px;border-radius:50%;display:inline-block}