/* Phantom Tint temporary Christmas theme. Scoped to html.xm, which the head snippet adds only from Dec 1, 2026 to Jan 1, 2027 (Arizona time). Safe to delete afterwards. */
html.xm{--a1:#e8484a;--a2:#2fa862;--grad:linear-gradient(90deg,#ef5a55,#c92c3c)}
html.xm body .hero h1,html.xm body .phero h1{text-shadow:0 0 34px rgba(232,72,74,.26)}
html.xm body .btn.fill{box-shadow:0 0 0 0 rgba(232,72,74,0);transition:box-shadow .3s,transform .2s}
html.xm body .btn.fill:hover{box-shadow:0 8px 28px -8px rgba(232,72,74,.6)}
html.xm body .sc:hover,html.xm body .sc.lit,html.xm body .sc:focus-visible{box-shadow:0 16px 44px -16px rgba(232,72,74,.5)}
html.xm body .sc-body li::before{background-color:rgba(47,168,98,.18);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232fa862' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18 8'/%3E%3C/svg%3E")}
html.xm body .hrate .stars,html.xm body .gw-stars,html.xm body .gwc-st{color:#ffb020}

/* announcement bar: reuses the site's .abar styles */
.xm-bar{display:none}
html.xm .xm-bar{display:flex;background:linear-gradient(90deg,#c92c3c 0%,#a8232f 50%,#1f7a46 130%)!important;color:#fff!important}
html.xm .xm-bar a,html.xm .xm-bar button{color:#fff!important}
.xm-bar svg{width:17px;height:17px;vertical-align:-3px;margin-right:6px}

/* snowfall and a string of lights inside the hero */
.xm-fx{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.xm-fx .sn{position:absolute;top:-14px;left:var(--x,10%);width:var(--w,6px);height:var(--w,6px);border-radius:50%;background:#fff;opacity:var(--o,.6);animation:xmfall var(--d,14s) linear infinite;animation-delay:var(--s,0s)}
@keyframes xmfall{0%{transform:translate(0,-14px)}33%{transform:translate(18px,36vh)}66%{transform:translate(-14px,72vh)}100%{transform:translate(8px,110vh)}}
.xm-fx .sn:nth-child(1){--x:5%;--w:6px;--d:13s;--s:-2s}
.xm-fx .sn:nth-child(2){--x:14%;--w:4px;--d:17s;--s:-8s;--o:.45}
.xm-fx .sn:nth-child(3){--x:25%;--w:8px;--d:15s;--s:-5s;--o:.5}
.xm-fx .sn:nth-child(4){--x:36%;--w:5px;--d:19s;--s:-12s}
.xm-fx .sn:nth-child(5){--x:47%;--w:7px;--d:14s;--s:-3s;--o:.5}
.xm-fx .sn:nth-child(6){--x:58%;--w:4px;--d:18s;--s:-10s;--o:.4}
.xm-fx .sn:nth-child(7){--x:68%;--w:6px;--d:16s;--s:-6s}
.xm-fx .sn:nth-child(8){--x:79%;--w:8px;--d:21s;--s:-14s;--o:.45}
.xm-fx .sn:nth-child(9){--x:88%;--w:5px;--d:15s;--s:-1s}
.xm-fx .sn:nth-child(10){--x:95%;--w:4px;--d:20s;--s:-9s;--o:.4}
.xm-fx .lights{position:absolute;top:0;left:0;right:0;height:22px;display:flex;justify-content:space-around;padding:0 2%}
.xm-fx .lights i{display:block;width:9px;height:12px;margin-top:5px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;background:var(--c);box-shadow:0 0 10px 2px var(--c);animation:xmtwinkle 2.4s ease-in-out infinite;animation-delay:var(--s,0s)}
.xm-fx .lights i:nth-child(4n+1){--c:#ef4444}
.xm-fx .lights i:nth-child(4n+2){--c:#f5b82e;--s:-.6s}
.xm-fx .lights i:nth-child(4n+3){--c:#34c06e;--s:-1.2s}
.xm-fx .lights i:nth-child(4n+4){--c:#4aa3ff;--s:-1.8s}
@keyframes xmtwinkle{0%,100%{opacity:1}50%{opacity:.3}}

@media(max-width:700px){.xm-fx .sn:nth-child(n+7){display:none}.xm-fx .lights i:nth-child(n+11){display:none}}
@media(prefers-reduced-motion:reduce){.xm-fx .sn{display:none}.xm-fx .lights i{animation:none}}