:root{--rose:#c6ad78;--deep:#f5f0e6;--cream:#101923;--pink:#182633;--gold:#d8c18d;--ink:#f5f0e6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Georgia,Times New Roman,serif;overflow-x:hidden}.hero{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:38px 18px;position:relative;background:radial-gradient(ellipse at 50% 0%,#354653,#182633 42%,#0b1119);isolation:isolate}.hero:before,.hero:after{content:"✧";position:absolute;color:#d8c18d;opacity:.32;font-size:clamp(90px,16vw,190px);z-index:-1}.hero:before{left:3%;top:4%;transform:rotate(-20deg)}.hero:after{right:4%;bottom:4%;transform:rotate(22deg)}.card{width:min(760px,100%);text-align:center;padding:clamp(24px,5vw,54px);border:1px solid #657581;background:#0c141db8;box-shadow:0 22px 70px #00000045;border-radius:4px;position:relative;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.eyebrow{font:600 11px/1.5 Arial,sans-serif;letter-spacing:.25em;text-transform:uppercase;color:var(--gold)}h1{font-size:clamp(36px,7vw,66px);font-weight:400;line-height:1.05;margin:16px 0 12px;color:var(--deep)}.script{font-style:italic;color:var(--gold)}.subtitle{font-size:clamp(15px,2.4vw,19px);line-height:1.7;max-width:530px;margin:0 auto 25px;color:#c2cbd0}.photo-wrap{width:min(440px,100%);margin:0 auto 27px;padding:7px;border:1px solid #657581;background:#d9d4c9;box-shadow:0 9px 25px #00000035}.photo-wrap img{width:100%;display:block;max-height:330px;object-fit:cover;object-position:center 48%}.names{font-size:clamp(22px,4vw,30px);color:#f5f0e6;margin:10px 0 3px}.amp{color:var(--gold);font-style:italic;padding:0 7px}.date{font:11px Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#c0b9a7;margin:14px 0 25px}button{font:600 12px Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;border:0;border-radius:999px;padding:17px 25px;background:#b8a16e;color:#101923;cursor:pointer;box-shadow:0 8px 24px #00000045;transition:transform .2s,background .2s}button:hover{transform:translateY(-2px);background:#d8c18d}button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.hint{font:12px Arial,sans-serif;color:#9eabb2;margin-top:15px}.stage{display:none;min-height:100svh;padding:65px 18px;align-items:center;justify-content:center;text-align:center;background:radial-gradient(ellipse at top,#354653,#101923 72%);color:#f5f0e6}.stage.show{display:flex;animation:fadein .8s ease both}.stage-inner{width:min(680px,100%);margin:auto}.stage h2{font-weight:400;font-size:clamp(32px,7vw,54px);line-height:1.1;margin:18px 0;color:#f5f0e6}.stage p{font-size:clamp(16px,2.8vw,20px);line-height:1.7;color:#c2cbd0;max-width:560px;margin:16px auto 24px}.ultrasound{width:min(430px,100%);max-height:62vh;object-fit:contain;display:block;margin:22px auto;border:1px solid #657581;padding:7px;background:#0b1119;box-shadow:0 14px 40px #0007}.guess-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:20px 0}.guess-row button{min-width:160px}.guess-row .boy{background:#c1cbd2}.feedback{min-height:22px;color:#d8c18d;font:12px Arial,sans-serif;letter-spacing:.05em}.reveal{display:none;min-height:100svh;padding:75px 18px;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;background:linear-gradient(145deg,#fffaf6,#f9e2e8 65%,#fff4ef)}.reveal.show{display:flex;animation:fadein .9s ease both}.reveal-inner{max-width:720px;position:relative;z-index:2}.small-title{font:600 11px Arial,sans-serif;letter-spacing:.25em;text-transform:uppercase;color:#a96b7a}.reveal h2{font-size:clamp(52px,11vw,100px);font-weight:400;line-height:.98;margin:22px 0;color:#b85f78}.reveal h2 span{display:block;font-size:.52em;font-style:italic;color:var(--deep);margin-bottom:10px}.baby-icon{font-size:70px;filter:drop-shadow(0 7px 9px #b85f7830);margin:8px 0}.message{font-size:clamp(17px,3vw,23px);line-height:1.7;color:#75545e;max-width:560px;margin:20px auto}.signature{font-style:italic;color:#a96b7a;font-size:22px;margin-top:28px}.again{margin-top:26px;background:#fff;color:#a45d70;border:1px solid #e8bfc9;box-shadow:none}.float{position:absolute;top:-10vh;animation:fall linear forwards;pointer-events:none;z-index:1}@keyframes fall{to{transform:translateY(115vh) rotate(650deg);opacity:.15}}@keyframes fadein{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}footer{text-align:center;padding:24px 12px;font:11px Arial,sans-serif;letter-spacing:.05em;color:#ad9698;background:#fffaf6}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.guess[aria-pressed=true]{outline:2px solid #d8c18d;outline-offset:3px}.reveal h2 span,.baby-icon{color:#a96b7a}.confetti-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:1}button:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}button:disabled:hover{transform:none;background:#b8a16e}.stage .guess-instruction{font:14px/1.6 Arial,sans-serif;color:#d8c18d;margin:24px auto 12px}.feedback{line-height:1.6;margin:0 auto 20px;max-width:440px}