@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Pacifico&display=swap";:root{color:#4a3040;font-synthesis:none;text-rendering:optimizelegibility;--pink:#f48fb1;--pink-dark:#d96c95;--pink-light:#ffe4ef;--cream:#fffaf7;--text:#4a3040;--muted:#947483;--white:#fff;background:#fff7fb;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{min-height:100vh;overflow-x:hidden}button,input{font:inherit}.loading-screen{background:radial-gradient(circle at 15% 20%,#f48fb12e,#0000 28%),radial-gradient(circle at 85% 75%,#ffcddc66,#0000 30%),linear-gradient(135deg,#fff9fc 0%,#fff1f7 100%);justify-content:center;align-items:center;min-height:100vh;padding:32px;display:flex;position:relative;overflow:hidden}.loading-content{z-index:2;text-align:center;width:min(520px,100%);position:relative}.gif-container{background:#ffffffb3;border-radius:50%;justify-content:center;align-items:center;width:280px;height:280px;margin:0 auto 28px;animation:3s ease-in-out infinite gentleFloat;display:flex;box-shadow:0 20px 50px #8246641a,inset 0 0 0 1px #fffc}.stick-figure{object-fit:contain;width:240px;max-width:85%;height:auto}.loading-label{color:var(--muted);letter-spacing:.04em;margin:0 0 8px;font-size:.9rem}.loading-phrase{min-height:42px;color:var(--text);margin:0 0 34px;font-family:Pacifico,cursive;font-size:clamp(1.35rem,4vw,1.8rem);font-weight:400;animation:.5s phraseIn}.progress-wrapper{width:min(400px,100%);margin:0 auto}.progress-track{background:#d96c951f;border-radius:999px;width:100%;height:12px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg,#f7a8c3,#e979a2);height:100%;transition:width 50ms linear;box-shadow:0 3px 12px #e979a24d}.progress-meta{color:var(--muted);justify-content:space-between;gap:20px;margin-top:10px;font-size:.75rem;display:flex}.continue-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f7a8c3,#e979a2);border:0;border-radius:999px;margin-top:28px;padding:13px 28px;font-weight:600;transition:transform .2s,box-shadow .2s;animation:.5s buttonAppear;box-shadow:0 8px 20px #e979a240}.continue-button:hover{transform:translateY(-2px);box-shadow:0 12px 26px #e979a252}.continue-button:active{transform:translateY(0)}.floating-heart{z-index:1;color:#d96c952e;font-size:3rem;animation:5s ease-in-out infinite floatHeart;position:absolute}.heart-one{top:12%;left:12%}.heart-two{animation-delay:1.5s;bottom:18%;right:14%}.heart-three{font-size:2rem;animation-delay:3s;top:30%;right:8%}.placeholder-screen{text-align:center;background:var(--cream);place-items:center;min-height:100vh;padding:24px;display:grid}.placeholder-screen h1{color:var(--text);margin:12px 0;font-family:Pacifico,cursive;font-weight:400}.placeholder-screen p{color:var(--muted)}.placeholder-screen span{color:var(--pink);font-size:3rem}@keyframes gentleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes phraseIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes floatHeart{0%,to{transform:translateY(0)rotate(-8deg)}50%{transform:translateY(-20px)rotate(8deg)}}@keyframes buttonAppear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.loading-screen{padding:20px}.gif-container{width:230px;height:230px}.stick-figure{width:195px}.loading-label{font-size:.82rem}.loading-phrase{min-height:38px;margin-bottom:28px;font-size:1.3rem}.progress-meta{font-size:.68rem}.continue-button{margin-top:24px;padding:12px 25px}.floating-heart{font-size:2.2rem}.heart-one{top:8%;left:7%}.heart-two{bottom:12%;right:7%}.heart-three{font-size:1.5rem;top:25%;right:4%}}.password-screen{background:radial-gradient(circle at 20% 20%,#f48fb133,#0000 30%),radial-gradient(circle at 80% 80%,#ffd3e173,#0000 32%),linear-gradient(135deg,#fff9fc 0%,#fff0f6 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.password-card{z-index:2;text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd1;border:1px solid #ffffffe6;border-radius:30px;width:min(430px,100%);padding:42px 34px;animation:.7s passwordCardAppear;position:relative;box-shadow:0 25px 70px #8246641f,0 4px 15px #8246640a}.password-icon{background:var(--pink-light);border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 22px;font-size:2rem;display:flex;box-shadow:0 8px 25px #e979a224}.password-eyebrow{color:var(--muted);margin:0 0 12px;font-size:.82rem;line-height:1.5}.password-card h1{color:var(--text);margin:0;font-family:Pacifico,cursive;font-size:clamp(1.9rem,7vw,2.5rem);font-weight:400;line-height:1.25}.password-hint{color:var(--pink-dark);background:#f48fb11f;border-radius:999px;margin:24px 0 20px;padding:7px 14px;font-size:.8rem;font-weight:600;display:inline-block}.password-card form{width:100%}.input-wrapper{position:relative}.input-wrapper input{width:100%;color:var(--text);text-align:center;background:#fffafce6;border:2px solid #d96c9524;border-radius:16px;outline:none;padding:15px 18px;transition:border-color .2s,box-shadow .2s,background .2s}.input-wrapper input::placeholder{color:#b99aa9}.input-wrapper input:focus{background:#fff;border-color:#e979a28c;box-shadow:0 0 0 4px #e979a21a}.password-error{color:#c76385;margin:10px 0 0;font-size:.8rem;animation:.3s errorShake}.password-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f7a8c3,#e979a2);border:0;border-radius:999px;width:100%;margin-top:18px;padding:14px 22px;font-weight:600;transition:transform .2s,box-shadow .2s,opacity .2s;box-shadow:0 9px 22px #e979a23d}.password-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 13px 28px #e979a24d}.password-button:active:not(:disabled){transform:translateY(0)}.password-button:disabled{cursor:wait;opacity:.7}.password-footer{color:#b092a0;margin:24px 0 0;font-size:.72rem;font-style:italic}.password-decoration{color:#d96c952e;animation:5s ease-in-out infinite passwordFloat;position:absolute}.decoration-one{font-size:4rem;top:13%;left:12%}.decoration-two{font-size:2rem;animation-delay:1s;top:23%;right:14%}.decoration-three{font-size:3.5rem;animation-delay:2.5s;bottom:15%;right:11%}@keyframes passwordCardAppear{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes passwordFloat{0%,to{transform:translateY(0)rotate(-8deg)}50%{transform:translateY(-15px)rotate(8deg)}}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (width<=600px){.password-screen{padding:18px}.password-card{border-radius:26px;padding:34px 24px}.password-icon{width:62px;height:62px;font-size:1.7rem}.password-eyebrow{font-size:.76rem}.password-hint{margin-top:20px}.decoration-one{font-size:2.5rem;left:5%}.decoration-two{right:5%}.decoration-three{font-size:2.5rem;bottom:8%;right:4%}}.birthday-home{background:radial-gradient(circle at 10% 15%,#f48fb12e,#0000 28%),radial-gradient(circle at 90% 80%,#ffd3e173,#0000 30%),linear-gradient(135deg,#fff9fc 0%,#fff0f6 100%);flex-direction:column;align-items:center;min-height:100vh;padding:70px 24px 40px;display:flex;position:relative;overflow:hidden}.birthday-header{z-index:2;text-align:center;width:min(650px,100%);position:relative}.birthday-eyebrow{color:var(--pink-dark);letter-spacing:.05em;margin:0 0 14px;font-size:.8rem;font-weight:600}.birthday-header h1{color:var(--text);margin:0;font-family:Pacifico,cursive;font-size:clamp(2.4rem,7vw,4rem);font-weight:400;line-height:1.2}.birthday-subtitle{color:var(--muted);margin:18px 0 0;font-size:.95rem}.birthday-cards{z-index:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;width:min(850px,100%);margin-top:55px;display:grid;position:relative}.birthday-card{text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffc7;border:1px solid #ffffffe6;border-radius:30px;min-height:320px;padding:34px 30px;transition:transform .3s,box-shadow .3s;position:relative;box-shadow:0 20px 60px #8246641a,0 3px 12px #8246640a}.birthday-card:hover{transform:translateY(-7px);box-shadow:0 30px 70px #82466424,0 5px 16px #8246640d}.birthday-card:active{transform:translateY(-2px)}.birthday-card-wishes{background:linear-gradient(145deg,#ffffffe6,#fff0f6d9)}.birthday-card-spicy{background:linear-gradient(145deg,#ffffffe6,#ffe8edd9)}.card-icon{background:var(--pink-light);border-radius:22px;justify-content:center;align-items:center;width:68px;height:68px;margin-bottom:30px;font-size:2rem;display:flex;box-shadow:0 8px 25px #e979a21f}.card-content{max-width:85%}.card-label{color:var(--pink-dark);letter-spacing:.04em;margin:0 0 8px;font-size:.75rem;font-weight:600}.card-content h2{color:var(--text);margin:0 0 12px;font-family:Pacifico,cursive;font-size:1.8rem;font-weight:400}.card-content p:last-child{color:var(--muted);margin:0;font-size:.88rem;line-height:1.6}.card-arrow{width:40px;height:40px;color:var(--pink-dark);background:#f48fb11f;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;transition:transform .3s,background .3s;display:flex;position:absolute;bottom:25px;right:28px}.birthday-card:hover .card-arrow{background:#f48fb133;transform:translate(4px)}.locked-badge{background:#f48fb11a;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:1rem;display:flex;position:absolute;top:24px;right:24px}.home-footer{z-index:2;color:#b092a0;margin:38px 0 0;font-size:.72rem;font-style:italic;position:relative}.home-decoration{z-index:1;color:#d96c9529;animation:5s ease-in-out infinite passwordFloat;position:absolute}.home-decoration-one{font-size:4rem;top:12%;left:8%}.home-decoration-two{font-size:2rem;animation-delay:1.5s;top:20%;right:10%}.home-decoration-three{font-size:4rem;animation-delay:3s;bottom:12%;right:8%}@media (width<=700px){.birthday-home{padding:55px 18px 35px}.birthday-header h1{font-size:2.5rem}.birthday-subtitle{font-size:.85rem}.birthday-cards{grid-template-columns:1fr;gap:18px;margin-top:40px}.birthday-card{min-height:280px;padding:28px 25px}.card-icon{border-radius:19px;width:60px;height:60px;margin-bottom:25px}.card-content h2{font-size:1.6rem}.home-decoration-one{font-size:2.5rem;left:3%}.home-decoration-two{font-size:1.5rem;right:4%}.home-decoration-three{font-size:2.5rem;right:3%}}.spicy-auth-screen{background:radial-gradient(circle at 15% 15%,#ff788229,#0000 28%),radial-gradient(circle at 85% 80%,#f48fb133,#0000 32%),linear-gradient(135deg,#fff9fa 0%,#fff0f3 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.spicy-auth-card{z-index:2;text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd6;border:1px solid #ffffffe6;border-radius:32px;width:min(560px,100%);padding:42px 36px;animation:.7s spicyCardAppear;position:relative;box-shadow:0 25px 70px #7832411f,0 4px 15px #7832410a}.spicy-icon{background:linear-gradient(135deg,#fff0f2,#ffe0e6);border-radius:24px;justify-content:center;align-items:center;width:74px;height:74px;margin:0 auto 20px;font-size:2.1rem;display:flex;box-shadow:0 10px 30px #e6647824}.spicy-eyebrow{color:var(--pink-dark);letter-spacing:.03em;margin:0 0 10px;font-size:.8rem;font-weight:600}.spicy-auth-card h1{color:var(--text);margin:0;font-family:Pacifico,cursive;font-size:clamp(2rem,6vw,2.7rem);font-weight:400}.spicy-description{color:var(--muted);margin:12px 0 30px;font-size:.88rem}.spicy-form{flex-direction:column;gap:20px;display:flex}.phrase-group{background:#fff4f7b3;border:1px solid #f48fb11a;border-radius:20px;padding:17px 18px}.phrase-label{color:var(--text);margin:0 0 12px;font-size:.82rem;font-weight:600}.phrase-placeholder{color:var(--muted);justify-content:center;align-items:center;gap:10px;font-size:.9rem;display:flex}.phrase-placeholder span:nth-child(2){color:#c5a6b4}.answer-row{align-items:center;gap:10px;display:flex}.answer-row span{color:var(--muted);flex-shrink:0;font-size:.85rem}.answer-row input{width:100%;min-width:0;color:var(--text);text-align:center;background:#ffffffd9;border:2px solid #d96c9521;border-radius:14px;outline:none;padding:13px 14px;transition:border-color .2s,box-shadow .2s}.answer-row input:focus{border-color:#e979a280;box-shadow:0 0 0 4px #e979a214}.answer-row input::placeholder{color:#c7aab7}.spicy-error{color:#c76385;margin:-5px 0 0;font-size:.8rem;animation:.3s errorShake}.spicy-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f58fa8,#df6687);border:0;border-radius:999px;width:100%;margin-top:4px;padding:15px 22px;font-weight:600;transition:transform .2s,box-shadow .2s,opacity .2s;box-shadow:0 10px 25px #dc648240}.spicy-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 30px #dc648252}.spicy-button:active:not(:disabled){transform:translateY(0)}.spicy-button:disabled{opacity:.7;cursor:wait}.back-button{color:#aa8a99;cursor:pointer;background:0 0;border:0;margin-top:20px;padding:6px 12px;font-size:.75rem;transition:color .2s}.back-button:hover{color:var(--pink-dark)}.spicy-decoration{z-index:1;color:#d96c952b;animation:5s ease-in-out infinite passwordFloat;position:absolute}.spicy-decoration-one{font-size:4rem;top:12%;left:8%}.spicy-decoration-two{font-size:2.5rem;animation-delay:1.5s;top:23%;right:9%}.spicy-decoration-three{font-size:3rem;animation-delay:3s;bottom:12%;right:12%}@keyframes spicyCardAppear{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=600px){.spicy-auth-screen{padding:18px}.spicy-auth-card{border-radius:27px;padding:34px 22px}.spicy-icon{border-radius:20px;width:64px;height:64px;font-size:1.8rem}.phrase-group{padding:15px 12px}.answer-row{gap:7px}.answer-row input{padding:12px 8px;font-size:.85rem}.spicy-decoration-one{font-size:2.5rem;left:3%}.spicy-decoration-two{font-size:1.8rem;right:3%}.spicy-decoration-three{font-size:2.5rem;right:3%}}.sequence-screen{background:radial-gradient(circle at 15% 20%,#f48fb133,#0000 30%),radial-gradient(circle at 85% 75%,#ffd3e173,#0000 32%),linear-gradient(135deg,#fff9fc 0%,#fff0f6 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.sequence-card{z-index:2;text-align:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffdb;border:1px solid #fffffff2;border-radius:34px;width:min(600px,100%);padding:48px 36px;position:relative;box-shadow:0 25px 70px #8246641f,0 4px 15px #8246640a}.sequence-enter{animation:.35s sequenceEnter}.sequence-exit{animation:.25s forwards sequenceExit}.sequence-heart{background:linear-gradient(135deg,#ffe7f0,#fff1f6);border-radius:26px;justify-content:center;align-items:center;width:76px;height:76px;margin:0 auto 18px;font-size:2.2rem;display:flex;box-shadow:0 10px 30px #e979a21f}.sequence-counter{color:var(--pink-dark);letter-spacing:.05em;margin:0 0 20px;font-size:.75rem;font-weight:600}.sequence-card h1{min-height:100px;color:var(--text);justify-content:center;align-items:center;margin:0;font-family:Pacifico,cursive;font-size:clamp(2rem,6vw,3rem);font-weight:400;line-height:1.3;display:flex}.sequence-divider{width:min(220px,70%);color:var(--pink);justify-content:center;align-items:center;gap:12px;margin:28px auto 30px;display:flex}.sequence-divider span:first-child,.sequence-divider span:last-child{background:linear-gradient(90deg,#0000,#f48fb159);width:100%;height:1px}.sequence-divider span:last-child{background:linear-gradient(90deg,#f48fb159,#0000)}.sequence-next{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f7a8c3,#e979a2);border:0;border-radius:999px;min-width:170px;padding:14px 26px;font-weight:600;transition:transform .2s,box-shadow .2s;box-shadow:0 9px 23px #e979a240}.sequence-next:hover{transform:translateY(-2px);box-shadow:0 13px 28px #e979a24d}.sequence-next:active{transform:translateY(0)}.sequence-back{color:#ad8d9c;cursor:pointer;background:0 0;border:0;margin:18px auto 0;padding:5px 10px;font-size:.73rem;transition:color .2s;display:block}.sequence-back:hover{color:var(--pink-dark)}.sequence-decoration{z-index:1;color:#d96c9529;animation:5s ease-in-out infinite passwordFloat;position:absolute}.sequence-decoration-one{font-size:4rem;top:12%;left:10%}.sequence-decoration-two{font-size:2rem;animation-delay:1.5s;top:20%;right:11%}.sequence-decoration-three{font-size:3.5rem;animation-delay:3s;bottom:12%;right:8%}.progress-screen{background:radial-gradient(circle at 50% 30%,#f48fb133,#0000 35%),linear-gradient(135deg,#fff9fc 0%,#fff0f6 100%)}.progress-card{text-align:center}.progress-emoji{margin-bottom:12px;font-size:3.2rem;animation:1.5s ease-in-out infinite rocketFloat}.sequence-card .progress-emoji+.sequence-eyebrow{margin-top:0}.sequence-eyebrow{color:var(--pink-dark);letter-spacing:.04em;margin:0 0 10px;font-size:.8rem;font-weight:600}.sequence-card h1{color:var(--text)}.progress-joke{color:var(--muted);margin:12px 0 32px;font-size:.85rem;line-height:1.5}.crazy-progress{width:min(420px,100%);margin:0 auto}.crazy-progress-track{background:#d96c951f;border-radius:999px;width:100%;height:14px;overflow:hidden}.crazy-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#f7a8c3,#e979a2);height:100%;transition:width 50ms linear;box-shadow:0 3px 12px #e979a24d}.crazy-progress-meta{color:var(--muted);justify-content:space-between;align-items:center;margin-top:11px;font-size:.73rem;display:flex}.crazy-progress-meta strong{color:var(--pink-dark);font-size:.9rem}.over-one-hundred,.over-two-hundred{color:var(--pink-dark);margin:22px 0 0;font-size:.8rem;font-style:italic;animation:.4s phraseIn}.over-two-hundred{margin-top:8px;font-weight:600}@keyframes sequenceEnter{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes sequenceExit{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-10px)scale(.98)}}@keyframes rocketFloat{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-8px)rotate(3deg)}}@media (width<=600px){.sequence-screen{padding:18px}.sequence-card{border-radius:28px;padding:38px 22px}.sequence-heart{border-radius:22px;width:66px;height:66px;font-size:1.9rem}.sequence-card h1{min-height:120px;font-size:2rem}.sequence-next{width:100%}.sequence-decoration-one{font-size:2.5rem;left:3%}.sequence-decoration-two{font-size:1.5rem;right:3%}.sequence-decoration-three{font-size:2.5rem;right:3%}}.letter-card{cursor:pointer;perspective:1000px;background:0 0;border:0;border-radius:8px;width:min(340px,100%);min-height:390px;margin:30px auto 0;padding:0;transition:transform .25s;display:block;position:relative}.letter-card-shadow{filter:blur(8px);background:#a05b7829;border-radius:8px;transition:transform .25s,opacity .25s;position:absolute;inset:10px -5px -8px 5px;transform:rotate(2deg)}.letter-card-content{z-index:2;background:linear-gradient(135deg,#fffdf9 0%,#fff7f9 100%);border:1px solid #c496a62e;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;min-height:390px;padding:40px 30px;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;transform:rotate(-1.5deg);box-shadow:0 15px 35px #78415a1f}.letter-card-content:before{content:"";pointer-events:none;opacity:.7;background:repeating-linear-gradient(#0000 0 31px,#d96c9512 32px);position:absolute;inset:0}.letter-card-content:after{content:"";background:#f48fb114;border-radius:50%;width:180px;height:180px;position:absolute;top:-90px;right:-90px}.letter-card:hover .letter-card-shadow{opacity:.8;transform:rotate(2deg)translateY(5px)}.letter-card-heart{z-index:1;color:#dc6b8e;background:linear-gradient(135deg,#ffe3ed,#fff0f5);border-radius:20px;justify-content:center;align-items:center;width:62px;height:62px;margin-bottom:20px;font-size:1.8rem;display:flex;position:relative;box-shadow:0 8px 20px #e979a21f}.letter-card-small{z-index:1;color:#ad8d9c;letter-spacing:.05em;margin:0 0 4px;font-size:.72rem;position:relative}.letter-card h2{z-index:1;color:#59434e;margin:0;font-family:Pacifico,cursive;font-size:2.4rem;font-weight:400;position:relative}.letter-card-from{z-index:1;color:#9f7b8b;margin:3px 0 20px;font-family:Caveat,cursive;font-size:1.35rem;position:relative}.letter-card-divider{z-index:1;color:#df7b9a;justify-content:center;align-items:center;gap:10px;width:150px;margin-bottom:22px;font-size:.7rem;display:flex;position:relative}.letter-card-divider span:first-child,.letter-card-divider span:last-child{background:linear-gradient(90deg,#0000,#d96c9559);flex:1;height:1px}.letter-card-open{z-index:1;color:#c36c8b;background:#f48fb11a;border-radius:999px;padding:8px 15px;font-size:.7rem;transition:background .2s,transform .2s;position:relative}.letter-card:hover .letter-card-open{background:#f48fb12b;transform:translateY(-1px)}@media (width<=600px){.letter-card{width:min(300px,100%);min-height:350px}.letter-card-content{min-height:350px;padding:30px 24px}.letter-card h2{font-size:2.1rem}}.letter-screen{box-sizing:border-box;background:radial-gradient(circle at 15% 20%,#f48fb129,#0000 30%),radial-gradient(circle at 85% 80%,#ffd3e166,#0000 32%),linear-gradient(135deg,#fffafc 0%,#fff1f6 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:40px 20px;display:flex;position:relative;overflow-x:hidden}.letter-intro{z-index:2;box-sizing:border-box;text-align:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffe0;border:1px solid #fffffff2;border-radius:34px;flex-direction:column;align-items:center;width:min(560px,100%);padding:45px 24px 30px;animation:.6s letterAppear;display:flex;position:relative;box-shadow:0 25px 70px #8246641f,0 4px 15px #8246640a}.letter-eyebrow{width:100%;color:var(--pink-dark);text-align:center;margin:0 0 10px;font-size:.8rem;font-weight:600;line-height:1.5}.letter-intro h1{box-sizing:border-box;width:100%;color:var(--text);text-align:center;overflow-wrap:break-word;margin:0;padding:0 8px;font-family:Pacifico,cursive;font-size:clamp(2rem,6vw,3.2rem);font-weight:400;line-height:1.25}.letter-intro-text{box-sizing:border-box;width:100%;color:var(--muted);text-align:center;margin:18px 0 5px;padding:0 8px;font-size:.9rem;line-height:1.7}.letter-card{appearance:none;cursor:pointer;text-align:center;background:0 0;border:none;border-radius:12px;outline:none;flex-shrink:0;width:min(340px,100%);height:390px;margin:25px auto 0;padding:0;font-family:inherit;transition:transform .25s;display:block;position:relative;transform:translateY(0)}.letter-card-shadow{z-index:0;filter:blur(8px);pointer-events:none;background:#78415a29;border-radius:12px;position:absolute;inset:12px -5px -10px 5px;transform:rotate(2deg)}.letter-card-content{z-index:1;box-sizing:border-box;background:linear-gradient(145deg,#fffefa 0%,#fff8fa 100%);border:1px solid #c496a640;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:40px 30px;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;transform:rotate(-1.5deg);box-shadow:0 16px 35px #78415a21}.letter-card-content:before{content:"";z-index:0;pointer-events:none;background:repeating-linear-gradient(#0000 0 31px,#d96c9511 32px);position:absolute;inset:0}.letter-card-content:after{content:"";z-index:0;pointer-events:none;background:#f48fb114;border-radius:50%;width:190px;height:190px;position:absolute;top:-100px;right:-100px}.letter-card:hover{transform:translateY(-6px)}.letter-card:hover .letter-card-content{transform:rotate(0)scale(1.015);box-shadow:0 24px 48px #78415a2b}.letter-card:active{transform:translateY(-1px)}.letter-card:active .letter-card-content{transform:rotate(0)scale(.985)}.letter-card-heart,.letter-card-small,.letter-card h2,.letter-card-from,.letter-card-divider,.letter-card-open{z-index:2;position:relative}.letter-card-heart{color:#dc6b8e;background:linear-gradient(135deg,#ffe3ed,#fff0f5);border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:20px;font-size:1.8rem;display:flex;box-shadow:0 8px 20px #e979a21f}.letter-card-small{color:#ad8d9c;margin:0 0 5px;font-size:.72rem;line-height:1.4}.letter-card h2{color:#59434e;margin:0;font-family:Pacifico,cursive;font-size:2.4rem;font-weight:400;line-height:1.2}.letter-card-from{color:#9f7b8b;margin:5px 0 22px;font-family:Caveat,cursive;font-size:1.35rem;line-height:1.2}.letter-card-divider{color:#df7b9a;justify-content:center;align-items:center;gap:10px;width:150px;margin-bottom:24px;font-size:.7rem;display:flex}.letter-card-divider span:first-child,.letter-card-divider span:last-child{flex:1;min-width:25px;height:1px}.letter-card-divider span:first-child{background:linear-gradient(90deg,#0000,#d96c9566)}.letter-card-divider span:last-child{background:linear-gradient(90deg,#d96c9566,#0000)}.letter-card-open{color:#c36c8b;background:#f48fb11a;border-radius:999px;padding:8px 16px;font-size:.7rem;line-height:1.2;display:inline-block}.letter-back-button{color:#ad8d9c;cursor:pointer;text-align:center;background:0 0;border:none;flex-shrink:0;margin:22px auto 0;padding:8px 14px;font-family:inherit;font-size:.75rem;line-height:1.4;transition:color .2s,transform .2s;display:block}.letter-back-button:hover{color:var(--pink-dark);transform:translateY(-1px)}.letter-paper{z-index:2;box-sizing:border-box;background:linear-gradient(#fffffff5,#fffbfdf5);border-radius:8px;width:min(680px,100%);max-height:88vh;padding:42px 48px 30px;animation:.7s letterPaperAppear;position:relative;overflow-y:auto;box-shadow:0 30px 80px #78415a29,0 3px 10px #78415a0d}.letter-paper-top{z-index:1;color:var(--pink-dark);text-align:center;border-bottom:1px solid #d96c9526;justify-content:space-between;align-items:center;margin-bottom:35px;padding-bottom:18px;font-size:.75rem;font-weight:600;display:flex;position:relative}.letter-body{z-index:1;color:#67515d;font-family:Caveat,cursive;font-size:1.35rem;line-height:1.75;position:relative}.letter-body p{margin:0 0 24px}.letter-body p:first-child{font-size:1.55rem}.letter-signoff{text-align:right;margin-top:40px!important}.letter-signoff span{font-size:1.6rem}.letter-paper-bottom{z-index:1;color:#b89ba9;text-align:center;border-top:1px solid #d96c951f;margin-top:30px;padding-top:18px;font-size:.7rem;position:relative}.letter-decoration{z-index:1;color:#d96c9526;pointer-events:none;position:absolute}.letter-decoration-one{font-size:4rem;top:12%;left:6%}.letter-decoration-two{font-size:2rem;top:20%;right:7%}.letter-decoration-three{font-size:3.5rem;bottom:10%;right:7%}@keyframes letterAppear{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes letterPaperAppear{0%{opacity:0;transform:translateY(25px)rotate(-1deg)scale(.98)}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}@media (width<=600px){.letter-screen{align-items:flex-start;min-height:100vh;padding:25px 14px 35px}.letter-intro{border-radius:28px;width:100%;padding:35px 14px 25px}.letter-intro h1{padding:0;font-size:2rem}.letter-intro-text{padding:0;font-size:.85rem}.letter-card{width:min(300px,100%);height:350px;margin-top:22px}.letter-card-content{min-height:350px;padding:30px 24px}.letter-card h2{font-size:2.1rem}.letter-back-button{margin-top:18px}.letter-paper{width:100%;max-height:none;padding:30px 22px 24px}.letter-paper-top{margin-bottom:25px;font-size:.7rem}.letter-body{font-size:1.2rem}.letter-body p:first-child{font-size:1.4rem}.letter-decoration-one{font-size:2.5rem;left:2%}.letter-decoration-two{font-size:1.5rem;right:2%}.letter-decoration-three{font-size:2.5rem;right:2%}}.birthday-wishes-screen{justify-content:center;align-items:center;min-height:100dvh;padding:40px 20px;display:flex;position:relative;overflow:hidden}.birthday-decoration{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;opacity:.35;font-size:2rem;animation:4s ease-in-out infinite birthday-float;position:fixed}.birthday-decoration-one{top:12%;left:8%}.birthday-decoration-two{animation-delay:1s;top:22%;right:10%}.birthday-decoration-three{animation-delay:2s;bottom:15%;left:12%}@keyframes birthday-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(5deg)}}.birthday-intro{z-index:2;text-align:center;flex-direction:column;align-items:center;width:min(100%,600px);display:flex;position:relative}.birthday-eyebrow{letter-spacing:.12em;text-transform:uppercase;opacity:.65;margin:0 0 10px;font-size:.85rem}.birthday-intro h1{margin:0;font-family:Playfair Display,serif;font-size:clamp(2rem,6vw,3.2rem);line-height:1.1}.birthday-intro-text{opacity:.75;margin:18px 0 28px;line-height:1.8}.birthday-open-card{cursor:pointer;background:0 0;border:none;width:min(100%,390px);min-height:440px;padding:0;font-family:inherit;transition:transform .3s,filter .3s;position:relative;transform:rotate(-1deg)}.birthday-open-card:hover{transform:rotate(0)translateY(-8px)}.birthday-open-card:active{transform:rotate(0)translateY(-2px)scale(.98)}.birthday-card-shadow{filter:blur(12px);background:#0000001f;border-radius:24px;position:absolute;inset:14px -8px -10px 12px}.birthday-open-card-content{text-align:center;background:linear-gradient(145deg,#fffffffa,#fff5faf5);border:1px solid #ffffffe6;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;min-height:440px;padding:50px 35px;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px #502d4629,inset 0 1px #ffffffe6}.birthday-open-card-content:before{content:"♡";opacity:.25;font-size:1.5rem;position:absolute;top:20px;left:25px}.birthday-open-card-content:after{content:"✦";opacity:.25;font-size:1.4rem;position:absolute;bottom:22px;right:28px}.birthday-open-card-icon{margin-bottom:18px;font-size:4rem;animation:2.5s ease-in-out infinite birthday-cake-bounce}@keyframes birthday-cake-bounce{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-7px)rotate(3deg)}}.birthday-open-card-small{letter-spacing:.12em;text-transform:uppercase;opacity:.55;margin:0 0 8px;font-size:.8rem}.birthday-open-card-content h2{margin:0;font-family:Playfair Display,serif;font-size:2.2rem}.birthday-open-card-from{opacity:.65;margin:10px 0 25px;font-style:italic}.birthday-card-divider{opacity:.45;align-items:center;gap:12px;width:80%;margin-bottom:28px;display:flex}.birthday-card-divider span:first-child,.birthday-card-divider span:last-child{background:currentColor;flex:1;height:1px}.birthday-card-open{letter-spacing:.08em;text-transform:uppercase;opacity:.6;font-size:.85rem}.birthday-back-button{font:inherit;cursor:pointer;opacity:.65;background:0 0;border:none;margin-top:25px;transition:opacity .2s,transform .2s}.birthday-back-button:hover{opacity:1;transform:translate(-3px)}.birthday-paper{z-index:2;background:linear-gradient(135deg,#fffffffa,#fff8fbfa);border-radius:22px;width:min(100%,720px);margin:20px auto;padding:34px 26px 28px;animation:.6s both birthday-paper-enter;position:relative;box-shadow:0 25px 70px #46283c26,0 4px 15px #46283c14}@keyframes birthday-paper-enter{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.birthday-paper-top{letter-spacing:.08em;text-transform:uppercase;opacity:.6;border-bottom:1px solid #00000014;grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;padding-bottom:20px;font-size:.85rem;display:grid}.birthday-paper-top span:first-child{text-align:left}.birthday-paper-top span:nth-child(2){text-align:center}.birthday-paper-top span:last-child{text-align:right}.birthday-paper-content{text-align:center;padding:35px 15px 25px}.birthday-paper-eyebrow{margin:0 0 22px;font-family:Playfair Display,serif;font-size:clamp(1.8rem,5vw,2.7rem);line-height:1.2}.birthday-message{max-width:580px;margin:0 auto;font-size:1.05rem;line-height:1.9}.birthday-message p{margin:0}.birthday-poem{background:#fff5f9bf;border:1px solid #0000000d;border-radius:18px;max-width:600px;margin:42px auto 35px;padding:30px 25px}.birthday-poem-heading{justify-content:center;align-items:center;gap:14px;margin-bottom:25px;display:flex}.birthday-poem-heading span{opacity:.45}.birthday-poem-heading h2{margin:0;font-family:Playfair Display,serif;font-size:1.5rem}.birthday-poem-lines{flex-direction:column;gap:8px;display:flex}.birthday-poem-line{margin:0;font-family:Playfair Display,serif;font-size:1.05rem;font-style:italic;line-height:1.8}.birthday-final-note{opacity:.75;max-width:500px;margin:30px auto 0;font-family:Playfair Display,serif;font-style:italic;line-height:1.8}.birthday-paper-bottom{text-align:center;letter-spacing:.08em;opacity:.45;border-top:1px solid #00000014;padding-top:20px;font-size:.75rem}