*{margin:0;padding:0;box-sizing:border-box}:root{--yellow: #fdd350;--yellow-light: #ffe5aa;--navy: #002236;--cream: #fff5d9;--white-cream: #fffefd;--gray-text: #b3bdc3;--red-text: #f26135;--spacing-xs: 8px;--spacing-sm: 16px;--spacing-md: 24px;--spacing-lg: 32px;--spacing-xl: 48px;--spacing-2xl: 64px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Rounded,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--cream);color:var(--navy)}@font-face{font-family:Nunito;src:url(/fonts/Nunito-ExtraBold.ttf) format("truetype");font-weight:800;font-style:normal}@font-face{font-family:SF-Pro-Rounded;src:url(/fonts/SF-Pro-Rounded-Regular.otf) format("opentype");font-weight:400;font-style:normal}.text-line{display:block;line-height:1.4;white-space:normal;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.app{min-height:100vh;width:100%;background-color:var(--cream);position:relative;overflow-x:hidden;padding-bottom:100px}.invite-section{padding:var(--spacing-2xl) var(--spacing-md) var(--spacing-xl);text-align:center;max-width:1200px;margin:0 auto}.invite-header{font-family:Nunito,sans-serif;font-size:clamp(36px,8vw,48px);font-weight:800;color:var(--navy);line-height:1.1;margin-bottom:var(--spacing-xl);word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%;padding:0 var(--spacing-md)}.fox-container{width:576px;height:576px;margin:0 auto var(--spacing-lg)}.fox-image{width:100%;height:100%;object-fit:contain}.habit-info{font-family:SF-Pro-Rounded,-apple-system,sans-serif;font-size:clamp(28px,6vw,36px);color:#012236;line-height:1.2;margin-bottom:var(--spacing-xl);max-width:100%;word-wrap:break-word;padding:0 var(--spacing-md)}.polaroid-container{position:relative;height:1400px;width:100%;max-width:1200px;margin:var(--spacing-xl) auto var(--spacing-2xl)}.polaroid{position:absolute;left:50%;top:50%;width:800px;height:800px;transform-origin:center;transition:transform .3s ease}.polaroid img{width:800px;height:800px;object-fit:contain;display:block;border-radius:0;box-shadow:none}.polaroid-1{transform:translate(-50%,-50%) translate(-200px) translateY(-400px) rotate(-8deg);z-index:1}.polaroid-2{transform:translate(-50%,-50%) translate(200px) translateY(-100px) rotate(5deg);z-index:2}.polaroid-3{transform:translate(-50%,-50%) translate(-100px) translateY(300px) rotate(-3deg);z-index:3}.missing-alert{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:12px 20px;border-radius:12px;font-family:SF-Pro-Rounded,-apple-system,sans-serif;font-size:clamp(14px,2.5vw,16px);font-weight:500;line-height:1.3;z-index:4;box-shadow:0 4px 16px #0006;text-align:center;white-space:normal}.damage-section{padding:var(--spacing-2xl) var(--spacing-md);text-align:center;max-width:600px;margin:0 auto}.damage-box{margin-bottom:var(--spacing-lg)}.damage-text{font-family:SF-Pro-Rounded,-apple-system,sans-serif;font-size:clamp(28px,6vw,36px);font-weight:500;color:#012236;line-height:1.2;margin:0;word-wrap:break-word;padding:0 var(--spacing-md)}.family-damage{margin-bottom:var(--spacing-xl)}.family-text{font-family:SF-Pro-Rounded,-apple-system,sans-serif;font-size:clamp(24px,5vw,30px);font-weight:600;color:#f26135;margin-bottom:var(--spacing-lg);word-wrap:break-word;line-height:1.2;padding:0 var(--spacing-md)}.group-photo-container{position:relative;display:inline-block}.group-photo{width:340px;height:auto;object-fit:contain;border-radius:0;box-shadow:none;display:block}.damage-indicator{position:absolute;top:10px;right:10px;background:#f26135;color:#fff;padding:10px 20px;border-radius:24px;font-family:Nunito,sans-serif;font-size:20px;font-weight:800;animation:damagePop .6s ease-out;box-shadow:0 4px 12px #f2613566}@keyframes damageShake{0%,to{transform:translate(0)}10%{transform:translate(-5px) rotate(-2deg)}20%{transform:translate(5px) rotate(2deg)}30%{transform:translate(-5px) rotate(-2deg)}40%{transform:translate(5px) rotate(2deg)}50%{transform:translate(0)}}@keyframes damagePop{0%{opacity:0;transform:scale(.5) translateY(20px)}50%{transform:scale(1.2) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 768px){.fox-container{width:320px;height:320px}.polaroid-container{height:800px;max-width:100%}.polaroid,.polaroid img{width:400px;height:400px}.polaroid-1{transform:translate(-50%,-50%) translate(-100px) translateY(-200px) rotate(-8deg)}.polaroid-2{transform:translate(-50%,-50%) translate(100px) translateY(-50px) rotate(5deg)}.polaroid-3{transform:translate(-50%,-50%) translate(-50px) translateY(150px) rotate(-3deg)}.group-photo{width:300px}.damage-indicator{font-size:18px;padding:8px 16px}.invite-section,.damage-section,.imessage-section,.doomscrolling-section,.evolution-section{padding:var(--spacing-xl) var(--spacing-sm)}.missing-alert{font-size:14px;padding:10px 16px;max-width:90%}}.imessage-section{padding:var(--spacing-2xl) var(--spacing-md);text-align:center;max-width:600px;margin:0 auto}.imessage-text{font-family:Nunito,-apple-system,sans-serif;font-size:clamp(30px,6.5vw,38px);font-weight:500;color:#012236;margin-bottom:var(--spacing-xl);line-height:1.2;word-wrap:break-word;max-width:100%;padding:0 var(--spacing-md)}.imessage-preview{display:flex;justify-content:center;align-items:center;width:100%}.messages-image{width:380px;height:auto;object-fit:contain;border-radius:30px;box-shadow:0 16px 32px #00223626;transition:transform .3s ease}.messages-image:hover{transform:translateY(-4px);box-shadow:0 20px 40px #00223633}@media (max-width: 768px){.messages-image{width:320px}}.doomscrolling-section{padding:var(--spacing-2xl) var(--spacing-md);text-align:center;max-width:600px;margin:0 auto}.doomscrolling-header{font-family:Nunito,sans-serif;font-size:clamp(32px,7vw,42px);font-weight:800;color:var(--navy);line-height:1.2;margin-bottom:var(--spacing-xl);word-wrap:break-word;max-width:100%;padding:0 var(--spacing-md)}.blockscreen-container{margin-bottom:var(--spacing-xl);display:flex;justify-content:center;align-items:center}.blockscreen-image{width:340px;height:auto;object-fit:contain;border-radius:40px;box-shadow:0 12px 28px #0022361f}.social-icons{display:none}@media (max-width: 768px){.blockscreen-image{width:280px}}.evolution-section{padding:var(--spacing-2xl) var(--spacing-lg) var(--spacing-sm);text-align:center;max-width:600px;margin:0 auto}.evolution-header{font-family:Nunito,sans-serif;font-size:clamp(32px,7vw,42px);font-weight:800;color:var(--navy);line-height:1.2;margin-bottom:var(--spacing-md);word-wrap:break-word;max-width:100%;padding:0 var(--spacing-md)}.evolution-fox-container{display:flex;justify-content:center;align-items:center;margin-bottom:0}.evolution-fox{width:280px;height:280px;object-fit:contain;filter:drop-shadow(0 12px 24px rgba(0,34,54,.1));animation:float 3s ease-in-out infinite;margin-bottom:var(--spacing-sm)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width: 768px){.evolution-fox{width:220px;height:220px}}.footer{text-align:center;padding:0 var(--spacing-lg) var(--spacing-2xl)}.footer-text{font-family:SF-Pro-Rounded,-apple-system,sans-serif;font-size:clamp(16px,3vw,18px);color:var(--gray-text);line-height:1.4;margin:0}.sticky-button-container{position:fixed;bottom:0;left:0;right:0;padding:var(--spacing-md) var(--spacing-lg) var(--spacing-lg);z-index:1000;pointer-events:none}.sticky-button-container:before{content:"";position:absolute;bottom:0;left:0;right:0;height:280px;background:linear-gradient(to top,#fff5d9f2,#fff5d9d9 10%,#fff5d9b3,#fff5d980,#fff5d94d,#fff5d926,#fff5d90d,#fff5d900);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);mask-image:linear-gradient(to top,#000,#000000e6,#000000b3,#0006,#0000001a,#0000);-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,1) 0%,rgba(0,0,0,.9) 20%,rgba(0,0,0,.7) 40%,rgba(0,0,0,.4) 60%,rgba(0,0,0,.1) 80%,rgba(0,0,0,0) 100%);z-index:-1}.join-button{position:relative;width:calc(100% - 32px);max-width:600px;height:65px;margin:0 auto;display:block;background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;pointer-events:all}.button-shadow{position:absolute;top:9px;left:0;right:0;height:56px;background:#ffe5aa;border-radius:28px;z-index:1}.button-surface{position:absolute;top:0;left:0;right:0;height:56px;background:#fdd350;border-radius:28px;display:flex;align-items:center;justify-content:center;z-index:2;transition:transform .15s ease}.button-text{font-family:Nunito,sans-serif;font-size:18px;font-weight:800;color:#fffefd;-webkit-user-select:none;user-select:none;white-space:nowrap}.join-button.pressed .button-surface{transform:translateY(6px)}@media (hover: hover){.join-button:hover .button-surface{transform:translateY(2px)}.join-button.pressed:hover .button-surface{transform:translateY(6px)}}@media (max-width: 768px){.sticky-button-container{padding:var(--spacing-sm) var(--spacing-xs) var(--spacing-md)}.join-button{width:calc(100% - 16px);max-width:none}}.invite-section,.damage-section,.imessage-section,.doomscrolling-section,.evolution-section{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.animate-in{opacity:1;transform:translateY(0)}.invite-section .invite-header{opacity:0;transform:translateY(20px);transition:all .6s ease-out}.invite-section.animate-in .invite-header{opacity:1;transform:translateY(0)}.invite-section .fox-container{opacity:0;transform:scale(.8);transition:all .8s ease-out .2s}.invite-section.animate-in .fox-container{opacity:1;transform:scale(1)}.invite-section .habit-info{opacity:0;transition:opacity .6s ease-out .4s}.invite-section.animate-in .habit-info{opacity:1}.invite-section .polaroid{opacity:0;transition:all .6s ease-out}.invite-section.animate-in .polaroid-1{opacity:1;transform:translate(-50%,-50%) translate(-200px) translateY(-400px) rotate(-8deg);transition-delay:.5s}.invite-section.animate-in .polaroid-2{opacity:1;transform:translate(-50%,-50%) translate(200px) translateY(-100px) rotate(5deg);transition-delay:.6s}.invite-section.animate-in .polaroid-3{opacity:1;transform:translate(-50%,-50%) translate(-100px) translateY(300px) rotate(-3deg);transition-delay:.7s}.invite-section .missing-alert{opacity:0;transform:translateY(10px);transition:all .4s ease-out .9s}.invite-section.animate-in .missing-alert{opacity:1;transform:translateY(0)}.damage-section .damage-box{opacity:0;transform:translateY(20px);transition:all .6s ease-out .2s}.damage-section.animate-in .damage-box{opacity:1;transform:translateY(0)}.damage-section .family-damage{opacity:0;transform:translateY(20px);transition:all .6s ease-out .4s}.damage-section.animate-in .family-damage{opacity:1;transform:translateY(0)}.imessage-section .imessage-text{opacity:0;transform:translateY(20px);transition:all .6s ease-out .2s}.imessage-section.animate-in .imessage-text{opacity:1;transform:translateY(0)}.imessage-section .messages-image{opacity:0;transform:translateY(30px) scale(.95);transition:all .8s ease-out .4s}.imessage-section.animate-in .messages-image{opacity:1;transform:translateY(0) scale(1)}.doomscrolling-section .doomscrolling-header{opacity:0;transform:translateY(20px);transition:all .6s ease-out .2s}.doomscrolling-section.animate-in .doomscrolling-header{opacity:1;transform:translateY(0)}.doomscrolling-section .blockscreen-image{opacity:0;transform:scale(.9);transition:all .8s ease-out .4s}.doomscrolling-section.animate-in .blockscreen-image{opacity:1;transform:scale(1)}.doomscrolling-section .social-icon{opacity:0;transform:translateY(20px);transition:all .5s ease-out}.doomscrolling-section.animate-in .social-icon:nth-child(1){opacity:1;transform:translateY(0);transition-delay:.6s;animation:bounce .6s ease-out .6s}.doomscrolling-section.animate-in .social-icon:nth-child(2){opacity:1;transform:translateY(0);transition-delay:.7s;animation:bounce .6s ease-out .7s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.evolution-section .evolution-header{opacity:0;transform:translateY(20px);transition:all .6s ease-out .2s}.evolution-section.animate-in .evolution-header{opacity:1;transform:translateY(0)}.evolution-section .evolution-fox{opacity:0;transform:scale(.8);transition:all .8s ease-out .4s}.evolution-section.animate-in .evolution-fox{opacity:1;transform:scale(1)}@media (max-width: 768px){.invite-section.animate-in .polaroid-1{transform:translate(-50%,-50%) translate(-100px) translateY(-200px) rotate(-8deg)}.invite-section.animate-in .polaroid-2{transform:translate(-50%,-50%) translate(100px) translateY(-50px) rotate(5deg)}.invite-section.animate-in .polaroid-3{transform:translate(-50%,-50%) translate(-50px) translateY(150px) rotate(-3deg)}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}}.lazy-image-wrapper{position:relative;overflow:hidden}.lazy-image{opacity:0;transition:opacity .4s ease-in-out;width:100%;height:100%}.lazy-image.loaded{opacity:1}.lazy-image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#f0f0f0,#f8f8f8,#f0f0f0);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.group-photo.lazy-image-wrapper{width:340px;height:auto;display:block}.messages-image.lazy-image-wrapper{width:380px;height:auto}.blockscreen-image.lazy-image-wrapper{width:340px;height:auto}.social-icon.lazy-image-wrapper{width:60px;height:60px}.evolution-fox.lazy-image-wrapper{width:220px;height:220px}@media (max-width: 768px){.group-photo.lazy-image-wrapper{width:300px}.messages-image.lazy-image-wrapper{width:320px}.blockscreen-image.lazy-image-wrapper{width:280px}.social-icon.lazy-image-wrapper{width:50px;height:50px}.evolution-fox.lazy-image-wrapper{width:180px;height:180px}}.debug-panel{position:fixed;bottom:100px;right:20px;width:400px;max-width:90vw;background:#002236f2;color:#fff;padding:20px;border-radius:12px;box-shadow:0 8px 32px #0000004d;z-index:2000;max-height:70vh;overflow-y:auto}.debug-panel h3{margin:0 0 16px;font-family:Nunito,sans-serif;font-size:20px;color:#fdd350}.debug-panel h4{margin:16px 0 8px;font-family:SF-Pro-Rounded,-apple-system,sans-serif;font-size:14px;color:#ffe5aa}.debug-info pre{background:#0000004d;padding:12px;border-radius:8px;font-size:12px;overflow-x:auto;margin:0;font-family:Courier New,monospace}.debug-url{background:#0000004d;padding:12px;border-radius:8px;font-size:11px;word-break:break-all;margin-bottom:12px;font-family:Courier New,monospace}.debug-copy-btn{background:#fdd350;color:#002236;border:none;padding:8px 16px;border-radius:8px;font-family:Nunito,sans-serif;font-weight:700;cursor:pointer;transition:background .2s ease}.debug-copy-btn:hover{background:#ffe5aa}.debug-panel ol{margin:8px 0;padding-left:20px;font-size:13px;line-height:1.6}.debug-panel li{margin:4px 0}@media (max-width: 768px){.debug-panel{bottom:80px;right:10px;left:10px;width:auto}}