@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@1,500;1,600&family=Lora:wght@500;600;700&family=Manrope:wght@400;500;600&display=swap";:root{--pink-50: #fff8f2;--pink-100: #f8e7e5;--pink-200: #e8c7c5;--pink-300: #d8a0ac;--pink-400: #be7085;--pink-500: #9b4359;--pink-600: #6f2338;--blush: #f4dddb;--rose: #e8c7c5;--cream: #fff8f0;--gold: #bd9460;--soft-white: #fffaf5;--text-primary: #3d2328;--text-secondary: #71565a;--text-light: #9b8181;--gradient-main: linear-gradient(135deg, #fff8f2 0%, #f8e7e5 55%, #e8c7c5 100%);--gradient-card: linear-gradient(145deg, #fffdf9 0%, #fff5ef 100%);--gradient-button: linear-gradient(135deg, #be7085 0%, #9b4359 55%, #6f2338 100%);--gradient-glow: radial-gradient(circle, rgba(155, 67, 89, .32) 0%, transparent 70%);--shadow-soft: 0 4px 20px rgba(244, 114, 182, .15);--shadow-medium: 0 8px 30px rgba(244, 114, 182, .2);--shadow-glow: 0 0 40px rgba(244, 114, 182, .3);--font-display: "Lora", Georgia, serif;--font-handwritten: "Cormorant Garamond", Georgia, serif;--font-elegant: "Cormorant Garamond", serif;--font-body: "Manrope", sans-serif;--section-padding: clamp(2rem, 8vw, 6rem);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-weight:400;line-height:1.6;color:var(--text-primary);background:var(--gradient-main);min-height:100vh;overflow-x:hidden}#root{width:100%;min-height:100vh}h1,h2,h3,h4{font-family:var(--font-handwritten);font-weight:600;line-height:1.2;color:var(--text-primary)}h1{font-size:clamp(2rem,6vw,3.5rem)}h2{font-size:clamp(1.75rem,5vw,3rem)}h3{font-size:clamp(1.5rem,4vw,2.5rem)}p{font-size:clamp(1rem,2.5vw,1.25rem);color:var(--text-secondary)}.text-center{text-align:center}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.75rem 1.5rem;font-family:var(--font-body);font-size:clamp(.85rem,2vw,.95rem);font-weight:400;color:#fff;background:var(--gradient-button);border:none;border-radius:50px;cursor:pointer;box-shadow:var(--shadow-medium);transition:all .3s ease;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn-primary:hover:before{left:100%}.btn-primary:active{transform:translateY(0)}.section{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--section-padding);position:relative}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--pink-50)}::-webkit-scrollbar-thumb{background:var(--pink-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--pink-400)}::selection{background:var(--pink-200);color:var(--text-primary)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #f472b64d}50%{box-shadow:0 0 40px #f472b680}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}._hero_15mgp_5{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(2rem,8vw,6rem);background:radial-gradient(ellipse at top,rgba(252,231,243,.8) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(249,168,212,.3) 0%,transparent 50%),linear-gradient(135deg,#fff8f2,#f8e7e5 55%,#e8c7c5);overflow:hidden}._heading_15mgp_31{font-family:var(--font-handwritten);font-size:clamp(1.75rem,7vw,3.5rem);font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:.5rem;text-shadow:0 2px 10px rgba(244,114,182,.2);padding:0 1rem}._cakeGif_15mgp_43{width:clamp(150px,40vw,250px);height:auto;margin:1.5rem 0;border-radius:16px;filter:drop-shadow(0 8px 20px rgba(244,114,182,.25))}._banner_15mgp_52{width:clamp(200px,70vw,400px);height:auto;margin-bottom:1rem}._subtitle_15mgp_58{font-size:clamp(.9rem,2.5vw,1.1rem);color:var(--text-light);text-align:center;margin-bottom:2rem}._nextButton_15mgp_68{margin-top:1.5rem;animation:_pulse-glow_15mgp_1 2s infinite}._arrow_15mgp_73{display:inline-block;transition:transform .3s ease}._nextButton_15mgp_68:hover ._arrow_15mgp_73{transform:translate(4px)}._decorativeCircle1_15mgp_85{position:absolute;top:10%;right:-5%;width:clamp(100px,30vw,200px);height:clamp(100px,30vw,200px);background:radial-gradient(circle,rgba(249,168,212,.3) 0%,transparent 70%);border-radius:50%;pointer-events:none}._decorativeCircle2_15mgp_100{position:absolute;bottom:10%;left:-10%;width:clamp(150px,40vw,300px);height:clamp(150px,40vw,300px);background:radial-gradient(circle,rgba(252,231,243,.5) 0%,transparent 70%);border-radius:50%;pointer-events:none}@media(min-width:768px){._nextButton_15mgp_68{margin-top:2rem}}@media(min-width:1024px){._heading_15mgp_31{margin-bottom:1rem}._subtitle_15mgp_58{margin-bottom:2.5rem}}._gallery_1gea3_5{position:relative;height:100vh;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;gap:1rem;background:radial-gradient(ellipse at top left,rgba(252,231,243,.9) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(249,168,212,.3) 0%,transparent 50%),linear-gradient(180deg,#fff8f2,#fffaf5,#f4dddb);overflow:hidden}._gallery_1gea3_5:before{content:"";position:absolute;top:10%;left:-10%;width:clamp(200px,40vw,350px);height:clamp(200px,40vw,350px);background:radial-gradient(circle,rgba(252,231,243,.6) 0%,transparent 70%);border-radius:50%;pointer-events:none}._gallery_1gea3_5:after{content:"";position:absolute;bottom:15%;right:-10%;width:clamp(150px,35vw,300px);height:clamp(150px,35vw,300px);background:radial-gradient(circle,rgba(249,168,212,.4) 0%,transparent 70%);border-radius:50%;pointer-events:none}._heading_1gea3_65{font-family:var(--font-handwritten);font-size:clamp(1.5rem,4vw,2.2rem);font-weight:700;color:var(--pink-600);text-align:center;margin:0;z-index:1;text-shadow:0 2px 8px rgba(244,114,182,.15)}._photoGrid_1gea3_79{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:min(1.5vw,1.5vh);z-index:1}._photoFrame_1gea3_90{cursor:pointer;transform-origin:center center}._polaroid_1gea3_98{background:#fff;padding:min(1.2vh,10px) min(1.2vh,10px) min(3.5vh,28px) min(1.2vh,10px);border-radius:3px;box-shadow:0 4px 15px #f472b626,0 2px 6px #0000000f;transition:box-shadow .3s ease}._photoFrame_1gea3_90:hover ._polaroid_1gea3_98{box-shadow:0 12px 30px #f472b640,0 4px 10px #00000014}._photo_1gea3_79{width:min(18vw,18vh);aspect-ratio:1;object-fit:cover;display:block;border-radius:2px}._sideBorderLeft_1gea3_124,._sideBorderRight_1gea3_125{position:absolute;top:50%;transform:translateY(-50%);height:70%;width:30px;display:flex;flex-direction:column;align-items:center;justify-content:space-around;z-index:1}._sideBorderLeft_1gea3_124{left:clamp(.5rem,3vw,2.5rem)}._sideBorderRight_1gea3_125{right:clamp(.5rem,3vw,2.5rem)}._sideBorderLeft_1gea3_124:before,._sideBorderRight_1gea3_125:before{content:"";position:absolute;top:5%;bottom:5%;width:1px;background:linear-gradient(180deg,transparent 0%,rgba(244,114,182,.2) 10%,rgba(249,168,212,.35) 30%,rgba(244,114,182,.4) 50%,rgba(249,168,212,.35) 70%,rgba(244,114,182,.2) 90%,transparent 100%)}._borderDot_1gea3_167{width:5px;height:5px;background:radial-gradient(circle,#f9a8d4cc,#f472b666);border-radius:50%;position:relative;z-index:2;animation:_twinkle_1gea3_1 2s ease-in-out infinite}._borderDot_1gea3_167:nth-child(2){animation-delay:.4s}._borderDot_1gea3_167:nth-child(4){animation-delay:.8s}._borderDot_1gea3_167:nth-child(1),._borderDot_1gea3_167:nth-child(5){width:3px;height:3px;opacity:.6}._borderHeart_1gea3_197{font-size:1rem;color:#f472b6;position:relative;z-index:2;filter:drop-shadow(0 0 4px rgba(244,114,182,.4));animation:_floatHeart_1gea3_1 3s ease-in-out infinite}@keyframes _twinkle_1gea3_1{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}@keyframes _floatHeart_1gea3_1{0%,to{transform:translateY(0) scale(1);opacity:.7}50%{transform:translateY(-3px) scale(1.1);opacity:1}}._sideBorderRight_1gea3_125 ._borderHeart_1gea3_197{animation-delay:1.5s}._sideBorderRight_1gea3_125 ._borderDot_1gea3_167:nth-child(1){animation-delay:.2s}._sideBorderRight_1gea3_125 ._borderDot_1gea3_167:nth-child(2){animation-delay:.6s}._sideBorderRight_1gea3_125 ._borderDot_1gea3_167:nth-child(4){animation-delay:1s}._continueButton_1gea3_250{position:relative;z-index:20;margin-top:.5rem}._arrow_1gea3_256{display:inline-block;margin-left:.5rem;transition:transform .3s ease}._continueButton_1gea3_250:hover ._arrow_1gea3_256{transform:translate(4px)}@media(min-width:640px){._gallery_1gea3_5{padding:1.5rem;gap:3rem}._photoGrid_1gea3_79{gap:min(2vw,2vh)}._photo_1gea3_79{width:min(20vw,20vh)}}@media(max-width:639px){._gallery_1gea3_5{padding:.5rem;gap:3rem}._photoGrid_1gea3_79{gap:min(1.5vw,1.5vh)}._polaroid_1gea3_98{padding:min(.8vh,4px) min(.8vh,4px) min(2vh,14px) min(.8vh,4px)}._photo_1gea3_79{width:min(26vw,22vh)}._heading_1gea3_65{font-size:clamp(1.2rem,5vw,1.6rem)}._sideBorderLeft_1gea3_124,._sideBorderRight_1gea3_125{display:none}}@media(min-width:1024px){._gallery_1gea3_5{padding:2rem 1.5rem;gap:2rem}._photoGrid_1gea3_79{gap:min(2vw,2vh)}._photo_1gea3_79{width:min(14vw,18vh)}}@media(min-width:1440px){._photo_1gea3_79{width:min(16vw,18vh)}._photoGrid_1gea3_79{gap:min(2vw,2vh)}}._letter_eyu4e_5{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem 4rem;background:radial-gradient(ellipse at top left,rgba(252,231,243,.9) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(249,168,212,.3) 0%,transparent 50%),linear-gradient(180deg,#f8e7e5,#fff8f0 45%,#fffaf5);overflow:hidden}._heading_eyu4e_31{font-family:var(--font-handwritten);font-size:clamp(1.75rem,6vw,2.75rem);font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:1.5rem;z-index:1;position:relative}._letterCard_eyu4e_45{position:relative;width:100%;max-width:650px;background:linear-gradient(145deg,#fffdf8,#fff9f5,#fff5f0);border-radius:var(--radius-lg);padding:clamp(1.5rem,5vw,2.5rem);box-shadow:0 10px 40px #f472b626,0 2px 10px #0000000d,inset 0 0 0 1px #f472b61a;z-index:1;background-image:linear-gradient(145deg,#fffdf8,#fff9f5,#fff5f0),repeating-linear-gradient(0deg,transparent,transparent 28px,rgba(244,114,182,.05) 28px,rgba(244,114,182,.05) 29px)}._cornerTopLeft_eyu4e_75,._cornerTopRight_eyu4e_76,._cornerBottomLeft_eyu4e_77,._cornerBottomRight_eyu4e_78{position:absolute;width:30px;height:30px;border-color:var(--pink-300);border-style:solid;border-width:0;opacity:.6}._cornerTopLeft_eyu4e_75{top:10px;left:10px;border-top-width:2px;border-left-width:2px;border-top-left-radius:8px}._cornerTopRight_eyu4e_76{top:10px;right:10px;border-top-width:2px;border-right-width:2px;border-top-right-radius:8px}._cornerBottomLeft_eyu4e_77{bottom:10px;left:10px;border-bottom-width:2px;border-left-width:2px;border-bottom-left-radius:8px}._cornerBottomRight_eyu4e_78{bottom:10px;right:10px;border-bottom-width:2px;border-right-width:2px;border-bottom-right-radius:8px}._letterContent_eyu4e_123{min-height:300px;display:flex;flex-direction:column}._messageText_eyu4e_129{font-family:var(--font-body);font-size:clamp(.9rem,2.5vw,1.05rem);line-height:1.8;color:var(--text-secondary);white-space:pre-wrap;word-wrap:break-word;margin:0;padding:0}._letterClosing_eyu4e_140{display:grid;gap:.35rem;margin-top:1.75rem;font-family:var(--font-handwritten);font-size:clamp(1.15rem,3vw,1.5rem);color:var(--text-primary);text-align:right}._cursor_eyu4e_151{display:inline-block;color:var(--pink-500);font-weight:300;animation:_blink_eyu4e_1 .8s infinite}@keyframes _blink_eyu4e_1{0%,50%{opacity:1}51%,to{opacity:0}}._bgDecor1_eyu4e_172{position:absolute;top:10%;left:-15%;width:clamp(200px,50vw,400px);height:clamp(200px,50vw,400px);background:radial-gradient(circle,rgba(252,231,243,.5) 0%,transparent 70%);border-radius:50%;pointer-events:none}._bgDecor2_eyu4e_187{position:absolute;top:30%;right:-20%;width:clamp(150px,40vw,300px);height:clamp(150px,40vw,300px);background:radial-gradient(circle,rgba(249,168,212,.3) 0%,transparent 70%);border-radius:50%;pointer-events:none}._bgDecor3_eyu4e_202{position:absolute;bottom:5%;left:10%;width:clamp(100px,30vw,200px);height:clamp(100px,30vw,200px);background:radial-gradient(circle,rgba(244,114,182,.15) 0%,transparent 70%);border-radius:50%;pointer-events:none}@media(min-width:640px){._letterCard_eyu4e_45{padding:2rem 2.5rem}._cornerTopLeft_eyu4e_75,._cornerTopRight_eyu4e_76,._cornerBottomLeft_eyu4e_77,._cornerBottomRight_eyu4e_78{width:40px;height:40px}}@media(min-width:768px){._letter_eyu4e_5{padding:3rem 2rem 5rem}._heading_eyu4e_31{margin-bottom:2rem}._letterContent_eyu4e_123{min-height:400px}}@media(min-width:1024px){._letterCard_eyu4e_45{padding:2.5rem 3rem}._messageText_eyu4e_129{line-height:2}}.app{width:100%;height:100vh;height:100dvh;overflow:hidden;position:relative}.section-wrapper{width:100%;height:100vh;height:100dvh;overflow-y:auto;overflow-x:hidden}.footer{padding:1.5rem 1rem;text-align:center;background:linear-gradient(180deg,transparent 0%,rgba(253,242,248,.8) 100%);position:absolute;bottom:0;left:0;right:0}.footer p{font-family:var(--font-handwritten);font-size:clamp(1rem,3vw,1.25rem);color:var(--text-light);margin:0}html,body{overflow:hidden;height:100%}@supports (-webkit-touch-callout: none){.app,.section-wrapper{height:-webkit-fill-available}}.start-screen{position:fixed;inset:0;z-index:9999;background:radial-gradient(circle at 50% 38%,#54202c,#281016 42%,#14080c);display:flex;align-items:center;justify-content:center;overflow:hidden}.start-screen:after{content:"";position:absolute;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20% 30%,rgba(255,182,193,.4),transparent),radial-gradient(2px 2px at 40% 70%,rgba(255,182,193,.3),transparent),radial-gradient(2px 2px at 60% 40%,rgba(255,182,193,.4),transparent),radial-gradient(2px 2px at 80% 60%,rgba(255,182,193,.3),transparent),radial-gradient(2px 2px at 70% 20%,rgba(255,182,193,.4),transparent),radial-gradient(2px 2px at 30% 80%,rgba(255,182,193,.3),transparent);animation:twinkle 3s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:.7}}.start-content{display:flex;flex-direction:column;align-items:center;text-align:center;z-index:1;padding:0 1.5rem}.start-title{font-family:var(--font-display);font-size:clamp(1.65rem,5vw,3.25rem);font-weight:600;line-height:1.35;letter-spacing:-.025em;color:#fff;margin-bottom:.5rem;max-width:18ch}.typing-text{min-height:3rem;display:flex;align-items:center;justify-content:center}.typing-cursor{display:inline-block;margin-left:2px;animation:blink .8s infinite;font-weight:300;color:#ffb6c1cc}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.start-subtitle{font-family:var(--font-display);font-size:clamp(.85rem,3.5vw,2.6rem);font-weight:500;line-height:1.4;letter-spacing:-.02em;color:#ffe4e2eb;margin-bottom:.75rem;max-width:none;white-space:nowrap}.start-question{font-family:var(--font-body);font-size:clamp(1.5rem,6vw,2.5rem);color:#ffb6c1e6;margin-bottom:3rem}.name-input{width:min(240px,75vw);padding:.75rem 1.25rem;font-family:var(--font-body);font-size:1rem;color:#fff;background:#ffffff1a;border:2px solid rgba(255,182,193,.4);border-radius:50px;outline:none;text-align:center;margin-bottom:.5rem;transition:all .3s ease}.name-input::placeholder{color:#ffb6c180}.name-input:focus{border-color:#f472b6cc;background:#ffffff26;box-shadow:0 0 20px #f472b64d}.wrong-message{color:#ff6b6b;font-size:.95rem;margin-bottom:.5rem;font-family:var(--font-body)}.hint-message{color:#ffd700e6;font-size:.9rem;margin-bottom:1rem;font-family:var(--font-body)}.start-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 2rem;font-family:var(--font-body);font-size:.95rem;font-weight:500;color:#fff;background:linear-gradient(135deg,#be7085,#6f2338);border:none;border-radius:50px;cursor:pointer;margin-top:2rem;box-shadow:0 4px 20px #ec489966,0 0 40px #ec489933,inset 0 1px #fff3;transition:all .3s ease}.start-button:hover{box-shadow:0 6px 30px #ec489980,0 0 60px #ec48994d,inset 0 1px #fff3}.start-icon{font-size:1.4em;animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}25%{transform:scale(1.1)}35%{transform:scale(1)}45%{transform:scale(1.1)}55%{transform:scale(1)}}.music-toggle{position:fixed;top:1rem;right:1rem;z-index:1000;width:44px;height:44px;border-radius:50%;border:none;background:linear-gradient(135deg,#fffffff2,#fdf2f8f2);box-shadow:0 4px 15px #ec489933,0 2px 6px #0000001a;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.music-toggle:hover{transform:scale(1.1);box-shadow:0 6px 20px #ec48994d,0 4px 8px #0000001a}.music-toggle:active{transform:scale(.95)}.music-toggle svg{width:22px;height:22px;color:var(--primary-pink)}@supports (padding-top: env(safe-area-inset-top)){.music-toggle{top:calc(1rem + env(safe-area-inset-top));right:calc(1rem + env(safe-area-inset-right))}}.back-button{position:fixed;top:1rem;left:1rem;z-index:1000;width:44px;height:44px;border-radius:50%;border:none;background:linear-gradient(135deg,#fffffff2,#fdf2f8f2);box-shadow:0 4px 15px #ec489933,0 2px 6px #0000001a;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);outline:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.back-button:hover{transform:translate(-2px) scale(1.08);box-shadow:0 6px 20px #ec48994d,0 4px 8px #0000001a}.back-button:active{transform:scale(.95)}.back-button:focus-visible{outline:2px solid var(--pink-500, #9b4359);outline-offset:3px}.back-button svg{width:22px;height:22px;color:var(--pink-500, #9b4359);transition:transform .2s ease}.back-button:hover svg{transform:translate(-1px)}@supports (padding-top: env(safe-area-inset-top)){.back-button{top:calc(1rem + env(safe-area-inset-top));left:calc(1rem + env(safe-area-inset-left))}}