/* Fireworks is an overlay, never a recolouring or typography theme. */
#ew-fireworks-layer {
 position: fixed; inset: 0; width: 100%; height: 100%;
 z-index: 99990; overflow: hidden; pointer-events: none !important;
 user-select: none;
}
#ew-fireworks-layer canvas { pointer-events: none !important; }
.ew-seasonal-controls {
 position: fixed; right: 1rem; bottom: 1rem; z-index: 99998;
 display: flex; align-items: center; gap: .5rem;
 font-family: var(--bs-body-font-family, inherit);
}
.ew-seasonal-controls button {
 display: inline-flex; align-items: center; justify-content: center;
 min-height: 42px; padding: .6rem 1rem; border: 2px solid #fff;
 border-radius: 50rem; background: var(--bs-primary, #9f2382);
 color: #fff !important; font-size: .85rem; font-weight: 800;
 line-height: 1; box-shadow: 0 .4rem 1rem rgba(0,0,0,.2);
 cursor: pointer;
}
.ew-seasonal-controls button:hover {
 background: #fff; color: var(--bs-primary, #9f2382) !important;
}
@media (max-width: 575.98px) {
 .ew-seasonal-controls { right: .65rem; bottom: .65rem; }
 .ew-seasonal-controls button { min-height: 38px; padding: .5rem .8rem; font-size: .78rem; }
}
@media (prefers-reduced-motion: reduce) { #ew-fireworks-layer { display: none; } }