.email-screen{z-index:2}.email-screen:not(.email-screen--active){visibility:hidden;pointer-events:none}.email-card{width:min(92vw,520px);background:var(--card-red);color:var(--text-on-red);border-radius:28px;padding:1.75rem 1.5rem 2rem;box-shadow:0 12px 40px #d32f2f40;text-align:left;font-size:clamp(1.35rem,4.5vw,1.65rem);line-height:1.45}.email-card__meta{margin-bottom:1.25rem}.email-card__meta p+p{margin-top:.35rem}.email-card__label{font-weight:600}.email-card__message{margin-bottom:1.5rem}.email-card__attachment{display:block;width:100%;text-align:center;text-decoration:underline;text-underline-offset:4px;font-size:clamp(1.25rem,4vw,1.5rem);padding:.5rem;transition:opacity .2s ease}.email-card__attachment:hover{opacity:.85}.email-card__attachment:active{opacity:.7}.envelope{position:relative;width:min(200px,48vw);height:min(140px,32vw);display:block;transition:transform .2s ease;border:none;padding:0;background:transparent}.envelope--image{width:min(200px,48vw);height:auto}.envelope__img{width:100%;height:auto;object-fit:contain;display:block;background:transparent}.envelope__body{position:absolute;left:8%;right:8%;bottom:12%;height:58%;background:var(--envelope-pink);border-radius:4px 4px 8px 8px;box-shadow:0 2px #0000000f}.envelope__flap{position:absolute;left:5%;right:5%;top:18%;height:52%;background:var(--envelope-flap);clip-path:polygon(0 0,50% 72%,100% 0);border-radius:4px 4px 0 0}.envelope__heart{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);color:var(--heart);font-size:clamp(1.25rem,5vw,1.75rem);line-height:1;z-index:1}.inbox{z-index:1;gap:.65rem;padding:1.5rem 1.25rem}.inbox .envelope{transform-origin:center center}.inbox:not(.inbox--active){visibility:hidden;pointer-events:none}.inbox__greeting,.inbox__subtitle{font-size:clamp(1.75rem,6vw,2.25rem);color:var(--text-dark);text-align:center;line-height:1.15}.inbox__greeting{margin-bottom:.1rem}.inbox__subtitle{font-size:clamp(1.5rem,5vw,2rem);margin-top:.1rem}.polaroid{margin:0;display:flex;justify-content:center}.polaroid__frame{display:block;filter:drop-shadow(0 10px 24px rgba(0,0,0,.22));transform:rotate(-2.5deg);width:100%}.polaroid__frame picture,.polaroid__image{display:block;width:100%;height:auto}.scroll-reveal{margin:0 0 1rem;will-change:transform,opacity}.scroll-reveal--heading{font-size:clamp(1.85rem,6vw,2.35rem);font-weight:600;line-height:1.2;margin-top:0;margin-bottom:.75rem}.scroll-reveal--para{font-size:clamp(1.2rem,4vw,1.45rem);line-height:1.55;font-weight:500}.scroll-reveal--sign{font-size:clamp(1.35rem,4.5vw,1.65rem);line-height:1.4}.letter-body__sign .scroll-reveal+.scroll-reveal{margin-top:.25rem}.sticker{position:absolute;line-height:1;pointer-events:none;filter:drop-shadow(0 3px 8px rgba(0,0,0,.28))}.sticker__img{display:block;width:100%;height:100%;object-fit:contain;background:transparent}.sticker--cake{z-index:3;left:-14%;bottom:-6%;width:clamp(88px,26vw,120px);height:clamp(100px,30vw,140px);transform:rotate(-12deg)}.letter-screen{z-index:3}.letter-screen:not(.letter-screen--active){visibility:hidden;pointer-events:none}.letter-scroll{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.letter-scroll__content{min-height:100%;padding:0 1.25rem 4rem;max-width:640px;margin:0 auto}.bunting-bar{width:100vw;margin-left:calc(50% - 50vw);height:clamp(32px,8vw,48px);background-image:url(/bunting.png?v=4);background-repeat:repeat-x;background-size:auto 100%;background-position:top left;margin-bottom:0;padding-top:env(safe-area-inset-top,0);-webkit-user-drag:none;-webkit-user-select:none;user-select:none}@supports (background-image: url(/bunting.webp)){.bunting-bar{background-image:url(/bunting.webp?v=4)}}.letter-hero{position:relative;display:flex;justify-content:center;margin-bottom:clamp(2rem,8vw,3rem);padding-top:clamp(.5rem,2.5vw,1rem);min-height:200px;max-width:340px;margin-left:auto;margin-right:auto}.letter-hero__stage{position:relative;width:min(280px,78vw)}.letter-hero .polaroid{position:relative;z-index:1}.letter-body{color:var(--text-on-red);text-align:left;margin-top:.5rem}.letter-body__sign{margin-top:2rem}.audio-hidden{position:fixed;width:0;height:0;opacity:0;pointer-events:none}.transition-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--letter-red);opacity:0;visibility:hidden;pointer-events:none;z-index:100}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-light: #f0f0f0;--text-dark: #2a2a2a;--envelope-pink: #f4a6b8;--envelope-flap: #e8899e;--heart: #e53935;--card-red: #e53935;--letter-red: #d32f2f;--text-on-red: #fff8f0;--font-hand: "Caveat", cursive}html,body,#root{width:100%;min-height:100%;min-height:100dvh}body{font-family:var(--font-hand);background:var(--bg-light);color:var(--text-dark);-webkit-font-smoothing:antialiased;overflow:hidden}button{font:inherit;border:none;background:none;cursor:pointer;color:inherit}a{color:inherit}img,picture{-webkit-user-drag:none;user-select:none;-webkit-user-select:none}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;overflow:hidden}.screen--light{background:var(--bg-light)}.screen--letter{background:var(--letter-red);justify-content:flex-start;padding:0;overflow:hidden}.handwritten{font-family:var(--font-hand);font-weight:500;letter-spacing:.02em}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}