:root{--cream: #FDF6F0;--blush: #F2B8C6;--blush-light: #FAE0E8;--dusty-rose: #D4849A;--rose-deep: #B5687C;--lavender: #C9A7D4;--lavender-lt: #EDE0F5;--gold: #C9963A;--text-main: #5A3040;--text-soft: #8C5A6A;--text-muted: #B38A9A;--white: #FFFFFF;--shadow-soft: rgba(180,100,120,.12);--shadow-med: rgba(180,100,120,.22);--ff-display: "Playfair Display", Georgia, serif;--ff-body: "Quicksand", system-ui, sans-serif;--ff-script: "Caveat", cursive;--radius-sm: 10px;--radius-md: 20px;--radius-lg: 32px;--radius-pill: 999px;--transition: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--ff-body);background-color:var(--cream);color:var(--text-main);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}button{cursor:pointer;border:none;background:none;font-family:inherit}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--blush-light)}::-webkit-scrollbar-thumb{background:var(--dusty-rose);border-radius:99px}.hearts-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.heart-particle{position:absolute;bottom:-60px;font-size:1.2rem;opacity:0;animation:floatUp linear infinite;-webkit-user-select:none;user-select:none}@keyframes floatUp{0%{transform:translateY(0) translate(0) rotate(-10deg) scale(.8);opacity:0}10%{opacity:.6}50%{transform:translateY(-55vh) translate(var(--drift, 0px)) rotate(5deg) scale(1)}90%{opacity:.2}to{transform:translateY(-110vh) translate(calc(var(--drift, 0px) * 1.4)) rotate(15deg) scale(1.1);opacity:0}}.fade-in{opacity:0;animation:fadeIn 1.2s ease forwards}.fade-in-up{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.fade-in-up.visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.15s}.delay-2{transition-delay:.3s}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero{position:relative;min-height:100svh;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem 1.5rem 5rem;background:linear-gradient(160deg,#fff0f4,#fce8f0,#f5e0f8 70%,#fdf0e0);z-index:1}.hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(to bottom,transparent,var(--cream));pointer-events:none}.hero-inner{position:relative;z-index:2;max-width:560px;animation:fadeIn 1.2s ease .2s both}.hero-eyebrow{font-family:var(--ff-script);font-size:clamp(1.1rem,4vw,1.4rem);color:var(--dusty-rose);letter-spacing:.04em;margin-bottom:.4rem}.hero-name{font-family:var(--ff-display);font-size:clamp(3rem,12vw,6rem);font-weight:700;color:var(--rose-deep);line-height:1.1;letter-spacing:-.02em;text-shadow:0 4px 24px rgba(180,80,100,.15);margin-bottom:1.2rem}.hero-tagline{font-size:clamp(1rem,3.5vw,1.15rem);color:var(--text-soft);font-weight:400;line-height:1.75;margin-bottom:3rem}.scroll-cue{display:inline-flex;flex-direction:column;align-items:center;gap:6px;color:var(--dusty-rose);opacity:.7;transition:opacity var(--transition);animation:gentleBounce 2.4s ease-in-out infinite}.scroll-cue:hover{opacity:1}.scroll-cue-text{font-family:var(--ff-script);font-size:1rem;letter-spacing:.06em}.scroll-arrow{font-size:1.3rem}@keyframes gentleBounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.section{position:relative;z-index:1;padding:5rem 1.5rem}.section-inner{max-width:680px;margin:0 auto;text-align:center}.section-title{font-family:var(--ff-display);font-size:clamp(1.7rem,6vw,2.4rem);font-weight:600;color:var(--rose-deep);margin-bottom:.75rem;letter-spacing:-.01em}.section-subtitle{font-size:clamp(.95rem,3vw,1.05rem);color:var(--text-soft);margin-bottom:2.5rem;line-height:1.7}.letter-section{background:linear-gradient(180deg,var(--cream) 0%,#fff5f8 100%)}.letter-card{background:var(--white);border-radius:var(--radius-lg);padding:clamp(2rem,6vw,3.5rem) clamp(1.5rem,5vw,3rem);box-shadow:0 2px 8px var(--shadow-soft),0 12px 40px var(--shadow-med),inset 0 1px #ffffffe6;text-align:left;position:relative;border-top:3px solid var(--blush)}.letter-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-lg);background-image:repeating-linear-gradient(transparent,transparent calc(1.7rem * 1.7 - 1px),rgba(242,184,198,.12) calc(1.7rem * 1.7 - 1px),rgba(242,184,198,.12) calc(1.7rem * 1.7));pointer-events:none;z-index:0}.letter-deco{display:block;text-align:center;font-size:1.6rem;color:var(--blush);margin-bottom:1.5rem;position:relative;z-index:1}.letter-deco.bottom{margin-bottom:0;margin-top:1.5rem}.letter-body{position:relative;z-index:1}.letter-body p{font-size:clamp(.95rem,3vw,1.05rem);color:var(--text-main);margin-bottom:1.2rem;line-height:1.85}.letter-body p:first-child{font-family:var(--ff-display);font-style:italic;font-size:clamp(1.05rem,3.5vw,1.2rem);color:var(--rose-deep)}.letter-signature{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-end;gap:2px;margin-top:1.8rem;padding-top:1.2rem;border-top:1px solid var(--blush-light)}.signature-label{font-family:var(--ff-script);font-size:1rem;color:var(--text-muted)}.signature-name{font-family:var(--ff-script);font-size:clamp(1.8rem,7vw,2.4rem);font-weight:600;color:var(--rose-deep);line-height:1}.bubble-section{background:linear-gradient(180deg,#fff5f8 0%,var(--lavender-lt) 100%)}.bubble-wrap-container{position:relative;display:inline-block}.bubble-grid{display:grid;gap:5px;justify-content:center;margin:0 auto}.bubble{width:36px;height:36px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#f8d0dc 45%,#e8a0b4);box-shadow:inset 0 -3px 6px #a03c5033,inset 0 2px 4px #ffffffb3,0 3px 8px #b4647833;cursor:pointer;position:relative;outline:none;transition:transform .1s ease,box-shadow .2s ease;border:none}.bubble:after{content:"";position:absolute;top:22%;left:22%;width:30%;height:20%;background:#ffffffbf;border-radius:50%;transform:rotate(-30deg);pointer-events:none}.bubble:hover:not(.popped){transform:scale(1.08);box-shadow:inset 0 -3px 6px #a03c5040,inset 0 2px 4px #fffc,0 4px 14px #b464784d}.bubble:active:not(.popped){transform:scale(.88)}.bubble.popped{background:#e8a0b42e;box-shadow:inset 0 1px 4px #b4647826;cursor:default;transform:scale(.92)}.bubble.popped:after{display:none}.bubble.popping{animation:popAnim .25s ease forwards}@keyframes popAnim{0%{transform:scale(1.15)}40%{transform:scale(.7)}70%{transform:scale(.95)}to{transform:scale(.92)}}.bubble-spacer{border-radius:50%;visibility:hidden}.bubble-reveal{display:none;margin-top:2rem;padding:1.2rem 1.8rem;background:linear-gradient(135deg,var(--blush-light),var(--lavender-lt));border-radius:var(--radius-pill);border:1.5px solid var(--blush)}.bubble-reveal.show{display:block;animation:revealFade .8s ease forwards}.bubble-reveal span{font-family:var(--ff-script);font-size:clamp(1.1rem,4vw,1.5rem);color:var(--rose-deep)}@keyframes revealFade{0%{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.feelings-section{background:linear-gradient(180deg,var(--lavender-lt) 0%,#fff0f4 100%)}.feelings-buttons{display:flex;gap:1.2rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.8rem}.feel-btn{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1.4rem 2.2rem;border-radius:var(--radius-md);font-family:var(--ff-body);font-weight:600;font-size:1rem;letter-spacing:.02em;min-width:140px;transition:transform var(--transition),box-shadow var(--transition)}.feel-btn:hover{transform:translateY(-4px) scale(1.04)}.feel-btn:active{transform:translateY(-1px) scale(.98)}.feel-btn-icon{font-size:2rem;line-height:1}.feel-btn-label{color:var(--white)}.love-btn{background:linear-gradient(135deg,#e87fa0,#c95f80);box-shadow:0 4px 16px #c8506e4d}.hate-btn{background:linear-gradient(135deg,#9b8ab4,#7a659e);box-shadow:0 4px 16px #785a9640}.feelings-response{min-height:60px;display:flex;align-items:center;justify-content:center}.response-msg{padding:1rem 1.5rem;border-radius:var(--radius-md);font-size:clamp(.95rem,3vw,1.05rem);line-height:1.6;animation:fadeIn .5s ease forwards;max-width:420px}.response-msg.love-response{background:linear-gradient(135deg,#fce0e8,#fff5f8);color:var(--rose-deep);border:1.5px solid var(--blush)}.response-msg.hate-response{background:linear-gradient(135deg,var(--lavender-lt),#f5f0fd);color:#6a4e8a;border:1.5px solid var(--lavender)}.notes-section{background:linear-gradient(180deg,#fff0f4 0%,var(--cream) 100%)}.notes-card{background:var(--white);border-radius:var(--radius-lg);padding:1.8rem;box-shadow:0 2px 8px var(--shadow-soft),0 12px 36px var(--shadow-med);text-align:left;border-top:3px solid var(--lavender)}.note-textarea{width:100%;font-family:var(--ff-body);font-size:1rem;color:var(--text-main);background:var(--cream);border:1.5px solid var(--blush-light);border-radius:var(--radius-sm);padding:1rem 1.2rem;resize:vertical;min-height:140px;transition:border-color var(--transition),box-shadow var(--transition);line-height:1.7;outline:none}.note-textarea:focus{border-color:var(--dusty-rose);box-shadow:0 0 0 3px #d4849a26}.note-textarea::placeholder{color:var(--text-muted);font-style:italic}.note-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;gap:1rem;flex-wrap:wrap}.note-char-count{font-size:.8rem;color:var(--text-muted)}.send-btn{display:inline-flex;align-items:center;gap:.4rem;background:linear-gradient(135deg,var(--dusty-rose),var(--rose-deep));color:var(--white);font-family:var(--ff-body);font-weight:600;font-size:.95rem;padding:.7rem 1.5rem;border-radius:var(--radius-pill);box-shadow:0 4px 14px #b464784d;transition:transform var(--transition),box-shadow var(--transition),filter var(--transition);white-space:nowrap}.send-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #b4647866;filter:brightness(1.06)}.send-btn:active{transform:translateY(0)}.send-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.note-response{min-height:40px;margin-top:.8rem}.note-response-msg{padding:.8rem 1.1rem;border-radius:var(--radius-sm);font-size:.95rem;background:linear-gradient(135deg,#fce0e8,#fff5f8);color:var(--rose-deep);border:1.5px solid var(--blush);animation:fadeIn .5s ease forwards}.doll-section{background:linear-gradient(180deg,var(--cream) 0%,#fff5f8 100%)}.doll-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:1.2rem;padding:2rem 1.5rem 2.5rem;background:var(--white);border-radius:var(--radius-lg);box-shadow:0 2px 8px var(--shadow-soft),0 12px 36px var(--shadow-med);max-width:320px;margin:0 auto;border-top:3px solid var(--dusty-rose);-webkit-user-select:none;user-select:none}.doll-reaction{position:absolute;top:-1rem;left:50%;transform:translate(-50%) scale(.7);background:var(--white);color:var(--rose-deep);font-family:var(--ff-script);font-size:1.3rem;font-weight:600;padding:.5rem 1.1rem;border-radius:var(--radius-pill);border:2px solid var(--blush);box-shadow:0 4px 14px var(--shadow-soft);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s ease,transform .2s ease;z-index:10}.doll-reaction.show{opacity:1;transform:translate(-50%) scale(1) translateY(-.5rem)}.doll-btn{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:0;padding:.5rem;border-radius:var(--radius-md);transition:filter .15s;outline:none;-webkit-tap-highlight-color:transparent}.doll-btn:active{filter:brightness(.9)}@keyframes dollShake{0%{transform:rotate(0) translate(0)}15%{transform:rotate(-12deg) translate(-8px)}30%{transform:rotate(10deg) translate(8px)}45%{transform:rotate(-8deg) translate(-5px)}60%{transform:rotate(6deg) translate(5px)}75%{transform:rotate(-3deg) translate(-2px)}to{transform:rotate(0) translate(0)}}.doll-shake{animation:dollShake .45s ease}.doll-head{position:relative;width:72px;height:72px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#ffe8d6,#f5c09a);box-shadow:0 4px 12px #b4645033;display:flex;align-items:center;justify-content:center;transition:transform .15s ease}.doll-btn:active .doll-head{transform:scale(.9) rotate(-8deg)}.doll-face{display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:6px}.doll-eyes{display:flex;gap:12px}.doll-eye{width:10px;height:10px;border-radius:50%;background:#3a2010;display:block;transition:transform .15s}.doll-eye.eye-squint{transform:scaleY(.2);border-radius:2px}.doll-mouth{width:18px;height:8px;border-radius:0 0 10px 10px;background:#c0604a;transition:border-radius .15s,height .15s}.doll-mouth.mouth-ow{width:16px;height:12px;border-radius:50%;background:#a04030}.doll-sweat{position:absolute;top:2px;right:0;font-size:1rem;animation:fadeIn .1s ease}.doll-body{width:56px;height:70px;background:linear-gradient(160deg,var(--dusty-rose),var(--rose-deep));border-radius:14px 14px 10px 10px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #b464784d;margin-top:-4px}.doll-tag{font-family:var(--ff-script);font-size:1.1rem;font-weight:600;color:var(--white);letter-spacing:.04em;text-shadow:0 1px 4px rgba(0,0,0,.2)}.doll-legs{display:flex;gap:8px;margin-top:-4px}.doll-leg{width:18px;height:32px;background:linear-gradient(180deg,var(--rose-deep),#8c4050);border-radius:4px 4px 8px 8px}.doll-counter{display:flex;flex-direction:column;align-items:center;gap:2px}.doll-counter-num{font-family:var(--ff-display);font-size:2.6rem;font-weight:700;color:var(--rose-deep);line-height:1}.doll-counter-label{font-size:.78rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.doll-stars{position:absolute;top:30%;left:50%;transform:translate(-50%);display:flex;gap:4px;font-size:1.3rem;pointer-events:none;animation:starsAnim .4s ease forwards}@keyframes starsAnim{0%{opacity:0;transform:translate(-50%) scale(.5) translateY(0)}40%{opacity:1;transform:translate(-50%) scale(1.2) translateY(-12px)}to{opacity:0;transform:translate(-50%) scale(.8) translateY(-24px)}}.site-footer{position:relative;z-index:1;text-align:center;padding:2.5rem 1.5rem 3rem;background:linear-gradient(180deg,var(--cream) 0%,#f9eef3 100%);border-top:1px solid var(--blush-light)}.footer-text{font-family:var(--ff-script);font-size:clamp(1rem,4vw,1.3rem);color:var(--text-soft);letter-spacing:.02em}@media (max-width: 768px){.section{padding:3.5rem 1.2rem}.section-inner{max-width:100%}.letter-card{border-radius:var(--radius-md)}.notes-card{border-radius:var(--radius-md);padding:1.4rem}.feel-btn{padding:1.1rem 1.8rem}.bubble,.bubble-spacer{width:32px;height:32px}.bubble-grid{gap:5px}}@media (max-width: 480px){body{font-size:15px}.hero{padding:1.5rem 1rem 3.5rem}.hero-tagline{margin-bottom:2rem}.section{padding:2.8rem 1rem}.section-title{margin-bottom:.5rem}.section-subtitle{margin-bottom:1.8rem}.letter-card{padding:1.5rem 1.1rem;border-radius:var(--radius-md)}.bubble,.bubble-spacer{width:26px;height:26px}.bubble-grid{gap:4px}.bubble-reveal{padding:1rem 1.2rem;margin-top:1.5rem}.feelings-buttons{flex-direction:column;align-items:stretch;gap:.8rem}.feel-btn{width:100%;flex-direction:row;justify-content:center;padding:1rem 1.5rem;min-width:unset;min-height:52px}.feel-btn-icon{font-size:1.5rem}.response-msg{font-size:.95rem;padding:.9rem 1.2rem}.notes-card{padding:1.2rem;border-radius:var(--radius-md)}.note-textarea{min-height:110px;font-size:.95rem;padding:.85rem 1rem}.note-footer{flex-direction:column;align-items:flex-start;gap:.8rem}.send-btn{width:100%;justify-content:center;padding:.9rem 1.5rem;min-height:48px}.site-footer{padding:2rem 1rem 2.5rem}}@media (max-width: 360px){.bubble,.bubble-spacer{width:22px;height:22px}.bubble-grid{gap:3px}.section{padding:2.2rem .85rem}.letter-card{padding:1.2rem .9rem}.notes-card{padding:1rem}}