@font-face{font-family:Monsieur La Doulaise;src:url(/fonts/monsieur-la-doulaise.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}:root{font-family:Monsieur La Doulaise,cursive;color:#160f10;background:#f6e0e0;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden;background:#f6e0e0}button,input{font:inherit}button{color:inherit}.page{position:fixed;inset:0;width:100%;height:100%;min-height:100svh;overflow:hidden}.home-page,.letters-page{background:#f6e0e0}.flowers{position:absolute;z-index:1;top:0;height:auto;pointer-events:none;-webkit-user-select:none;user-select:none}.flowers-left{left:0;width:32.736vw;max-width:420px}.flowers-right{right:0;width:32.97vw;max-width:423px}.bird-button{position:absolute;z-index:2;top:10.1%;left:21.05%;width:57.755%;max-width:741px;margin:0;padding:0;border:0;outline:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.bird-button img{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none;pointer-events:none}.bird-button:focus-visible,.letter-button:focus-visible{outline:1px solid rgba(116,46,54,.5);outline-offset:7px}.letters-layout{position:absolute;inset:0;display:grid;grid-template-columns:repeat(2,600px);justify-content:center;column-gap:50px}.letter-card{width:600px;height:832px}.letter-button,.letter-static{position:relative;display:block;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent}.letter-button{cursor:pointer;-webkit-tap-highlight-color:transparent}.letter-card img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.letter-date{position:absolute;top:78.65%;left:0;width:100%;font-size:53px;font-weight:400;line-height:1;text-align:center;white-space:nowrap}.story-page{position:fixed;inset:0;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;background:#000;scrollbar-color:rgba(249,205,219,.42) #000}.birthday-page{position:fixed;inset:0;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;background:#000}.birthday-canvas{position:relative;width:min(100%,1280px);aspect-ratio:1280 / 832;margin:0 auto;overflow:hidden;background:#e9f3f0}.birthday-collage{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none}.birthday-note-stack{position:absolute;z-index:4;top:-3.3654%;left:58.90625%;width:36.40625%;aspect-ratio:466 / 828;cursor:grab;perspective:1200px;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.birthday-note-stack:active{cursor:grabbing}.birthday-note-sheet{position:absolute;inset:0;display:block;width:100%;height:100%;transform-style:preserve-3d}.birthday-note-image{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none}.birthday-cupid,.birthday-note-seal,.birthday-lilies{position:absolute;z-index:5;display:block;height:auto;pointer-events:none;-webkit-user-select:none;user-select:none}.birthday-cupid{top:-5.4348%;left:-37.9828%;width:81.5451%}.birthday-note-seal{z-index:6;top:78.744%;left:24.4635%;width:50.4292%}.birthday-lilies{z-index:7;top:82.8502%;left:57.9399%;width:63.5193%}.vinyl-player{position:absolute;z-index:4;display:block;margin:0;padding:0;border:0;border-radius:50%;outline:0;background:transparent;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.vinyl-player>img{display:block;width:100%;height:auto;animation:vinyl-spin 14s linear infinite;animation-play-state:paused;pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform}.vinyl-player.is-playing>img{animation-play-state:running}.vinyl-player:focus-visible{outline:2px solid rgba(249,205,219,.9);outline-offset:5px}.story-vinyl{top:34.0144%;left:2.578125%;width:15%}.birthday-vinyl{top:2.6442%;left:2.578125%;width:15%}.spotify-embed-host{position:fixed;top:-200px;left:-400px;display:block;width:300px;height:80px;overflow:hidden;opacity:0;pointer-events:none}@keyframes vinyl-spin{to{transform:rotate(360deg)}}.story-canvas{position:relative;width:min(100%,1280px);aspect-ratio:1280 / 3328;margin:0 auto;background:#580405;overflow:hidden}.story-collage{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none}.story-route{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;user-select:none}.story-first-overlay{position:absolute;z-index:3;top:0;left:0;width:100%;aspect-ratio:1280 / 832}.note-stack{position:absolute;z-index:4;top:1.683%;left:59.375%;width:36.40625%;aspect-ratio:466 / 828;cursor:grab;perspective:1200px;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.note-stack:active{cursor:grabbing}.note-sheet{position:absolute;inset:0;display:block;width:100%;height:100%;transform-style:preserve-3d}.note-page-image{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.love-sticker,.note-seal,.note-flower{position:absolute;display:block;height:auto;pointer-events:none;-webkit-user-select:none;user-select:none}.love-sticker{z-index:5;top:71.256%;left:-16.524%;width:43.133%}.note-seal{z-index:6;top:73.671%;left:24.464%;width:50.429%}.note-flower-silver{z-index:5;top:15.264%;left:88.359%;width:12.266%}.note-flower-blue{z-index:6;top:1.683%;left:85.703%;width:13.359%}@media(max-width:900px){.flowers-left,.flowers-right{width:47vw;max-width:none}.bird-button{top:21%;left:5%;width:90%;max-width:none}.letters-page{overflow-y:auto;overscroll-behavior:contain}.letters-layout{position:relative;inset:auto;min-height:100%;padding:max(6svh,24px) 0 10svh;display:flex;flex-direction:column;align-items:center;gap:0}.letter-card{width:min(94vw,600px);height:auto;aspect-ratio:600 / 832;flex:0 0 auto}.letter-card+.letter-card{margin-top:-21%}.letter-date{font-size:clamp(40px,12vw,53px)}}@media(max-width:520px)and (orientation:portrait){.flowers-left,.flowers-right{width:61vw}.flowers-left{transform-origin:top left}.flowers-right{transform-origin:top right}.bird-button{top:29%;left:-2%;width:104%}.note-stack{cursor:grab}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}