.october-layer{display:none;position:fixed;inset:0;pointer-events:none!important;z-index:35;overflow:hidden;contain:strict}
html[data-october="on"] .october-layer{display:block}
.october-drips{position:absolute;inset:0 0 auto;height:34px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='580' height='36' viewBox='0 0 580 36'%3E%3Cpath fill='%23660f23' d='M0 0H580V4H514Q507 4 507 13V19Q507 27 503 27T499 19V9Q499 3 490 4H391Q382 4 382 13V29Q382 35 378 35T374 29V13Q374 4 362 4H185Q174 4 174 12V17Q174 24 170 24T166 17V11Q166 4 156 4H48Q39 4 39 10V14Q39 20 36 20T33 14V9Q33 4 23 4H0Z'/%3E%3Cpath stroke='%239a3442' fill='none' d='M377 14v13M502 10v8M169 10v6'/%3E%3C/svg%3E") repeat-x top left;opacity:.94}
.october-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 0 55%,#d2863020,transparent 19%),radial-gradient(ellipse at 100% 25%,#7c14291c,transparent 17%);animation:october-candle 13s ease-in-out infinite alternate}
.october-grain{position:absolute;inset:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23g)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}
.october-moon{position:absolute;right:-21px;top:36%;height:64px;width:64px;border-radius:50%;background:radial-gradient(circle at 34% 36%,#b97758,#7f2637 50%,#310c20);box-shadow:0 0 45px #a246332e;opacity:.65}
.october-spider{position:absolute;left:3px;top:19%;width:36px;height:110px;fill:#080e0b;stroke:#9b8260;stroke-width:1.5}
.october-shadow{position:absolute;right:-110px;top:58%;width:100px;fill:#030806;opacity:0;animation:october-visitor 95s ease-in-out 25s infinite}
.october-switch{position:fixed;right:12px;bottom:100px;z-index:60;border:1px solid #976b52;background:#172b24;color:#e9d4ad;border-radius:20px;padding:10px 13px;min-height:44px;font:12px/1.2 ui-monospace,monospace;cursor:pointer;box-shadow:0 3px 14px #0004}
.october-switch[hidden]{display:none}.october-switch:focus-visible{outline:3px solid #e0b55a;outline-offset:4px}
html[data-october="on"] a[href="/raw/"]::after{content:' ';display:inline-block;width:9px;height:12px;margin-left:5px;vertical-align:middle;border-radius:55% 40% 60% 45%;transform:rotate(-25deg);background:repeating-radial-gradient(ellipse,#9a3540 0 1px,transparent 1px 2px);opacity:.8}
@keyframes october-candle{from{opacity:.5}to{opacity:1}}
@keyframes october-visitor{0%,88%,100%{transform:translateX(0) rotate(-9deg);opacity:0}92%,95%{transform:translateX(-125px) rotate(8deg);opacity:.45}}
@media(max-width:600px){.october-spider{width:18px;left:-5px;opacity:.65}.october-moon{right:-35px}.october-switch{right:9px;bottom:100px;font-size:11px}.october-drips{height:22px;background-size:400px 25px}}
@media(prefers-reduced-motion:reduce){.october-glow,.october-shadow{animation:none!important}.october-shadow{display:none}}
@media print{.october-layer,.october-switch{display:none!important}}