:root{--void: #150710;--deep: #240a1a;--burgundy: #55102b;--burgundy-2: #7a1638;--rose-glow: #ff3c6e;--rose-soft: #ff88a3;--rose-mid: #e64977;--blush-text: #ffe9ef;--ink-dim: #d7a9b8;--gold-whisper: #e9c9a3;--glass: rgba(255, 233, 239, .06);--glass-border: rgba(255, 200, 216, .28);--font-display: "Fraunces", "Iowan Old Style", Georgia, serif;--font-body: "Quicksand", "Segoe UI", sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-body);background:radial-gradient(120% 100% at 50% -10%,#3a0f26,#240a1a 42%,#150710 78%,#0d0409);background-attachment:fixed;color:var(--blush-text);-webkit-font-smoothing:antialiased;overflow-x:hidden}#root{min-height:100dvh}.stage{position:relative;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:2.5rem 1.5rem;overflow-x:hidden}.ambient-glow{position:fixed;top:-10%;right:-10%;bottom:-10%;left:-10%;z-index:0;pointer-events:none;background:radial-gradient(38% 26% at 50% 30%,#ff3c6e47,#ff3c6e00 70%),radial-gradient(30% 22% at 80% 12%,#e9c9a314,#e9c9a300 70%);animation:glow-breathe 7s ease-in-out infinite}@keyframes glow-breathe{0%,to{opacity:.75}50%{opacity:1}}.floating-hearts{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:1}.floating-heart{position:absolute;bottom:-8%;color:var(--rose-soft);filter:drop-shadow(0 0 10px rgba(255,60,110,.45));animation-name:float-up;animation-timing-function:ease-in;animation-iteration-count:infinite}@keyframes float-up{0%{transform:translateY(0) translate(0) rotate(0);opacity:0}8%{opacity:.55}55%{transform:translateY(-58vh) translate(14px) rotate(10deg)}92%{opacity:.12}to{transform:translateY(-108vh) translate(-10px) rotate(-8deg);opacity:0}}.glow-particles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:1}.glow-particle{position:absolute;border-radius:50%;background:radial-gradient(circle,#ffc8d8e6,#ffc8d800 72%);animation-name:particle-drift;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes particle-drift{0%,to{transform:translateY(0) scale(.8);opacity:.15}50%{transform:translateY(-18px) scale(1.15);opacity:.6}}.confetti-hearts{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:6}.confetti-heart{position:absolute;top:-12%;left:50%;--drift: 0px;--spin: 240deg;animation-name:confetti-fall;animation-timing-function:ease-in;animation-iteration-count:infinite;filter:drop-shadow(0 0 8px rgba(255,60,110,.5))}@keyframes confetti-fall{0%{transform:translate(0) rotate(0);opacity:0}8%{opacity:1}to{transform:translate(var(--drift),116vh) rotate(var(--spin));opacity:0}}.music-toggle{position:fixed;bottom:1.4rem;right:1.4rem;z-index:20;width:3.1rem;height:3.1rem;border-radius:50%;border:1px solid var(--glass-border);background:#ffe9ef14;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 20px #00000059;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.music-toggle:hover{transform:translateY(-2px)}.music-toggle-note{font-size:1.25rem;filter:grayscale(.15) opacity(.75);transition:transform .2s ease,filter .2s ease}.music-toggle-on{background:#ff3c6e2e;box-shadow:0 0 0 1px #ff88a366,0 8px 22px #ff3c6e59}.music-toggle-on .music-toggle-note{filter:none;animation:note-bounce 1.6s ease-in-out infinite}@keyframes note-bounce{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-3px) rotate(4deg)}}.intro-view{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:24rem}.portrait-ring{position:relative;width:11.5rem;height:11.5rem;border-radius:50%;padding:5px;margin-bottom:2rem;background:linear-gradient(135deg,var(--rose-soft),var(--gold-whisper) 45%,var(--rose-glow));box-shadow:0 0 30px #ff3c6e8c,0 0 70px #ff3c6e4d;animation:ring-pulse 3.2s ease-in-out infinite,ring-in .9s cubic-bezier(.2,.85,.25,1.1) both}@keyframes ring-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes ring-pulse{0%,to{box-shadow:0 0 26px #ff3c6e80,0 0 60px #ff3c6e42}50%{box-shadow:0 0 38px #ff3c6eb3,0 0 84px #ff3c6e66}}.portrait-photo{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center 30%;border:3px solid var(--void)}.intro-line{margin:0 0 .55rem;font-family:var(--font-display);font-style:italic;font-weight:500;font-size:clamp(1.1rem,4.4vw,1.4rem);color:var(--blush-text);opacity:0}.intro-line-1{font-weight:700;font-size:clamp(1.5rem,6vw,1.9rem);background:linear-gradient(120deg,var(--rose-soft),var(--gold-whisper) 55%,var(--rose-glow));-webkit-background-clip:text;background-clip:text;color:transparent;animation:line-in .9s ease .5s both}.intro-line-2{animation:line-in .9s ease 2s both}.intro-line-3{margin-top:.5rem;font-weight:600;font-size:clamp(1.35rem,5.6vw,1.75rem);color:var(--blush-text);text-shadow:0 0 30px rgba(255,60,110,.35);animation:line-in 1s ease 3.6s both}@keyframes line-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card{position:relative;z-index:2;width:100%;max-width:27rem;border-radius:1.8rem;padding:2.4rem 1.9rem 2.6rem;text-align:center;background:linear-gradient(165deg,#ffe9ef1a,#7a163847);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--glass-border);box-shadow:0 0 0 1px #ff88a314,0 30px 70px -20px #000000a6,0 0 60px -14px #ff3c6e59,inset 0 1px #ffffff1f;animation:card-in .75s cubic-bezier(.2,.85,.25,1.1) both}@keyframes card-in{0%{opacity:0;transform:translateY(22px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.card-portrait-ring{width:6.4rem;height:6.4rem;border-radius:50%;padding:4px;margin:0 auto 1.3rem;background:linear-gradient(135deg,var(--rose-soft),var(--gold-whisper) 45%,var(--rose-glow));box-shadow:0 0 22px #ff3c6e73}.card-portrait-ring .portrait-photo{border-width:2px}.eyebrow{margin:0 0 .9rem;font-family:var(--font-display);font-weight:600;font-style:italic;font-size:1.05rem;color:var(--rose-soft);letter-spacing:.02em}.preamble{margin:0 0 .4rem;font-family:var(--font-display);font-weight:600;font-size:clamp(1.3rem,5vw,1.7rem);color:var(--blush-text)}.headline{margin:.5rem 0 1.9rem;font-family:var(--font-display);font-weight:700;font-size:clamp(1.65rem,6.2vw,2.15rem);line-height:1.22;color:var(--blush-text);text-shadow:0 0 30px rgba(255,60,110,.2)}.button-row{display:flex;gap:.9rem;justify-content:center;align-items:center;flex-wrap:wrap;min-height:3.6rem}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;font-family:var(--font-body);font-weight:700;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.btn:active{transform:scale(.96)}.btn-yes{color:#2a0714;font-size:1.15rem;padding:1.1rem 2.5rem;border-radius:999px;background:linear-gradient(135deg,var(--rose-soft),var(--rose-glow));box-shadow:0 0 0 1px #ff88a34d,0 0 24px #ff3c6e99,0 16px 30px -10px #ff3c6ea6;animation:glow-pulse 2.6s ease-in-out infinite}.btn-yes:hover{transform:translateY(-2px) scale(1.06);box-shadow:0 0 0 1px #ff88a373,0 0 32px #ff3c6ecc,0 18px 34px -10px #ff3c6ebf}@keyframes glow-pulse{0%,to{box-shadow:0 0 0 1px #ff88a34d,0 0 18px #ff3c6e73,0 14px 28px -10px #ff3c6e8c}50%{box-shadow:0 0 0 1px #ff88a366,0 0 30px #ff3c6eb3,0 14px 28px -10px #ff3c6ebf}}.btn-no{font-size:.88rem;padding:.65rem 1.3rem;border-radius:999px;color:var(--ink-dim);background:#ffe9ef0f;border:1.5px solid var(--glass-border)}.btn-no:hover{transform:translateY(-1px);color:var(--blush-text)}.btn-no-wobble{animation:wobble-out .32s ease forwards}@keyframes wobble-out{0%{transform:scale(1) rotate(0);opacity:1}40%{transform:scale(.9) rotate(-8deg)}to{transform:scale(.2) rotate(12deg);opacity:0}}.reassurance{margin:.9rem 0 0;font-size:.92rem;font-family:var(--font-display);font-style:italic;color:var(--ink-dim);opacity:0;transform:translateY(-4px);transition:opacity .4s ease,transform .4s ease;min-height:1.3rem}.reassurance-show{opacity:1;transform:translateY(0)}.celebration-card{display:flex;flex-direction:column;align-items:center;max-width:30rem}.big-heart{font-size:4rem;line-height:1;margin-bottom:.5rem;animation:heartbeat 1.15s ease-in-out infinite;filter:drop-shadow(0 0 26px rgba(255,60,110,.7))}@keyframes heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.14)}28%{transform:scale(.98)}42%{transform:scale(1.1)}70%{transform:scale(1)}}.yay{margin:0 0 .3rem;font-size:1.4rem;font-weight:700;letter-spacing:.01em;color:var(--rose-soft)}.names{margin:.2rem 0 .5rem;font-family:var(--font-display);font-style:italic;font-weight:500;font-size:1.15rem;color:var(--blush-text)}.tagline{margin:0 0 1.8rem;font-size:.98rem;color:var(--ink-dim)}.photo-reveal{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:1.8rem;animation:photo-in .8s cubic-bezier(.2,.85,.25,1.1) 1.1s both}@keyframes photo-in{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.photo-frame{position:relative;width:100%;max-width:17rem;border-radius:1.4rem;padding:6px;background:linear-gradient(150deg,var(--rose-soft),var(--gold-whisper) 40%,var(--rose-glow));box-shadow:0 0 0 1px #ff88a333,0 20px 44px -16px #0009,0 0 50px -12px #ff3c6e73}.photo-frame-img{display:block;width:100%;height:auto;aspect-ratio:4 / 5;object-fit:cover;object-position:center 22%;border-radius:1.05rem;border:2px solid var(--void)}.photo-frame-hearts{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.photo-frame-heart{position:absolute;font-size:1rem;opacity:0;filter:drop-shadow(0 0 8px rgba(255,60,110,.5));animation:frame-heart-bob 3.4s ease-in-out infinite}@keyframes frame-heart-bob{0%{opacity:0;transform:translateY(6px) scale(.85)}15%{opacity:.9}50%{transform:translateY(-6px) scale(1);opacity:1}85%{opacity:.6}to{opacity:0;transform:translateY(6px) scale(.85)}}.photo-caption{margin:1.1rem 0 .15rem;font-family:var(--font-display);font-style:italic;font-weight:600;font-size:1.15rem;color:var(--blush-text)}.photo-subcaption{margin:0;font-size:.92rem;color:var(--ink-dim)}.letter{width:100%;border-top:1px solid var(--glass-border);padding-top:1.4rem;margin-top:.4rem;opacity:0;transform:translateY(10px);transition:opacity .7s ease,transform .7s ease;min-height:10rem}.letter-show{opacity:1;transform:translateY(0)}.letter-text{margin:0;text-align:left;white-space:pre-line;font-family:var(--font-display);font-style:italic;font-size:1.02rem;line-height:1.65;color:var(--blush-text)}.typewriter-caret{display:inline-block;width:.5rem;height:1rem;margin-left:2px;background:var(--rose-soft);vertical-align:-.15rem;animation:caret-blink .9s steps(1) infinite}@keyframes caret-blink{50%{opacity:0}}@media (min-width: 640px){.card{padding:2.8rem 3.1rem 3rem}}@media (max-width: 380px){.card{padding:2rem 1.4rem 2.1rem;border-radius:1.5rem}.headline{font-size:1.5rem}.btn-yes{padding:1rem 2.1rem;font-size:1.05rem}.portrait-ring{width:9.5rem;height:9.5rem}.card-portrait-ring{width:5.4rem;height:5.4rem}}@media (prefers-reduced-motion: reduce){.floating-heart,.confetti-heart,.glow-particle,.btn-yes,.big-heart,.card,.portrait-ring,.intro-line-1,.intro-line-2,.intro-line-3,.ambient-glow,.photo-reveal,.photo-frame-heart,.music-toggle-on .music-toggle-note{animation:none!important;opacity:1!important}}