:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}body{color:#5a4634;background:#fefefe;margin:0;font-family:Poppins,sans-serif}.page{scroll-snap-type:y mandatory;height:100vh;overflow-y:scroll}.corner-deco{z-index:0;pointer-events:none;opacity:.9;position:fixed;bottom:0;left:0}.corner-deco img{width:230px;height:auto}.section{scroll-snap-align:start;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:20px;display:flex}.hero h1{margin:0;font-size:42px}.message{max-width:300px;font-size:20px;line-height:1.6}.details{gap:10px}.details div{margin:10px 0}.details h3{color:#c49b3d;margin-bottom:5px}.footer{font-size:18px}.fade-in{opacity:0;animation:1s forwards fadeUp;transform:translateY(40px)}.section:first-child{animation-delay:.2s}.section:nth-child(2){animation-delay:.4s}.section:nth-child(3){animation-delay:.6s}.section:nth-child(4){animation-delay:.8s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.honey-top{z-index:0;background:#f6e7b4;justify-content:space-around;width:100%;height:80px;display:flex;position:fixed;top:0;left:0;overflow:visible}.honey-top span{background:#f4c542;border-radius:20px;width:40px;height:60px;animation:6s ease-in-out infinite drip;position:relative}.honey-top span:nth-child(2){height:70px;animation-delay:2s}.honey-top span:nth-child(3){height:50px;animation-delay:4s}@keyframes drip{0%{transform:translateY(0)scale(1)}50%{transform:translateY(60px)scaleY(1.2)}to{transform:translateY(0)scale(1)}}.bees{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0}.bee{opacity:.75;font-size:22px;animation:6s ease-in-out infinite rotateBee,.25s linear infinite buzz}.bee-wrap{position:absolute}.b1{animation:18s ease-in-out infinite path1;top:20%;left:10%}.b2{animation:22s ease-in-out infinite path2;top:60%;left:80%}.b3{animation:20s ease-in-out infinite path3;top:40%;left:50%}@keyframes rotateBee{0%{transform:rotate(0)}25%{transform:rotate(20deg)}50%{transform:rotate(-15deg)}75%{transform:rotate(30deg)}to{transform:rotate(180deg)}}@keyframes path1{0%{transform:translate(0)}25%{transform:translate(60px,-40px)}50%{transform:translate(120px,20px)}75%{transform:translate(40px,60px)}to{transform:translate(0)}}@keyframes path2{0%{transform:translate(0)}25%{transform:translate(-80px,-50px)}50%{transform:translate(-140px,30px)}75%{transform:translate(-60px,70px)}to{transform:translate(0)}}@keyframes path3{0%{transform:translate(0)}30%{transform:translate(40px,-30px)}60%{transform:translate(-30px,50px)}to{transform:translate(0)}}@keyframes buzz{0%,to{transform:translateY(0)}50%{transform:translateY(1px)}}.honey-wrapper{z-index:0;pointer-events:none;width:100%;height:140px;position:fixed;top:0;left:0;overflow:hidden}.honey-blobs{filter:url(#goo);width:100%;height:100%;position:relative}.honey-liquid{background:linear-gradient(#f8e08e,#f4c542);border-radius:0 0 40% 40%;width:120%;height:80px;animation:8s ease-in-out infinite honeyWave;position:absolute;top:-20px;left:-10%}.honey-blob{opacity:.9;background:radial-gradient(circle,#f4c542 60%,#e0a800);border-radius:50%;width:35px;height:35px;animation:10s ease-in-out infinite drip;position:absolute;top:0}.honey-blob:nth-child(2){animation-delay:0s;left:10%}.honey-blob:nth-child(3){animation-delay:2s;left:25%}.honey-blob:nth-child(4){animation-delay:4s;left:40%}.honey-blob:nth-child(5){animation-delay:1s;left:55%}.honey-blob:nth-child(6){animation-delay:3s;left:70%}.honey-blob:nth-child(7){animation-delay:5s;left:85%}.honey-blob:nth-child(8){animation-delay:6s;left:50%}@keyframes honeyWave{0%,to{border-radius:0 0 35% 35%}50%{border-radius:0 0 45% 25%}}.honey-liquid:after{content:"";filter:blur(4px);background:#ffffff4d;border-radius:50%;width:60%;height:10px;position:absolute;top:10px;left:20%}.hero-svg{width:100%;max-width:400px;margin:0 auto}.hero-svg svg{width:100%;height:auto}.hero-svg path{fill:#0000}.hero-svg text{fill:#5a4634;letter-spacing:6px;font-family:Playfair Display,serif;font-size:100px}.subtitle{color:#9c8b6f;margin-top:10px;font-size:16px}.hero-content{flex-direction:column;align-items:center;display:flex;position:relative}.hero{position:relative}.hero-anim{z-index:2;width:90px;transition:opacity .5s;animation:2.2s linear infinite strollerRide;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.hero-anim.hidden{opacity:0;pointer-events:none;transform:translate(1500px)}.hero-anim.visible{opacity:1}@keyframes strollerRide{0%{transform:translate(-55%,-50%)rotate(0)}10%{transform:translate(-50%,-48%)rotate(1deg)}20%{transform:translate(-45%,-50%)rotate(-1deg)}30%{transform:translate(-50%,-47%)rotate(1deg)}40%{transform:translate(-55%,-50%)rotate(0)}50%{transform:translate(-60%,-48%)rotate(-1deg)}60%{transform:translate(-55%,-50%)rotate(1deg)}70%{transform:translate(-50%,-47%)rotate(-1deg)}80%{transform:translate(-45%,-50%)rotate(1deg)}90%{transform:translate(-50%,-48%)rotate(0)}to{transform:translate(-55%,-50%)rotate(0)}}.hero-anim{animation:2.2s linear infinite strollerRide}.event-type{color:#c49b3d;letter-spacing:1px;margin-top:20px;font-size:16px}.sound-btn{z-index:5;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff9;border:none;border-radius:50%;width:44px;height:44px;font-size:20px;transition:transform .2s,background .2s;position:fixed;top:15px;right:15px}.sound-btn:hover{background:#fffc;transform:scale(1.1)}.scroll-indicator{z-index:3;pointer-events:none;transition:opacity .3s;position:fixed;bottom:20px;right:20px}.scroll-indicator img{width:60px;height:auto}@keyframes bounceArrow{0%{transform:translateY(0)}30%{transform:translateY(10px)}55%{transform:translateY(4px)}75%{transform:translateY(12px)}to{transform:translateY(0)}}.scroll-indicator img{animation:1.4s ease-in-out infinite bounceArrow}.scroll-indicator.hidden{opacity:0}.scroll-indicator.visible{opacity:1}.scroll-indicator img{filter:drop-shadow(0 6px 10px #00000026);opacity:.85}.intro{z-index:10;z-index:10;inset:0;background:linear-gradient(#f8e08e,#f4c542);justify-content:center;align-items:center;animation:.6s introFadeIn;display:flex;position:fixed;inset:0;overflow:hidden}.intro-honey{z-index:0;position:absolute;inset:0}.intro-content{z-index:2;text-align:center;color:#5a4634;position:relative}.intro.hide{animation:1.2s forwards introFadeOut}@keyframes introFadeOut{0%{opacity:1;filter:blur();transform:scale(1)translateY(0)}40%{transform:scale(1.03)translateY(-10px)}70%{opacity:.6;filter:blur(4px)}to{opacity:0;filter:blur(8px);transform:scale(1)translateY(-30px)}}.intro.hide .intro-content{animation:.4s forwards textFade}@keyframes textFade{to{opacity:0;transform:translateY(-10px)}}