@import "https://fonts.googleapis.com/css2?family=Quicksand:wght@400;600;700&family=Fredoka:wght@400;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--fur-dark:#5c3d2e;--fur:#8b6914;--fur-light:#c4a265;--belly:#f5e6c8;--cream:#fff8ee;--text-dark:#2a3a4a;--text-mid:#3d5a6a;--water-deep:#3a7a8a;--water:#4a9aaa;--water-light:#6dc4d4;--water-foam:#a8dce8;--sky-top:#4a8ec2;--sky-mid:#7ab8dc;--sky-bottom:#b8dce8;--mountain-far:#6a8a9a;--mountain-mid:#4a6a7a;--mountain-near:#3a5060;--mountain-front:#2a3a48;--snow:#e8f0f4;--forest-dark:#2a4a3a;--forest-mid:#3a6050;--forest-light:#4a7a60}html,body{height:100%;overflow:hidden}body{background:var(--sky-top);color:var(--text-dark);cursor:default;font-family:Quicksand,sans-serif}#app{width:100%;height:100vh;position:relative;overflow:hidden}.parallax-scene{pointer-events:none;will-change:transform;position:absolute;inset:0}.layer-sky{z-index:0;background:linear-gradient(#2e7ab8 0%,#4a9ad4 15%,#6ab8e4 30%,#8ed0f0 45%,#b0e2f6 55%,#caeef8 65%,#ddf4f0 75%,#e8f6e8 85%,#eef8e4 100%)}.layer-clouds{z-index:1}.cloud{filter:blur(8px);background:#fff9;border-radius:50%;position:absolute}.cloud:before,.cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}.layer-sun{z-index:2}.sun{background:radial-gradient(circle at 45% 45%,#fff8e0,#ffe080);border-radius:50%;width:70px;height:70px;position:absolute;top:6%;right:15%;box-shadow:0 0 30px 10px #ffe06440,0 0 80px 30px #ffe0641f,0 0 140px 60px #ffe0640f}.layer-mountains-left,.layer-mountains-right{z-index:3}.layer-mountains-front{z-index:9}.layer-lake{z-index:7}.lake-half{object-fit:cover;object-position:bottom;pointer-events:none;width:58%;height:28%;position:absolute;bottom:0}.lake-left{object-position:bottom right;right:50%;transform:scaleX(-1)}.lake-right{object-position:bottom left;left:50%}@media (width<=600px){.lake-half{width:65%;height:22%}}.mountains-svg{width:110%;position:absolute;left:-5%}.layer-forest{z-index:7}.forest-svg{width:110%;position:absolute;bottom:0;left:-5%}.layer-water-surface{z-index:8}.water-surface{background:linear-gradient(#37789100 0%,#37789199 3%,#2d6982eb 8%,#2a6a82 15%,#266078 30%,#225870 50%,#1e4e65 75%,#1a4458 100%);width:110%;height:32%;position:absolute;bottom:0;left:-5%}.water-reflection{width:100%;height:100%;position:absolute;overflow:hidden}.reflection-line{height:1px;animation:shimmer var(--dur,4s) ease-in-out infinite alternate;animation-delay:var(--delay,0s);background:linear-gradient(90deg,#0000 0%,#ffffff0f 20%,#ffffff1f 50%,#ffffff0f 80%,#0000 100%);position:absolute}@keyframes shimmer{0%{opacity:.3;transform:translate(-30px)scaleX(.8)}to{opacity:.8;transform:translate(30px)scaleX(1.2)}}.layer-icons{z-index:9}.floating-icon{opacity:.08;color:var(--mountain-near);animation:float-icon var(--dur,20s) ease-in-out infinite;animation-delay:var(--delay,0s);will-change:transform;position:absolute}@keyframes float-icon{0%,to{transform:translateY(0) rotate(var(--rot-start,0deg))}25%{transform:translateY(calc(var(--float-y,-15px))) rotate(calc(var(--rot-start,0deg) + 5deg))}50%{transform:translateY(calc(var(--float-y,-15px) * .5)) rotate(var(--rot-start,0deg))}75%{transform:translateY(calc(var(--float-y,-15px) * .8)) rotate(calc(var(--rot-start,0deg) - 5deg))}}.layer-otters{z-index:10}.swimming-otter{opacity:.12;animation:swim-across var(--dur,35s) linear infinite;animation-delay:var(--delay,0s);position:absolute}@keyframes swim-across{0%{transform:translate(-150px)scaleX(1)}49%{transform:translate(calc(100vw + 100px))scaleX(1)}50%{transform:translate(calc(100vw + 100px))scaleX(-1)}99%{transform:translate(-150px)scaleX(-1)}to{transform:translate(-150px)scaleX(1)}}.layer-birds{z-index:11}.bird{animation:fly-bird var(--dur,20s) linear infinite;animation-delay:var(--delay,0s);opacity:.35;position:absolute}@keyframes fly-bird{0%{transform:translate(-50px)translateY(0)}25%{transform:translate(25vw)translateY(-12px)}50%{transform:translate(50vw)translateY(5px)}75%{transform:translate(75vw)translateY(-8px)}to{transform:translate(calc(100vw + 50px))translateY(0)}}.content-layer{z-index:20;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:absolute;inset:0}.otter-hero{margin-bottom:.5rem}.otter-hero svg{filter:drop-shadow(0 6px 20px #0003)}h1{color:#fff;text-shadow:0 2px 12px #0003,0 1px 3px #00000026;letter-spacing:1px;text-align:center;margin-bottom:.2rem;font-family:Fredoka,cursive;font-size:clamp(1.8rem,5vw,3rem)}.subtitle{color:#fff;opacity:.8;text-align:center;text-shadow:0 1px 4px #00000026;margin-bottom:1.5rem;font-size:clamp(.85rem,2vw,1rem);font-weight:400}.date-info{color:#fff;opacity:.65;letter-spacing:.5px;text-align:center;text-shadow:0 1px 4px #0000001f;margin-bottom:1.5rem;font-size:.9rem;font-weight:600}.answer-card{-webkit-backdrop-filter:blur(24px)saturate(1.2);text-align:center;pointer-events:auto;background:#fff3;border:1px solid #ffffff59;border-radius:28px;margin-bottom:1.5rem;padding:2rem 3rem;box-shadow:0 20px 60px #0000001f,inset 0 1px #fff6}.question{color:var(--text-mid);margin-bottom:.8rem;font-size:1rem;font-weight:600}.answer{margin-bottom:.4rem;font-family:Fredoka,cursive;font-size:clamp(3.5rem,10vw,6.5rem);font-weight:700;line-height:1}.answer.yes{background:linear-gradient(135deg,#2d9a4a,#1a8a7a);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.answer.no{background:linear-gradient(135deg,#d06030,#c04080);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.answer-sub{color:var(--text-mid);opacity:.7;font-size:.85rem}.timer-card{-webkit-backdrop-filter:blur(20px)saturate(1.2);text-align:center;pointer-events:auto;background:#ffffff26;border:1px solid #ffffff40;border-radius:22px;padding:1.5rem 2rem;box-shadow:0 10px 40px #0000001a}.timer-label{color:var(--text-mid);text-transform:uppercase;letter-spacing:2.5px;margin-bottom:1rem;font-size:.75rem;font-weight:700}.timer{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.timer-unit{flex-direction:column;align-items:center;display:flex}.timer-value{color:var(--text-dark);text-align:center;text-shadow:0 1px 3px #00000014;background:#fff3;border:1px solid #fff3;border-radius:14px;min-width:65px;padding:.3rem .7rem;font-family:Fredoka,cursive;font-size:clamp(1.8rem,5vw,2.8rem);font-weight:600}.timer-name{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-mid);opacity:.6;margin-top:.4rem;font-size:.65rem;font-weight:600}.separator{color:var(--text-mid);opacity:.3;align-self:flex-start;padding-top:.4rem;font-family:Fredoka,cursive;font-size:2rem;animation:1s ease-in-out infinite alternate blink}@keyframes blink{0%{opacity:.15}to{opacity:.45}}.footer{opacity:.3;color:var(--text-mid);text-align:center;text-shadow:0 1px 2px #ffffff4d;margin-top:1.5rem;font-size:.7rem}@media (width<=600px){.answer-card{border-radius:22px;padding:1.5rem 1.8rem}.timer-card{padding:1.2rem}.timer{gap:.4rem}.timer-value{min-width:50px;padding:.2rem .5rem}.sun{width:45px;height:45px;top:4%;right:8%}}