.snow-globe-container{--container-size: 280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:var(--container-size);height:var(--container-size)}@media(min-width:640px){.snow-globe-container{--container-size: 360px}}@media(min-width:1024px){.snow-globe-container{--container-size: 420px}}.snow-globe{--globe-size: var(--container-size);--dome-bg-day: linear-gradient(180deg, #87ceeb 0%, #e0f4ff 40%, rgba(255, 255, 255, 0) 80%);--dome-bg-night: linear-gradient(180deg, #1a2a4a 0%, #2d3a5a 40%, rgba(61, 74, 106, 0) 100%);--base-color: #9ca3af;--base-dark: #6b7280;--base-light: #e5e7eb;position:relative;width:var(--globe-size);height:calc(var(--globe-size) * .66);filter:drop-shadow(0 15px 25px rgba(0,0,0,.15))}.snow-globe--loading{animation:pulse-opacity 1.5s ease-in-out infinite}@keyframes pulse-opacity{0%,to{opacity:1}50%{opacity:.5}}.snow-globe__dome-shadow{position:absolute;top:0;left:0;width:var(--globe-size);height:calc(var(--globe-size) * .5);border-radius:50% 50% 0 0/100% 100% 0 0;background:transparent;box-shadow:inset 0 -15px 30px #00000014,inset 0 15px 30px #ffffff4d;z-index:1}.snow-globe__dome{position:absolute;top:0;left:0;width:var(--globe-size);height:calc(var(--globe-size) * .5);border-radius:50% 50% 0 0/100% 100% 0 0;overflow:hidden;background:var(--dome-bg-day);z-index:10}.snow-globe--night .snow-globe__dome{background:var(--dome-bg-night)}.snow-globe__glass{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.4) 0%,rgba(255,255,255,.1) 30%,transparent 50%,rgba(255,255,255,.05) 70%,rgba(255,255,255,.2) 100%);pointer-events:none;z-index:10}.snow-globe__glass:before{content:"";position:absolute;top:8%;left:15%;width:35%;height:20%;background:linear-gradient(180deg,rgba(255,255,255,.5) 0%,transparent 100%);border-radius:50%;transform:rotate(-20deg)}.snow-globe__scene{position:absolute;inset:5%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:inherit;overflow:hidden}.snow-globe__background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.snow-globe__foreground{position:absolute;bottom:10%;left:50%;transform:translate(-50%);max-width:60%;max-height:60%;object-fit:contain;z-index:2;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.snow-globe-generated{--globe-size: var(--container-size);position:relative;width:var(--globe-size);filter:drop-shadow(0 15px 25px rgba(0,0,0,.15))}.snow-globe-generated__image,.snow-globe-generated__video{width:100%;height:auto;border-radius:8px}.snow-globe__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--foreground);opacity:.6;text-align:center;padding:1rem}.snow-globe--night .snow-globe__empty{color:#fff}.snow-globe__loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20;overflow:hidden;border-radius:inherit;background:#87ceeb66;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff}.snow-globe__loading:before,.snow-globe__loading:after{content:"";position:absolute;width:250%;height:250%;top:-75%;left:-75%;background-image:radial-gradient(2px 2px at 20px 30px,white,transparent),radial-gradient(2.5px 2.5px at 60px 80px,white,transparent),radial-gradient(1.5px 1.5px at 100px 50px,white,transparent),radial-gradient(2px 2px at 140px 120px,white,transparent),radial-gradient(1px 1px at 180px 90px,rgba(255,255,255,.9),transparent),radial-gradient(2px 2px at 40px 150px,white,transparent),radial-gradient(1.5px 1.5px at 80px 180px,white,transparent),radial-gradient(2.5px 2.5px at 120px 20px,white,transparent),radial-gradient(1px 1px at 160px 160px,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 200px 70px,white,transparent),radial-gradient(1.5px 1.5px at 30px 100px,white,transparent),radial-gradient(2px 2px at 70px 40px,white,transparent),radial-gradient(1px 1px at 110px 140px,rgba(255,255,255,.9),transparent),radial-gradient(2.5px 2.5px at 150px 10px,white,transparent),radial-gradient(1.5px 1.5px at 190px 130px,white,transparent),radial-gradient(2px 2px at 10px 170px,white,transparent),radial-gradient(1px 1px at 50px 60px,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 90px 110px,white,transparent),radial-gradient(1.5px 1.5px at 130px 80px,white,transparent),radial-gradient(2.5px 2.5px at 170px 40px,white,transparent);background-size:220px 200px;animation:blizzard-swirl 5s linear infinite;pointer-events:none}.snow-globe__loading:after{animation-duration:7s;animation-direction:reverse;background-size:180px 160px;opacity:.7}@keyframes blizzard-swirl{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.snow-globe--night .snow-globe__loading{background:#1a2a4a80;color:#fff}.snow-globe__base{position:absolute;top:calc(var(--globe-size) * .5 - var(--globe-size) * .06);left:0;width:var(--globe-size);height:calc(var(--globe-size) * .22);z-index:5}.snow-globe__base-top{position:absolute;top:0;left:0;right:0;height:55%;background:#d0d2d7;border-radius:50%;z-index:2}.snow-globe__base-side{position:absolute;top:28%;left:0;right:0;height:72%;background:var(--base-dark);border-radius:0 0 50% 50%/0 0 40% 40%;z-index:1}.snow-globe__greeting{font-size:1.25rem;font-weight:600;text-align:center;color:var(--foreground);max-width:var(--globe-size);word-wrap:break-word;margin-top:.5rem}@media(min-width:640px){.snow-globe__greeting{font-size:1.5rem}}@keyframes snowfall{0%{transform:translateY(-10px) rotate(0);opacity:0}10%{opacity:1}90%{opacity:.8}to{transform:translateY(calc(var(--globe-size) * .8)) rotate(360deg);opacity:0}}.animate-snowfall{animation:snowfall linear infinite}@media(prefers-reduced-motion:reduce){.animate-snowfall{animation:none;opacity:.7}.snow-globe--loading{animation:none;opacity:.6}.snow-globe__loading:before,.snow-globe__loading:after{animation:none;opacity:.5}:root{--snowflake-animation-state: paused}}:root.dark .snow-globe{filter:drop-shadow(0 10px 20px rgba(0,0,0,.4))}:root.dark .snow-globe__base-top{background:#4b5563}:root.dark .snow-globe__base-side{background:#374151}