:root{--bg1: #0b1b2a;--bg2: #133d52;--accent: #c41e3a;--accent-2: #0d6b28;--text: #ffffff}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(1200px 600px at 10% 0%,#154a65,transparent),radial-gradient(1200px 600px at 90% 0%,#0f2d43,transparent),linear-gradient(180deg,var(--bg1),var(--bg2));display:flex;align-items:center;justify-content:center}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(2px 2px at 20% 20%,rgba(255,255,255,.4) 50%,transparent 51%),radial-gradient(2px 2px at 60% 10%,rgba(255,255,255,.3) 50%,transparent 51%),radial-gradient(2px 2px at 80% 30%,rgba(255,255,255,.35) 50%,transparent 51%),radial-gradient(2px 2px at 30% 70%,rgba(255,255,255,.35) 50%,transparent 51%);background-repeat:repeat;animation:drift 20s linear infinite}@keyframes drift{0%{transform:translateY(-10px)}to{transform:translateY(10px)}}h1,h2,h3,p{margin:0}.bg-snow{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.bg-flake{position:absolute;top:-12px;width:6px;height:6px;background:#fffffff2;border-radius:50%;filter:blur(.4px);animation:bgFall 10s linear infinite}.b1{left:4%;animation-duration:9s}.b2{left:12%;animation-duration:10.5s}.b3{left:20%;animation-duration:11.5s}.b4{left:28%;animation-duration:9.8s}.b5{left:38%;animation-duration:10.8s}.b6{left:50%;animation-duration:12s}.b7{left:62%;animation-duration:9.4s}.b8{left:74%;animation-duration:10.2s}.b9{left:86%;animation-duration:12.4s}.b10{left:94%;animation-duration:10.9s}@keyframes bgFall{0%{transform:translateY(-12px)}to{transform:translateY(110vh)}}:root{--green: #0d6b28;--red: #c41e3a;--gold: #ffd166;--snow: #ffffff;--deep: #0b1b2a}.app{position:relative;z-index:1;width:100%;max-width:1100px;margin:0 auto;padding:clamp(16px,3vw,32px);text-align:center}.header .title{font-size:clamp(28px,6vw,56px);color:var(--snow);margin:.2em 0 0;text-shadow:0 2px 0 rgba(0,0,0,.2),0 8px 24px rgba(0,0,0,.4)}.header .subtitle{color:#e6f7ff;margin:0 0 1rem}.content{display:grid;grid-template-columns:1fr;gap:clamp(16px,3vw,32px)}@media (min-width: 880px){.content{grid-template-columns:1fr 1fr;align-items:center}}.counter{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:clamp(16px,3vw,28px);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pill-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (min-width: 520px){.pill-group{grid-template-columns:repeat(4,1fr)}}.pill{display:grid;grid-template-rows:auto auto;place-items:center;background:linear-gradient(180deg,#ffffff26,#ffffff0d);border:1px solid rgba(255,255,255,.25);border-radius:16px;padding:14px 10px}.pill .value{font-size:clamp(28px,5vw,48px);font-weight:800;color:var(--gold)}.pill .label{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#e8f6ff}.note{margin-top:10px;color:#d7efff}.interactive{display:grid;gap:8px;justify-items:center}.hint{color:#e6f7ff;opacity:.85;margin:0}.globe{width:min(80vw,380px);aspect-ratio:1/1.1;cursor:pointer;-webkit-user-select:none;user-select:none}.globe-inner{position:relative;width:100%;height:85%;background:radial-gradient(circle at 50% 40%,#e8f6ff,#bfe7ff 60%,#9ad1ff);border-radius:50% 50% 45% 45%/55% 55% 45% 45%;border:8px solid rgba(255,255,255,.8);box-shadow:inset 0 0 30px #fff9,0 16px 40px #0006;overflow:hidden;transform-origin:50% 100%}.globe-base{height:15%;background:linear-gradient(180deg,#6b2f12,#3a1405);border-radius:0 0 20px 20px;position:relative;box-shadow:0 8px 20px #0006 inset}.globe-base .plaque{position:absolute;left:50%;top:10px;transform:translate(-50%);background:linear-gradient(180deg,#ffe08a,#d6a93b);color:#5d3b00;padding:6px 12px;border-radius:10px;font-weight:700;border:1px solid #b48722}.tree{position:absolute;bottom:12%;left:18%;width:0;height:0;border-left:30px solid transparent;border-right:30px solid transparent;border-bottom:60px solid #0f6b2a}.tree:before,.tree:after{content:"";position:absolute;left:50%;transform:translate(-50%);width:0;height:0;border-left:38px solid transparent;border-right:38px solid transparent;border-bottom:70px solid #118233;top:-44px}.tree:after{border-left-width:46px;border-right-width:46px;border-bottom-color:#159c40;top:-84px}.house{position:absolute;bottom:12%;right:18%;width:70px;height:40px;background:#d14f4f;border-radius:4px;box-shadow:0 0 0 3px #0000000d inset}.roof{position:absolute;top:-18px;left:-8px;right:-8px;height:0;border-left:50px solid transparent;border-right:50px solid transparent;border-bottom:20px solid #7a1a1a}.door{position:absolute;bottom:0;left:10px;width:16px;height:20px;background:#4e2a12;border-radius:2px 2px 0 0}.snow-layer{position:absolute;inset:0;overflow:hidden}.flake{position:absolute;top:-10px;width:6px;height:6px;background:#fff;border-radius:50%;opacity:.9;filter:blur(.4px);animation:fall 6s linear infinite}.f1{left:5%;animation-duration:5s}.f2{left:15%;animation-duration:6.5s}.f3{left:25%;animation-duration:7.5s}.f4{left:35%;animation-duration:5.8s}.f5{left:45%;animation-duration:6.8s}.f6{left:55%;animation-duration:7.2s}.f7{left:65%;animation-duration:5.6s}.f8{left:75%;animation-duration:6.2s}.f9{left:85%;animation-duration:7.8s}.f10{left:92%;animation-duration:6.9s}@keyframes fall{0%{transform:translateY(-10px)}to{transform:translateY(110%)}}.shake .globe-inner{animation:shake .8s ease-in-out}@keyframes shake{0%{transform:rotate(0)}20%{transform:rotate(3deg)}40%{transform:rotate(-3deg)}60%{transform:rotate(2deg)}80%{transform:rotate(-2deg)}to{transform:rotate(0)}}.footer{margin-top:24px;color:#e6f7ff;opacity:.8}.storm .flake{animation-duration:2.4s!important;opacity:.98}.ground{position:absolute;left:-10%;right:-10%;bottom:8%;height:26%;background:radial-gradient(80% 60% at 50% 20%,#fff,#eaf7ff 60%,#ffffff1a);border-radius:50% 50% 0 0/80% 80% 0 0;box-shadow:0 -6px 20px #ffffffb3 inset}.snowman{position:absolute;bottom:12%;left:30%;width:70px;height:90px}.snowman .sm-body{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:64px;height:46px;background:#fff;border-radius:50%;box-shadow:0 0 0 2px #0000000d inset}.snowman .sm-head{position:absolute;bottom:38px;left:50%;transform:translate(-50%);width:36px;height:36px;background:#fff;border-radius:50%;box-shadow:0 0 0 2px #0000000d inset}.snowman .eye{position:absolute;top:12px;width:4px;height:4px;background:#222;border-radius:50%}.snowman .eye.e1{left:11px}.snowman .eye.e2{right:11px}.snowman .carrot{position:absolute;top:16px;left:50%;width:0;height:0;border-left:10px solid #f78331;border-top:3px solid transparent;border-bottom:3px solid transparent;transform:translate(0)}.snowman .scarf{position:absolute;bottom:44px;left:50%;transform:translate(-50%);width:44px;height:8px;background:#c41e3a;border-radius:4px;box-shadow:0 2px #0000001a inset}.snowman .stick{position:absolute;bottom:38px;width:26px;height:3px;background:#6b4a2a}.snowman .arm-left{left:-6px;transform:rotate(20deg);transform-origin:left center}.snowman .arm-right{right:-6px;transform:rotate(-20deg);transform-origin:right center}.snowman .hat{position:absolute;bottom:66px;left:50%;transform:translate(-50%);width:26px;height:16px;background:#111;border-radius:2px}.snowman .hat .brim{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:36px;height:6px;background:#111;border-radius:3px}.fox{position:absolute;bottom:12%;right:30%;width:90px;height:60px}.fox .fox-body{position:absolute;bottom:0;left:0;width:60px;height:32px;background:#d86a2d;border-radius:16px;box-shadow:0 0 0 2px #0000000d inset}.fox .tail{position:absolute;bottom:8px;left:50px;width:34px;height:14px;background:#d86a2d;border-radius:14px 14px 14px 2px;transform:rotate(15deg);box-shadow:0 0 0 2px #0000000d inset}.fox .fox-head{position:absolute;bottom:16px;left:-8px;width:28px;height:22px;background:#d86a2d;border-radius:8px;transform:rotate(-6deg)}.fox .ear{position:absolute;top:-8px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:10px solid #d86a2d}.fox .ear.left{left:2px}.fox .ear.right{right:2px}.fox .snout{position:absolute;right:-8px;top:8px;width:10px;height:8px;background:#f6d1ad;border-radius:0 8px 8px 0}.fox .fox-hat{position:absolute;bottom:38px;left:-6px;width:22px;height:12px;background:#c41e3a;border-radius:4px 4px 0 0;transform:rotate(-6deg)}.fox .fox-hat .pom{position:absolute;top:-6px;right:4px;width:6px;height:6px;background:#fff;border-radius:50%}.fox .fox-scarf{position:absolute;bottom:14px;left:-10px;width:24px;height:8px;background:#0d6b28;border-radius:4px}.truck{position:absolute;bottom:12%;left:8%;width:120px;height:40px}.truck .bed{position:absolute;bottom:6px;left:28px;width:70px;height:18px;background:#8a2e20;border-radius:2px;box-shadow:0 0 0 2px #0000000d inset}.truck .cab{position:absolute;bottom:6px;left:0;width:40px;height:24px;background:#8a2e20;border-radius:4px 4px 0 6px}.truck .wheel{position:absolute;bottom:0;width:14px;height:14px;background:#222;border-radius:50%;box-shadow:0 0 0 3px #555 inset}.truck .wheel.w1{left:20px}.truck .wheel.w2{left:76px}.truck.pos-left{left:8%}.truck.pos-right{left:72%}.truck.drive-right{animation:drive-right 3s linear forwards}.truck.drive-left{animation:drive-left 3s linear forwards}@keyframes drive-right{0%{left:8%}to{left:72%}}@keyframes drive-left{0%{left:72%}to{left:8%}}.snowman.wave .arm-right{animation:wave-arm .6s ease-in-out 3;transform-origin:left center}@keyframes wave-arm{0%,to{transform:rotate(-20deg)}50%{transform:rotate(-70deg)}}.snowman.wave .eye.e2{animation:wink .18s ease-in-out 2 .3s;transform-origin:center}@keyframes wink{0%,to{transform:scaleY(1)}50%{transform:scaleY(.1)}}.tree-lights{position:absolute;left:25%;bottom:12%;transform:translate(-50%);width:50px;height:130px;pointer-events:none}.tree-lights .bulb{position:absolute;width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 6px currentColor,0 0 10px #fff6;opacity:.9;animation:twinkle 1.8s ease-in-out infinite}.tree-lights .bulb:nth-child(4n){color:#ff3838}.tree-lights .bulb:nth-child(4n+1){color:#22c55e}.tree-lights .bulb:nth-child(4n+2){color:#60a5fa}.tree-lights .bulb:nth-child(4n+3){color:#ffd166}.tree-lights .bulb:nth-child(n){animation-delay:0s}.tree-lights .bulb:nth-child(2n){animation-delay:.2s}.tree-lights .bulb:nth-child(3n){animation-delay:.4s}.tree-lights .bulb:nth-child(5n){animation-delay:.6s}@keyframes twinkle{0%{opacity:.55;filter:saturate(.9);box-shadow:0 0 2px currentColor,0 0 6px currentColor}50%{opacity:1;filter:saturate(1.2);box-shadow:0 0 8px currentColor,0 0 14px currentColor}to{opacity:.7;filter:saturate(1);box-shadow:0 0 4px currentColor,0 0 10px currentColor}}.tree-lights .bulb.r1.i1{left:10%;top:18%}.tree-lights .bulb.r1.i2{left:30%;top:22%}.tree-lights .bulb.r1.i3{left:50%;top:26%}.tree-lights .bulb.r1.i4{left:70%;top:22%}.tree-lights .bulb.r1.i5{left:90%;top:18%}.tree-lights .bulb.r2.i1{left:8%;top:46%}.tree-lights .bulb.r2.i2{left:28%;top:50%}.tree-lights .bulb.r2.i3{left:50%;top:54%}.tree-lights .bulb.r2.i4{left:72%;top:50%}.tree-lights .bulb.r2.i5{left:92%;top:46%}.tree-lights .bulb.r3.i1{left:6%;top:72%}.tree-lights .bulb.r3.i2{left:28%;top:78%}.tree-lights .bulb.r3.i3{left:50%;top:84%}.tree-lights .bulb.r3.i4{left:72%;top:78%}.tree-lights .bulb.r3.i5{left:94%;top:72%}.storm .storm-flake{width:8px;height:8px;opacity:1;animation-duration:1.8s!important;filter:blur(.2px)}