.hw-web,.hw-only{display:none}
/* ---------- Halloween ---------- */
[data-theme=halloween] body{background:linear-gradient(#cdb6e2 0,#f0c6a8 280px,var(--paper) 540px)}
[data-theme=halloween] .hello{color:#5b4566}
[data-theme=halloween] .h{color:#5b4f45}
[data-theme=halloween] .hw-only{display:block}
[data-theme=halloween] .hw-web{display:block;position:absolute;left:0;top:0;width:110px;height:110px;color:rgba(70,58,80,.5);pointer-events:none;z-index:0}
[data-theme=halloween] .cardw .hw-web{left:-4px;top:-4px;width:78px;height:78px;z-index:3;color:rgba(70,58,80,.45);transform:rotate(-.6deg)}
[data-theme=halloween] .hw-web svg{width:100%;height:100%;display:block}
/* sprites swap */
[data-theme=halloween] .bee{background-image:url(img/h-bee.webp)}
[data-theme=halloween] .fly{width:28px;height:28px;margin:-28px 0 0 -14px;background-image:url(img/h-leaf.webp)}
[data-theme=halloween] .pk i{background-image:url(img/h-gidget-peek.webp);height:81px;margin-top:-19px}
/* post-its: orange / purple / green / amber, same text */
[data-theme=halloween] .s1{background-image:url(img/h-sticky-orange.webp)}
[data-theme=halloween] .s2{background-image:url(img/h-sticky-purple.webp)}
[data-theme=halloween] .s3{background-image:url(img/h-sticky-green.webp)}
[data-theme=halloween] .s4{background-image:url(img/h-sticky-amber.webp)}
[data-theme=halloween] .st small{color:#4a3d33}
[data-theme=halloween] .now .dot{background:#e8853a;box-shadow:0 0 0 0 #e8853a88;animation-name:ping-o}
@keyframes ping-o{70%{box-shadow:0 0 0 7px #e8853a00}100%{box-shadow:0 0 0 0 #e8853a00}}
/* decorations (pointer-events:none) */
.hw-pump,.hw-candy{position:absolute;pointer-events:none;z-index:4}
.hw-pump{width:44px;height:46px;background:url(img/h-pumpkin.webp) center/contain no-repeat}
.hw-candy{width:16px;height:22px;background:url(img/h-candy.webp) center/contain no-repeat}
[data-theme=halloween] .hw-pump{animation:pglow 3.2s ease-in-out infinite}
@keyframes pglow{0%,100%{filter:drop-shadow(0 0 2px #ffb35c88)}50%{filter:drop-shadow(0 0 8px #ffb35ccc)}}
@media (max-width:520px){.wrap>.hello:first-child{padding-top:16px}}
@media (max-width:520px){[data-theme=halloween] body>.hw-web{width:84px;height:84px}}