.july4-stripe{position:fixed;top:0;left:0;right:0;height:6px;z-index:60;pointer-events:none;overflow:hidden;background:repeating-linear-gradient(115deg,#b22234,#b22234 22px,#fff 0,#fff 44px,#3c3b6e 0,#3c3b6e 66px);background-size:132px 100%;animation:july4-stripe-slide 7s linear infinite;box-shadow:0 1px 8px rgba(60,59,110,.35)}.july4-stripe:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.65) 50%,transparent);background-size:220px 100%;background-repeat:no-repeat;background-position:-220px 0;animation:july4-stripe-shimmer 4.5s ease-in-out infinite}@keyframes july4-stripe-slide{to{background-position:132px 0}}@keyframes july4-stripe-shimmer{0%{background-position:-220px 0}60%,to{background-position:calc(100% + 220px) 0}}.july4-fireworks{position:fixed;inset:0;z-index:40;pointer-events:none;overflow:hidden}.july4-firework{position:absolute;width:5px;height:5px;border-radius:9999px;background:currentColor;opacity:0;animation:july4-burst 2.6s ease-out 2 both}@keyframes july4-burst{0%{opacity:0;transform:scale(.4);box-shadow:0 0 1px currentColor,0 0 1px currentColor,0 0 1px currentColor,0 0 1px currentColor,0 0 1px currentColor,0 0 1px currentColor,0 0 1px currentColor,0 0 1px currentColor,0 0 1px currentColor,0 0 1px currentColor,0 0 1px currentColor,0 0 1px currentColor}8%{opacity:.95}55%{opacity:.55}to{opacity:0;transform:scale(1);box-shadow:64px 0 1px currentColor,55px 32px 1px currentColor,32px 55px 1px currentColor,0 64px 1px currentColor,-32px 55px 1px currentColor,-55px 32px 1px currentColor,-64px 0 1px currentColor,-55px -32px 1px currentColor,-32px -55px 1px currentColor,0 -64px 1px currentColor,32px -55px 1px currentColor,55px -32px 1px currentColor}}.july4-banner{position:fixed;left:50%;bottom:1.25rem;transform:translateX(-50%);z-index:55;display:flex;align-items:center;gap:.6rem;max-width:calc(100vw - 2rem);padding:.55rem .8rem .55rem 1.1rem;border-radius:9999px;font-size:.875rem;font-weight:600;color:#fff;background:linear-gradient(90deg,#b22234,#872d4e 50%,#3c3b6e);border:1px solid hsla(0,0%,100%,.28);box-shadow:0 10px 30px rgba(0,0,0,.28),0 0 0 1px rgba(0,0,0,.06);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:july4-banner-rise .5s cubic-bezier(.16,1,.3,1)}@keyframes july4-banner-rise{0%{opacity:0;transform:translate(-50%,1rem)}to{opacity:1;transform:translate(-50%)}}.july4-banner__text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.35)}.july4-banner__stars{color:#ffd94a;letter-spacing:.12em;text-shadow:0 0 6px rgba(255,217,74,.6);flex-shrink:0;animation:july4-twinkle 2.2s ease-in-out infinite}.july4-banner__stars:last-of-type{animation-delay:1.1s}@keyframes july4-twinkle{0%,to{opacity:1}50%{opacity:.55}}@media (max-width:540px){.july4-banner__stars{display:none}}.july4-banner__close{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.5rem;height:1.5rem;border-radius:9999px;color:hsla(0,0%,100%,.85);background:hsla(0,0%,100%,.14);transition:background .15s ease,color .15s ease}.july4-banner__close:hover{background:hsla(0,0%,100%,.28);color:#fff}@media (prefers-reduced-motion:reduce){.july4-banner,.july4-banner__stars,.july4-stripe,.july4-stripe:after{animation:none}.july4-fireworks{display:none}}