.site-brand img{object-fit:contain;width:46px;height:46px}
.music-control{flex-wrap:wrap;gap:8px}
.hero{isolation:isolate;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 15% 15%,#f7d98a28,transparent 42%),radial-gradient(ellipse at 85% 85%,#bcefe31a,transparent 40%);animation:fairy-aura 7s ease-in-out infinite alternate}
.hero h1{animation:fairy-title-glow 5s ease-in-out infinite alternate}
.holiday-snowman{transform-origin:50% 85%;animation:snowman-sway 5s ease-in-out infinite;filter:drop-shadow(0 8px 12px #0003)}
.site-brand{animation:fairy-welcome .7s ease-out both}
.last-orders{position:relative;isolation:isolate}
.fairy-lights{position:absolute;top:8px;left:22px;right:22px;display:flex;justify-content:space-between;pointer-events:none;z-index:1}
.fairy-lights i{width:5px;height:5px;border-radius:50%;background:#ffe4a0;box-shadow:0 0 8px 2px #ffdc8480;animation:fairy-twinkle 3.6s ease-in-out infinite alternate}
.fairy-lights i:nth-child(3n+1){animation-delay:-1.2s}.fairy-lights i:nth-child(3n+2){animation-delay:-2.4s}
.fairy-enter{animation:none;opacity:1;transform:none}
.choice label,.sample-card,.upload,.submit,.copy{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.choice input:checked+label{box-shadow:0 0 0 2px #e9bd6255,0 5px 16px #0c5a3914}
.submit:active,.copy:active{transform:scale(.985)}
@media(hover:hover){.sample-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0003}.choice label:hover,.upload:hover{transform:translateY(-2px)}.submit:hover{box-shadow:0 0 18px #e9bd6255}}
@keyframes snowman-sway{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2deg)}}
@keyframes fairy-twinkle{from{opacity:.35;transform:scale(.8)}to{opacity:1;transform:scale(1.15)}}
@keyframes fairy-title-glow{from{text-shadow:0 0 12px #e9bd6220}to{text-shadow:0 0 24px #e9bd6266}}
@keyframes fairy-aura{from{opacity:.5;transform:scale(1)}to{opacity:1;transform:scale(1.12)}}
@keyframes fairy-welcome{from{opacity:.45;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
html[data-motion="off"] *,html[data-motion="off"] *:before,html[data-motion="off"] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html[data-motion="off"] .snowfall{display:none}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.snowfall{display:none}}

/* Full-viewport snowfall stays behind the page content. */
.snowfall{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;user-select:none}.snowfall span{pointer-events:none;opacity:.48;color:#fff;filter:drop-shadow(0 0 1px #30664b66);animation-name:full-page-snow;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes full-page-snow{from{transform:translate3d(0,-40px,0) rotate(0deg)}to{transform:translate3d(8px,calc(100vh + 70px),0) rotate(160deg)}}@media(max-width:600px){.snowfall span:nth-child(-n+12){display:block}.snowfall span:nth-child(n+13){display:none}.snowfall span{opacity:.4}}