:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#eaf4eb;background:#2f3e59;line-height:1.5;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% 14%,rgba(202,219,255,.14),transparent 26%),linear-gradient(to bottom,#51627f,#41516b 30%,#26374a 62%,#132317)}button{font:inherit}.app-shell{position:relative;overflow:hidden;min-height:100vh;display:grid;place-items:center;padding:clamp(16px,3vw,32px)}.forest-scene{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.star-layer{position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:repeat;animation:twinkle 5s ease-in-out infinite alternate}.star-layer-one{opacity:.9;background-image:radial-gradient(circle at 8% 16%,rgba(243,247,255,.92) 0 1.1px,rgba(243,247,255,.12) 1.1px 3.2px,transparent 3.2px),radial-gradient(circle at 18% 10%,rgba(224,236,255,.88) 0 .9px,rgba(224,236,255,.1) .9px 2.8px,transparent 2.8px),radial-gradient(circle at 27% 22%,rgba(245,248,255,.9) 0 1px,rgba(245,248,255,.1) 1px 3px,transparent 3px),radial-gradient(circle at 41% 12%,rgba(243,247,255,.9) 0 1.1px,rgba(243,247,255,.12) 1.1px 3.2px,transparent 3.2px),radial-gradient(circle at 53% 18%,rgba(224,236,255,.9) 0 1px,rgba(224,236,255,.1) 1px 3px,transparent 3px),radial-gradient(circle at 66% 9%,rgba(245,248,255,.88) 0 .9px,rgba(245,248,255,.1) .9px 2.8px,transparent 2.8px),radial-gradient(circle at 77% 20%,rgba(243,247,255,.9) 0 1.1px,rgba(243,247,255,.12) 1.1px 3.2px,transparent 3.2px),radial-gradient(circle at 89% 13%,rgba(224,236,255,.9) 0 1px,rgba(224,236,255,.1) 1px 3px,transparent 3px),radial-gradient(circle at 12% 30%,rgba(245,248,255,.84) 0 .8px,rgba(245,248,255,.08) .8px 2.6px,transparent 2.6px),radial-gradient(circle at 36% 28%,rgba(230,239,255,.82) 0 .8px,rgba(230,239,255,.08) .8px 2.4px,transparent 2.4px),radial-gradient(circle at 58% 8%,rgba(245,248,255,.84) 0 .8px,rgba(245,248,255,.08) .8px 2.6px,transparent 2.6px),radial-gradient(circle at 82% 24%,rgba(230,239,255,.82) 0 .8px,rgba(230,239,255,.08) .8px 2.4px,transparent 2.4px)}.star-layer-two{opacity:.58;animation-duration:7.5s;animation-delay:-2s;background-image:radial-gradient(circle at 12% 28%,rgba(223,234,255,.82) 0 .75px,rgba(223,234,255,.08) .75px 2.2px,transparent 2.2px),radial-gradient(circle at 24% 6%,rgba(238,244,255,.84) 0 .75px,rgba(238,244,255,.08) .75px 2.4px,transparent 2.4px),radial-gradient(circle at 35% 17%,rgba(223,234,255,.82) 0 .8px,rgba(223,234,255,.08) .8px 2.4px,transparent 2.4px),radial-gradient(circle at 47% 26%,rgba(238,244,255,.84) 0 .75px,rgba(238,244,255,.08) .75px 2.3px,transparent 2.3px),radial-gradient(circle at 61% 14%,rgba(223,234,255,.82) 0 .75px,rgba(223,234,255,.08) .75px 2.3px,transparent 2.3px),radial-gradient(circle at 73% 24%,rgba(238,244,255,.84) 0 .8px,rgba(238,244,255,.08) .8px 2.4px,transparent 2.4px),radial-gradient(circle at 84% 7%,rgba(223,234,255,.82) 0 .75px,rgba(223,234,255,.08) .75px 2.2px,transparent 2.2px),radial-gradient(circle at 94% 19%,rgba(238,244,255,.84) 0 .75px,rgba(238,244,255,.08) .75px 2.4px,transparent 2.4px),radial-gradient(circle at 16% 12%,rgba(245,248,255,.74) 0 .6px,rgba(245,248,255,.06) .6px 1.8px,transparent 1.8px),radial-gradient(circle at 44% 8%,rgba(230,239,255,.7) 0 .6px,rgba(230,239,255,.06) .6px 1.8px,transparent 1.8px),radial-gradient(circle at 67% 29%,rgba(245,248,255,.74) 0 .6px,rgba(245,248,255,.06) .6px 1.8px,transparent 1.8px),radial-gradient(circle at 90% 10%,rgba(230,239,255,.7) 0 .6px,rgba(230,239,255,.06) .6px 1.8px,transparent 1.8px)}.shooting-star{position:absolute;height:2px;border-radius:999px;background:linear-gradient(90deg,#fff0,#dcebfff2,#fff0);box-shadow:0 0 8px #d3e5ffe6,0 0 18px #d3e5ff8c;opacity:0;transform:rotate(-12deg)}.shooting-star:before{content:"";position:absolute;right:0;top:50%;width:8px;height:8px;border-radius:50%;transform:translateY(-50%);background:radial-gradient(circle,#fff,#d5e7ffeb 45%,#d5e7ff00);box-shadow:0 0 10px #ebf4fff2,0 0 20px #bdd6ff8c}.shooting-star-one{top:16%;left:-18%;width:120px;animation:shooting-right 8s linear infinite}.shooting-star-two{top:24%;left:-22%;width:90px;animation:shooting-right 10s linear infinite -3.5s}.shooting-star-three{top:10%;left:-20%;width:110px;animation:shooting-right 12s linear infinite -7s}.moon-glow{position:absolute;top:6%;left:50%;width:min(38vw,340px);height:min(38vw,340px);transform:translate(-50%);border-radius:50%;background:radial-gradient(circle,rgba(221,231,255,.5) 0%,rgba(190,209,255,.16) 28%,rgba(190,209,255,.05) 48%,transparent 72%);filter:blur(10px);opacity:.62}.mist{position:absolute;left:-10%;width:120%;border-radius:50%;background:radial-gradient(circle,rgba(143,174,164,.16) 0%,rgba(143,174,164,.05) 50%,transparent 72%);filter:blur(28px)}.mist-one{bottom:16%;height:220px}.mist-two{bottom:2%;height:280px;opacity:.7}.forest-ground{position:absolute;left:-8%;bottom:-8%;width:116%;height:26vh;border-radius:50% 50% 0 0;background:radial-gradient(circle at 20% 20%,rgba(34,62,45,.45),transparent 30%),radial-gradient(circle at 70% 10%,rgba(25,48,35,.4),transparent 26%),linear-gradient(to bottom,#14261a,#0b140d)}.pine-forest{position:absolute;inset:auto 0 6vh 0;z-index:1;pointer-events:none}.pine-tree{position:absolute;bottom:0;width:120px;height:220px;transform-origin:50% 100%;animation:tree-sway 5.5s ease-in-out infinite;filter:drop-shadow(0 10px 14px rgba(0,0,0,.22))}.pine-tree .trunk{position:absolute;left:50%;bottom:-2px;width:16px;height:44px;transform:translate(-50%);border-radius:8px 8px 0 0;background:linear-gradient(to bottom,#453520,#24180f)}.pine-tree .foliage{position:absolute;left:50%;transform:translate(-50%);width:0;height:0;border-left:62px solid transparent;border-right:62px solid transparent;border-bottom:82px solid #234f29;filter:drop-shadow(0 2px 0 rgba(255,255,255,.03))}.pine-tree .foliage:before,.pine-tree .foliage:after{content:"";position:absolute;top:20px;width:0;height:0;border-bottom:40px solid rgba(15,45,21,.95)}.pine-tree .foliage:before{left:-58px;border-left:28px solid transparent;border-right:24px solid transparent;transform:rotate(-14deg)}.pine-tree .foliage:after{right:-58px;border-left:24px solid transparent;border-right:28px solid transparent;transform:rotate(14deg)}.pine-tree .foliage-low{bottom:18px;border-left-width:68px;border-right-width:68px;border-bottom-width:92px;border-bottom-color:#1e4a25}.pine-tree .foliage-mid{bottom:72px;border-left-width:54px;border-right-width:54px;border-bottom-width:74px;border-bottom-color:#295e31}.pine-tree .foliage-top{bottom:122px;border-left-width:40px;border-right-width:40px;border-bottom-width:58px;border-bottom-color:#34713d}.pine-tree-one{left:6%;height:200px;width:110px;animation-duration:6.2s}.pine-tree-two{left:18%;height:250px;width:136px;animation-duration:5.4s;animation-delay:-1.2s}.pine-tree-three{right:16%;height:240px;width:128px;animation-duration:5.9s;animation-delay:-2.4s}.pine-tree-four{right:4%;height:210px;width:114px;animation-duration:6.5s;animation-delay:-.8s}.tree-line{position:absolute;left:-5%;width:110%;background-repeat:repeat-x}.tree-back{bottom:18%;height:28vh;opacity:.55;background-size:280px 100%;background-image:conic-gradient(from 0deg at 10% 100%,transparent 0 135deg,#1a2f22 135deg 225deg,transparent 225deg 360deg),conic-gradient(from 0deg at 24% 100%,transparent 0 138deg,#1f3928 138deg 222deg,transparent 222deg 360deg),conic-gradient(from 0deg at 39% 100%,transparent 0 136deg,#1a2f22 136deg 224deg,transparent 224deg 360deg),conic-gradient(from 0deg at 57% 100%,transparent 0 140deg,#203c2a 140deg 220deg,transparent 220deg 360deg),conic-gradient(from 0deg at 73% 100%,transparent 0 137deg,#1a2f22 137deg 223deg,transparent 223deg 360deg),conic-gradient(from 0deg at 89% 100%,transparent 0 139deg,#1f3928 139deg 221deg,transparent 221deg 360deg)}.tree-mid{bottom:10%;height:34vh;opacity:.78;background-size:260px 100%;background-image:conic-gradient(from 0deg at 8% 100%,transparent 0 132deg,#14261a 132deg 228deg,transparent 228deg 360deg),conic-gradient(from 0deg at 20% 100%,transparent 0 136deg,#183021 136deg 224deg,transparent 224deg 360deg),conic-gradient(from 0deg at 35% 100%,transparent 0 132deg,#14261a 132deg 228deg,transparent 228deg 360deg),conic-gradient(from 0deg at 49% 100%,transparent 0 138deg,#193322 138deg 222deg,transparent 222deg 360deg),conic-gradient(from 0deg at 64% 100%,transparent 0 134deg,#14261a 134deg 226deg,transparent 226deg 360deg),conic-gradient(from 0deg at 79% 100%,transparent 0 137deg,#183021 137deg 223deg,transparent 223deg 360deg),conic-gradient(from 0deg at 92% 100%,transparent 0 133deg,#14261a 133deg 227deg,transparent 227deg 360deg)}.tree-front{bottom:-2%;height:40vh;background-size:220px 100%;background-image:conic-gradient(from 0deg at 7% 100%,transparent 0 128deg,#09110b 128deg 232deg,transparent 232deg 360deg),conic-gradient(from 0deg at 18% 100%,transparent 0 133deg,#0c1710 133deg 227deg,transparent 227deg 360deg),conic-gradient(from 0deg at 30% 100%,transparent 0 129deg,#09110b 129deg 231deg,transparent 231deg 360deg),conic-gradient(from 0deg at 43% 100%,transparent 0 135deg,#0d1911 135deg 225deg,transparent 225deg 360deg),conic-gradient(from 0deg at 56% 100%,transparent 0 130deg,#09110b 130deg 230deg,transparent 230deg 360deg),conic-gradient(from 0deg at 69% 100%,transparent 0 134deg,#0c1710 134deg 226deg,transparent 226deg 360deg),conic-gradient(from 0deg at 82% 100%,transparent 0 129deg,#09110b 129deg 231deg,transparent 231deg 360deg),conic-gradient(from 0deg at 95% 100%,transparent 0 136deg,#0d1911 136deg 224deg,transparent 224deg 360deg)}.firefly-field{position:absolute;top:0;right:0;bottom:0;left:0}.firefly{position:absolute;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,rgba(247,255,182,1) 0%,rgba(244,255,165,.88) 38%,rgba(244,255,165,.18) 72%,transparent 100%);box-shadow:0 0 8px #efff7ee6,0 0 18px #efff7e73;animation:flicker 1.8s ease-in-out infinite alternate,sway 5.5s ease-in-out infinite}.rise-left{left:10%;bottom:-6%;animation:flicker 1.6s ease-in-out infinite alternate,float-up-left 14s linear infinite}.fall-right{left:20%;top:-8%;animation:flicker 2s ease-in-out infinite alternate,float-down-right 16s linear infinite}.rise-right{left:78%;bottom:-7%;animation:flicker 1.9s ease-in-out infinite alternate,float-up-right 13s linear infinite}.fall-left{left:68%;top:-10%;animation:flicker 2.2s ease-in-out infinite alternate,float-down-left 17s linear infinite}.rise-center{left:48%;bottom:-8%;animation:flicker 1.7s ease-in-out infinite alternate,float-up-center 12s linear infinite}.fall-center{left:58%;top:-7%;animation:flicker 2.1s ease-in-out infinite alternate,float-down-center 15s linear infinite}.rise-left-delayed{left:30%;bottom:-9%;animation:flicker 1.8s ease-in-out infinite alternate -1.1s,float-up-left 18s linear infinite -4s}.fall-right-delayed{left:88%;top:-6%;animation:flicker 2.3s ease-in-out infinite alternate -.6s,float-down-right 19s linear infinite -6s}.rise-right-slow{left:86%;bottom:-10%;animation:flicker 1.9s ease-in-out infinite alternate -1.8s,float-up-right 20s linear infinite -3s}.fall-left-slow{left:6%;top:-9%;animation:flicker 2.1s ease-in-out infinite alternate -.8s,float-down-left 21s linear infinite -5s}.rise-center-slow{left:61%;bottom:-10%;animation:flicker 1.5s ease-in-out infinite alternate -1.4s,float-up-center 22s linear infinite -7s}.fall-center-delayed{left:40%;top:-11%;animation:flicker 2.4s ease-in-out infinite alternate -.7s,float-down-center 18s linear infinite -2.5s}.counter-card{position:relative;z-index:2;width:min(100%,480px);padding:clamp(20px,3vw,32px);border-radius:clamp(20px,3vw,24px);background:#08140c8f;border:1px solid rgba(199,240,191,.14);box-shadow:0 24px 60px #00000059;text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.top-bar{display:flex;justify-content:flex-end;margin-bottom:8px}.audio-note{margin:0 0 10px;color:#ffe28f;font-size:.92rem;text-align:center}.music-toggle{border:1px solid rgba(199,240,191,.2);border-radius:999px;padding:8px 14px;background:#caefc114;color:#f5fff0;cursor:pointer;box-shadow:0 0 0 2px #ebf8ead9,0 0 18px #b2f1a02e;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.music-toggle:hover{transform:translateY(-1px);box-shadow:0 0 0 2px #f5fff2f2,0 0 24px #bfffb047,0 10px 20px #0003}.music-toggle.active{background:linear-gradient(135deg,#a8ea8a,#4f9c52);color:#08210d;box-shadow:0 0 0 2px #e9ffe0f2,0 0 26px #a8ea8a6b}.eyebrow{margin:0 0 8px;letter-spacing:.18em;text-transform:uppercase;font-size:.75rem;color:#b7f49a;font-weight:700}h1{margin:0;font-size:clamp(2rem,6vw,2.8rem);color:#f5fff0}.description{margin:12px 0 24px;color:#c5d8c4;font-size:clamp(1rem,2.2vw,1.12rem)}.count-display{position:relative;display:grid;place-items:center;margin:0 auto 16px;width:clamp(116px,24vw,140px);height:clamp(116px,24vw,140px);border-radius:50%;overflow:hidden;background:radial-gradient(circle at 30% 30%,rgba(228,255,192,.2),transparent 28%),linear-gradient(180deg,#15331f,#22442c);box-shadow:inset 0 2px 12px #ffffff14,0 12px 30px #00000042}.water-fill{position:absolute;left:0;right:0;bottom:0;z-index:0;background:linear-gradient(180deg,#7fd7ffe0,#3a9febe0 52%,#1c6ab8f0);transition:height .32s ease}.water-wave{position:absolute;left:-10%;width:120%;height:24px;border-radius:50%;background:#d6f5ff73;top:-12px}.wave-one{animation:wave-shift 4.4s linear infinite}.wave-two{top:-8px;opacity:.55;background:#ffffff4d;animation:wave-shift-reverse 5.2s linear infinite}.fish{position:absolute;left:50%;bottom:20px;width:40px;height:22px;transform:translate(-50%)}.fish-body{position:absolute;left:8px;top:3px;width:24px;height:16px;border-radius:50% 55% 45% 50%;background:linear-gradient(135deg,#ffd88d,#ff944d);box-shadow:0 0 8px #ffc4704d}.fish-tail{position:absolute;left:0;top:5px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:12px solid #ffb063}.fish-eye{position:absolute;right:10px;top:8px;width:3px;height:3px;border-radius:50%;background:#18314f}.fish-swim{animation:fish-bob 2.8s ease-in-out infinite,fish-drift 4s ease-in-out infinite}.count-number{position:relative;z-index:1;color:#f9ffef;font-size:clamp(2.5rem,9vw,3.5rem);font-weight:700;text-shadow:0 2px 12px rgba(0,0,0,.28)}.status-message{min-height:24px;margin:0 0 24px;font-weight:600;color:#a6ec9d;opacity:.75;transition:opacity .16s ease}.status-message.visible{color:#ffe28f;opacity:1}.button-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.action-button{border:none;border-radius:999px;padding:12px 18px;min-width:120px;background:#caefc129;color:#f5fff0;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.action-button:hover{transform:translateY(-1px);box-shadow:0 10px 20px #00000038;background:#caefc138}.action-button.primary{background:linear-gradient(135deg,#a8ea8a,#4f9c52);color:#08210d}.action-button.subtle{background:#ffe3a033}@keyframes flicker{0%{opacity:.35;transform:scale(.78)}to{opacity:1;transform:scale(1.15)}}@keyframes twinkle{0%{opacity:.45;filter:brightness(.9)}50%{opacity:.85;filter:brightness(1.15)}to{opacity:.6;filter:brightness(1)}}@keyframes shooting-right{0%{opacity:0;transform:translateZ(0) rotate(-12deg) scaleX(.7)}8%{opacity:1;transform:translate3d(18vw,1.2vh,0) rotate(-12deg) scaleX(1)}22%{opacity:.95;transform:translate3d(52vw,4vh,0) rotate(-12deg) scaleX(1.05)}30%{opacity:0;transform:translate3d(82vw,6vh,0) rotate(-12deg) scaleX(.92)}to{opacity:0;transform:translate3d(82vw,6vh,0) rotate(-12deg) scaleX(.92)}}@keyframes tree-sway{0%{transform:rotate(-2deg) translate(0)}25%{transform:rotate(1.5deg) translate(4px)}50%{transform:rotate(3deg) translate(8px)}75%{transform:rotate(.5deg) translate(3px)}to{transform:rotate(-2deg) translate(0)}}@keyframes wave-shift{0%{transform:translate(-4%) scaleX(1)}50%{transform:translate(4%) scaleX(1.04)}to{transform:translate(-4%) scaleX(1)}}@keyframes wave-shift-reverse{0%{transform:translate(5%) scaleX(1.03)}50%{transform:translate(-5%) scaleX(.98)}to{transform:translate(5%) scaleX(1.03)}}@keyframes fish-bob{0%{transform:translate(-50%) translateY(0)}25%{transform:translate(-42%) translateY(-12px)}50%{transform:translate(-50%) translateY(-22px)}75%{transform:translate(-58%) translateY(-10px)}to{transform:translate(-50%) translateY(0)}}@keyframes fish-drift{0%{filter:brightness(1)}50%{filter:brightness(1.08)}to{filter:brightness(1)}}@keyframes sway{0%{transform:translate(0)}50%{transform:translate(6px)}to{transform:translate(0)}}@keyframes float-up-left{0%{transform:translateZ(0) scale(.8)}25%{transform:translate3d(18px,-22vh,0) scale(1)}50%{transform:translate3d(-14px,-44vh,0) scale(.88)}75%{transform:translate3d(12px,-68vh,0) scale(1.08)}to{transform:translate3d(-10px,-108vh,0) scale(.76)}}@keyframes float-up-right{0%{transform:translateZ(0) scale(.82)}25%{transform:translate3d(-20px,-18vh,0) scale(1)}50%{transform:translate3d(16px,-42vh,0) scale(.9)}75%{transform:translate3d(-12px,-70vh,0) scale(1.1)}to{transform:translate3d(10px,-110vh,0) scale(.8)}}@keyframes float-up-center{0%{transform:translateZ(0) scale(.78)}30%{transform:translate3d(20px,-26vh,0) scale(1)}60%{transform:translate3d(-18px,-58vh,0) scale(.9)}to{transform:translate3d(8px,-108vh,0) scale(.75)}}@keyframes float-down-right{0%{transform:translateZ(0) scale(.8)}25%{transform:translate3d(16px,24vh,0) scale(1.04)}50%{transform:translate3d(-12px,46vh,0) scale(.88)}75%{transform:translate3d(14px,72vh,0) scale(1.1)}to{transform:translate3d(-8px,112vh,0) scale(.8)}}@keyframes float-down-left{0%{transform:translateZ(0) scale(.82)}25%{transform:translate3d(-16px,20vh,0) scale(1)}50%{transform:translate3d(18px,48vh,0) scale(.88)}75%{transform:translate3d(-10px,74vh,0) scale(1.08)}to{transform:translate3d(10px,112vh,0) scale(.78)}}@keyframes float-down-center{0%{transform:translateZ(0) scale(.8)}30%{transform:translate3d(-20px,28vh,0) scale(1.02)}60%{transform:translate3d(16px,60vh,0) scale(.9)}to{transform:translate3d(-8px,110vh,0) scale(.78)}}@media (max-width: 1024px){.counter-card{width:min(100%,560px)}.pine-forest{inset:auto 0 5vh 0}.pine-tree-one,.pine-tree-four{width:96px;height:180px}.pine-tree-two,.pine-tree-three{width:112px;height:210px}}@media (max-width: 768px){.app-shell{align-items:start;padding-top:28px;padding-bottom:120px}.counter-card{width:min(100%,620px)}.button-row{gap:10px}.action-button{flex:1 1 140px;min-width:0}.moon-glow{width:min(48vw,280px);height:min(48vw,280px);top:8%}.forest-ground{height:24vh}.tree-back{height:20vh}.tree-mid{height:26vh}.tree-front{height:30vh}.pine-forest{inset:auto 0 4vh 0}}@media (max-width: 480px){.top-bar{justify-content:center;margin-bottom:12px}.music-toggle{width:100%}h1{font-size:clamp(2rem,12vw,2.6rem)}.description,.status-message{margin-bottom:20px}.pine-forest{inset:auto 0 7vh 0}.pine-tree-one,.pine-tree-four{width:84px;height:150px}.pine-tree-two,.pine-tree-three{width:98px;height:180px}.forest-ground{height:22vh}.tree-back{bottom:17%;height:22vh}.tree-mid{bottom:10%;height:27vh}.tree-front{bottom:-1%;height:31vh}.counter-card{width:min(100%,100%);padding:22px 16px}.action-button{width:100%;flex-basis:100%}}@media (max-width: 360px){.app-shell{padding-left:12px;padding-right:12px}.counter-card{padding:20px 14px}.eyebrow{letter-spacing:.12em;font-size:.7rem}.count-display{width:108px;height:108px}.count-number{font-size:2.4rem}}