@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-regular.woff2) format("woff2")}@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-italic.woff2) format("woff2")}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}.hidden{display:none}:root{--ink: #08100c;--ivory: #f5efde;--gold: #cfb580;--muted: #b4b4a4;--serif: "Instrument Serif", Georgia, "Times New Roman", serif;color:var(--ivory);background:var(--ink);font-family:Segoe UI,ui-sans-serif,system-ui,-apple-system,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*,*:before,*:after{box-sizing:border-box}html{color-scheme:dark}html,body,#root{min-width:320px;min-height:100%;margin:0}body{-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:7px}button:disabled{cursor:default}button,a{touch-action:manipulation}img{display:block;max-width:100%}::-moz-selection{color:#fff9ed;background:#736749}::selection{color:#fff9ed;background:#736749}.birthday-site{min-height:100svh}.site-header{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:start;padding:36px 48px;font-size:14px;letter-spacing:.16em}.dedication{font-weight:500}.dedication small{display:block;margin-top:8px;font-size:12px;font-weight:400;letter-spacing:.08em;color:#c8c8b9}.date{padding-top:1px;white-space:nowrap;letter-spacing:.16em}.date b{margin-left:7px;font-weight:400;color:var(--gold)}.eyebrow{margin:0;font-size:11px;font-weight:400;letter-spacing:.25em;line-height:1.6;color:#d4c39d}.garden{position:relative;display:flex;flex-direction:column;min-height:100svh;isolation:isolate;overflow:hidden;background:#060906}.garden-video{position:absolute;z-index:-2;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transform:scale(1.02);transition:transform 2.3s cubic-bezier(.2,.5,.2,1),filter 1.6s}.garden-shade{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:#0005024d}.garden-header{opacity:0;transform:translateY(-8px);transition:opacity 1s,transform 1s}.garden.is-ready .garden-header{opacity:1;transform:none}.garden-message{width:min(100% - 40px,960px);margin:auto auto clamp(110px,13vh,154px);padding-top:260px;text-align:center;opacity:0;transform:translateY(18px);transition:opacity 1.1s .18s,transform 1.1s .18s;text-shadow:0 2px 28px rgba(0,0,0,.2)}.garden.is-ready .garden-message{opacity:1;transform:none}.garden h1{margin:18px 0 24px;font-family:var(--serif);font-size:clamp(72px,8.8vw,126px);font-weight:400;line-height:.94;letter-spacing:-.035em}.garden h1 em{font-weight:400}.garden-translation{margin:0;color:#e0dfd4;font-size:15px;letter-spacing:.15em}.enter-button{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:55px;margin-top:33px;padding:0 26px;border:1px solid rgba(238,220,180,.75);border-radius:1px;background:#080f0a7a;color:#f7efdc;font-size:14px;transition:background .3s,border-color .3s,transform .3s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.enter-button span:nth-child(2){font-size:12px;color:#c6c5b5}.enter-button svg{margin-left:5px;transition:transform .3s}.enter-button:hover{background:#ede4ce;color:#1b251a;border-color:#ede4ce;transform:translateY(-2px)}.enter-button:hover span:nth-child(2){color:#57594a}.enter-button:hover svg{transform:translate(2px,-2px)}.sound-hint{position:absolute;z-index:2;bottom:28px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:8px;color:#c3c3b4;font-size:12px;letter-spacing:.035em}.sound-hint span span{margin-left:3px;color:#b2b5a6;font-size:11px}.garden.is-opening .garden-video{transform:scale(1.18);filter:brightness(.45)}.garden.is-opening .garden-message,.garden.is-opening .garden-header,.garden.is-opening .sound-hint{opacity:0;transform:translateY(-12px);transition:opacity .6s,transform .8s}.opening-veil{position:absolute;z-index:6;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#08100c;animation:veil 1.9s both}.opening-veil p{margin:0;font-family:var(--serif);font-size:clamp(36px,5vw,58px);font-style:italic;text-align:center;animation:opening-words 1.9s both}.opening-veil span{display:block;margin-top:18px;color:#c1c0ae;font-family:Segoe UI,sans-serif;font-style:normal;font-size:13px;letter-spacing:.13em}.surprise{position:relative;isolation:isolate;min-height:100svh;display:flex;flex-direction:column;overflow:hidden;background:var(--ink)}.scene-background{position:absolute;z-index:-3;top:0;right:0;bottom:0;left:0;overflow:hidden}.scene-background img{width:100%;height:100%;min-height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;animation:garden-breathe 26s ease-in-out infinite alternate}.scene-shade{position:absolute;z-index:-2;top:0;right:0;bottom:0;left:0;background:#02090529}.surprise-header{animation:rise-in 1.2s .2s both}.surprise-content{position:relative;z-index:2;width:min(100% - 100px,1040px);flex:1;margin:0 auto;padding:45px 0 70px}.birthday-greeting{text-align:center}.birthday-greeting .eyebrow{animation:rise-in 1.3s .32s both;font-size:10px;letter-spacing:.26em}.birthday-greeting h2{margin:18px 0 22px;font-family:var(--serif);font-size:clamp(76px,7.7vw,116px);font-weight:400;line-height:.94;letter-spacing:-.025em;animation:rise-in 1.5s .48s both}.birthday-greeting h2:focus{outline:none}.birthday-greeting h2 em{display:block;margin-top:2px;font-weight:400;font-size:1.13em}.birthday-greeting>p:not(.eyebrow){margin:0;font-size:16px;letter-spacing:.18em;color:#d8d8c8;animation:rise-in 1.4s .72s both}.greeting-rule{width:38px;height:1px;margin:28px auto 0;background:#ad9567;animation:rule-in 1s 1.05s both}.gifts{display:grid;grid-template-columns:.94fr 1.18fr;align-items:center;gap:48px;margin-top:40px;animation:rise-in 1.45s 1.1s both}.music-gift{padding:18px 0 24px 20px}.gift-number{display:flex;gap:16px;align-items:center;margin:0 0 17px;color:var(--gold);font-size:12px;letter-spacing:.1em}.gift-number>span{color:#a9b09d;font-size:10px;letter-spacing:.16em}.music-gift h3,.gift-title{display:block;margin:0;color:#f2eddd;font-family:var(--serif);font-size:clamp(36px,3.3vw,48px);font-weight:400;line-height:1.06;letter-spacing:-.016em}.gift-translation{display:block;margin:11px 0 0;color:#c2c9b7;font-size:14px;letter-spacing:.04em;line-height:1.65}.player{display:flex;gap:21px;align-items:center;margin-top:29px}.play-button{display:grid;place-items:center;flex:0 0 62px;width:62px;height:62px;border:1px solid #b8a271;border-radius:50%;background:#0a150e;color:#e7cf9d;transition:background .25s,color .25s,transform .25s}.play-button:hover{background:#e7cf9d;color:#152014;transform:scale(1.04)}.player-track{width:100%;padding-top:11px}.player-track input{display:block;width:100%;height:24px;margin:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}.player-track input::-webkit-slider-runnable-track{height:2px;background:#66715f}.player-track input::-moz-range-track{height:2px;background:#66715f}.player-track input::-moz-range-progress{background:var(--gold);height:2px}.player-track input::-webkit-slider-thumb{width:7px;height:7px;margin-top:-2.5px;border-radius:50%;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#e4ca94}.player-track input::-moz-range-thumb{width:7px;height:7px;border:none;border-radius:50%;background:#e4ca94}.player-track input:disabled{opacity:.5}.player-meta{display:flex;justify-content:space-between;gap:8px;color:#d0d2c1;font-size:12px;letter-spacing:.02em;font-variant-numeric:tabular-nums}.player-meta>span:first-child{font-size:8px;letter-spacing:.18em;color:#aab49f}.player-meta i{padding:0 4px;color:#798673;font-style:normal}.audio-error{margin:14px 0 0;font-size:12px;line-height:1.6;color:#e0c395}.audio-error span{display:block}.letter-gift{display:grid;grid-template-columns:1.02fr 1fr;align-items:center;gap:13px;width:100%;padding:5px 0 5px 24px;color:inherit;text-align:left;border:0;border-left:1px solid rgba(185,196,167,.24);background:transparent}.envelope-image{width:100%;min-width:0;filter:drop-shadow(0 18px 16px rgba(0,0,0,.22));animation:envelope-float 7s 2s ease-in-out infinite;transition:filter .5s}.letter-gift:hover .envelope-image{filter:drop-shadow(0 21px 20px rgba(0,0,0,.4)) brightness(1.07)}.letter-gift .gift-number{margin-bottom:17px}.letter-gift .gift-number>span{font-size:9px}.letter-gift .gift-title{font-size:clamp(32px,3.1vw,44px);white-space:nowrap}.letter-gift .gift-translation{font-size:13px;white-space:nowrap}.letter-link{display:inline-flex;align-items:center;gap:12px;margin-top:27px;padding-bottom:7px;border-bottom:1px solid #a38b5c;color:#dac291;font-size:13px;transition:color .3s}.letter-link svg{transition:transform .3s}.letter-gift:hover .letter-link{color:#fff0cc}.letter-gift:hover .letter-link svg{transform:translate(2px,-2px)}.surprise-footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 48px 31px;animation:rise-in 1.2s 1.7s both}.surprise-footer button{display:flex;align-items:center;gap:13px;padding:10px 0;border:0;background:none;color:#e0e3d1;font-size:12px;text-align:left}.surprise-footer button svg{color:#bfab7a;transition:transform .25s}.surprise-footer button:hover svg{transform:translate(-4px)}.surprise-footer small{display:block;margin-top:6px;color:#aebaa2;font-size:11px;letter-spacing:.04em}.surprise-footer>p{margin:0;font-size:9px;letter-spacing:.2em;color:#bec9b1;text-align:right;line-height:1.6}.surprise-footer>p span{display:block;margin-top:6px;color:#a8b69b;font-size:11px;letter-spacing:.08em}.petals{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.petal{position:absolute;top:-8%;width:24px;opacity:0;animation:petal-drift 20s linear infinite}.petal:nth-child(1){left:7%;animation-delay:2s}.petal:nth-child(2){left:89%;width:18px;animation-delay:9s;animation-duration:25s}.petal:nth-child(3){left:18%;width:13px;animation-delay:15s;animation-duration:23s;filter:blur(1px)}.petal:nth-child(4){left:80%;width:21px;animation-delay:20s;animation-duration:22s}.letter-dialog{width:min(650px,calc(100% - 40px));max-width:none;max-height:calc(100dvh - 48px);margin:auto;padding:0;overflow:hidden;border:1px solid rgba(236,217,182,.6);color:#343c30;background:#f7f1e5;color-scheme:light;box-shadow:0 30px 100px #00000080}.letter-dialog[open]{animation:paper-unfold .7s cubic-bezier(.16,1,.3,1) both}.letter-dialog::backdrop{background:#030905d1;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);animation:fade-in .5s both}.letter-paper{position:relative;max-height:calc(100dvh - 50px);overflow-y:auto;padding:56px 65px 42px;scrollbar-width:thin;scrollbar-color:#c7baa0 #f7f1e5}.letter-close{position:absolute;z-index:5;top:12px;right:12px;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:#f7f1e5f2;color:#59604f;transition:transform .2s}.letter-close:hover{transform:rotate(90deg)}.letter-date{display:flex;justify-content:space-between;gap:16px;font-size:9px;letter-spacing:.15em;color:#85846e}.letter-date span:first-child{color:#88734d}.letter-paper h2{margin:36px 0 25px;font-family:var(--serif);font-size:64px;font-weight:400;line-height:.93;letter-spacing:-.02em;color:#293925}.letter-paper h2 em{font-weight:400}.letter-paper>p:not(.translation):not(.letter-signature){margin:20px 0 7px;font-family:Georgia,Times New Roman,serif;font-size:16px;line-height:1.7}.letter-paper .letter-opening{font-family:var(--serif)!important;font-size:24px!important;line-height:1.4!important;color:#4b5642}.letter-paper .translation{margin:0;color:#727663;font-size:12px;line-height:1.9}.paper-rule{width:32px;height:1px;margin:26px 0;background:#c0ab80}.letter-signature{margin:28px 0 0;font-family:var(--serif);font-size:30px;font-style:italic;line-height:1.2;color:#4c6244}.letter-signature span{display:block;margin-top:10px;color:#727663;font-family:Segoe UI,sans-serif;font-size:12px;font-style:normal}.wish-ritual{min-height:110px;margin-top:37px;padding:24px 0 0;border-top:1px solid #d8cdb6}.wish-button{display:flex;align-items:center;gap:14px;width:100%;padding:5px 0;color:#66734b;background:none;border:0;text-align:left}.wish-button>span{font-family:var(--serif);font-size:26px;line-height:1.2}.wish-button small{display:block;margin-top:8px;font-family:Segoe UI,sans-serif;font-size:12px;color:#82836d}.wish-button svg{flex-shrink:0;color:#99804f}.wish-button:hover>span{color:#293c26}.wish-whisper,.wish-reveal{text-align:center;animation:rise-in .9s both}.wish-whisper p,.wish-reveal p{margin:0;font-family:var(--serif);font-size:32px;line-height:1.2;color:#445b39}.wish-whisper>span,.wish-reveal>span{display:block;margin-top:10px;color:#7c816b;font-size:12px;letter-spacing:.07em}.wish-timer{height:1px;width:64px;margin:24px auto 0;background:#af9565;transform-origin:left;animation:wish-time 2.2s linear both}.wish-reveal svg{display:block;margin:0 auto 16px;color:#9b8052}.wish-reveal small{display:block;margin-top:24px;font-size:9px;letter-spacing:.2em;color:#8a836c}.wish-made .letter-paper{transition:background 1.5s;background:#f8eee3}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rule-in{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes veil{0%{opacity:0}28%,to{opacity:1}}@keyframes opening-words{0%,15%{opacity:0;transform:translateY(12px)}35%,73%{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px)}}@keyframes garden-breathe{0%{transform:scale(1)}to{transform:scale(1.035)}}@keyframes envelope-float{0%,to{transform:translateY(3px) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}}@keyframes paper-unfold{0%{opacity:0;transform:translateY(35px) scale(.97)}to{opacity:1;transform:none}}@keyframes wish-time{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes petal-drift{0%{opacity:0;transform:translate(0) rotate(0)}12%{opacity:.45}80%{opacity:.33}to{opacity:0;transform:translate(70px,105svh) rotate(250deg)}}@media(min-width:1440px){.surprise-content{padding-top:55px;padding-bottom:70px}.birthday-greeting h2{font-size:108px}.gifts{margin-top:40px}}@media(max-height:800px)and (min-width:801px){.site-header{padding-top:25px;padding-bottom:25px}.surprise-content{padding-top:16px;padding-bottom:32px}.birthday-greeting h2{font-size:clamp(72px,7vw,102px);margin-top:14px;margin-bottom:17px}.greeting-rule{margin-top:22px}.gifts{margin-top:26px}.surprise-footer{padding-bottom:18px}.garden-message{padding-top:180px;margin-bottom:102px}}@media(max-width:1050px)and (min-width:801px){.surprise-content{width:calc(100% - 72px)}.gifts{gap:35px;grid-template-columns:1fr 1.05fr}.letter-gift{grid-template-columns:.8fr 1fr;padding-left:20px;gap:8px}.letter-gift .gift-title{font-size:32px}.letter-gift .gift-number>span{display:none}.letter-gift .gift-translation{font-size:10px}}@media(max-width:800px){.site-header{padding:26px;font-size:11px}.date{letter-spacing:.12em}.dedication small{font-size:11px}.garden-message{padding-top:280px;margin-bottom:123px}.garden h1{font-size:clamp(64px,12vw,96px)}.garden-message .eyebrow{font-size:9px;letter-spacing:.2em}.garden-translation{font-size:13px}.sound-hint{bottom:27px;font-size:11px}.sound-hint span span{display:block;margin:5px 0 0;font-size:10px;text-align:center}.sound-hint svg{display:none}.surprise-content{width:min(100% - 64px,570px);padding:42px 0 45px}.birthday-greeting .eyebrow{font-size:8px;letter-spacing:.17em}.birthday-greeting h2{font-size:clamp(62px,11vw,88px);margin:21px 0 20px}.birthday-greeting h2 em{font-size:1.13em;margin-top:5px}.birthday-greeting>p:not(.eyebrow){font-size:13px}.greeting-rule{margin-top:26px;width:30px}.gifts{grid-template-columns:1fr;gap:25px;width:min(100%,400px);margin:36px auto 0}.music-gift{padding:4px 0 27px}.music-gift h3{font-size:38px}.gift-number{margin-bottom:13px}.gift-number>span{font-size:8px}.gift-translation{font-size:12px;margin-top:8px}.player{margin-top:24px;gap:19px}.play-button{width:51px;height:51px;flex-basis:51px}.letter-gift{border-left:0;border-top:1px solid rgba(185,196,167,.25);padding:24px 0 0;gap:16px;grid-template-columns:.9fr 1.1fr}.letter-gift .gift-title{font-size:35px}.letter-gift .gift-number{margin-bottom:13px}.letter-gift .gift-number>span{display:none}.letter-gift .gift-translation{font-size:10px;white-space:normal}.letter-link{margin-top:20px;font-size:12px;gap:8px}.surprise-footer{padding:16px 26px 27px;gap:20px}.surprise-footer>p{font-size:7px;max-width:165px}.surprise-footer>p span{font-size:10px;letter-spacing:.02em}.surprise-footer button{font-size:11px;gap:8px}.surprise-footer small{font-size:10px}.scene-background img{-o-object-position:center;object-position:center}.scene-shade{background:#02090559}.letter-dialog{width:calc(100% - 28px);max-height:calc(100dvh - 30px)}.letter-paper{max-height:calc(100dvh - 32px);padding:57px 27px 31px}.letter-date{font-size:8px;letter-spacing:.08em;gap:8px}.letter-paper h2{font-size:54px;margin-top:32px}.letter-paper .letter-opening{font-size:21px!important}.letter-paper>p:not(.translation):not(.letter-signature){font-size:15px}.letter-paper .translation{font-size:11px}.letter-signature{font-size:28px}.wish-button>span{font-size:25px}.wish-whisper p,.wish-reveal p{font-size:30px}}@media(max-width:380px){.site-header{padding:24px 21px;font-size:10px}.garden h1{font-size:59px}.surprise-content{width:calc(100% - 44px)}.birthday-greeting h2{font-size:59px}.birthday-greeting .eyebrow{font-size:7px}.letter-gift .gift-title{font-size:30px}.surprise-footer{padding-left:21px;padding-right:21px}.surprise-footer>p{max-width:138px;font-size:6px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.petals{display:none}.scene-background img,.envelope-image{transform:none}}