:root {
  --bg-deep:#0a0a1f;--bg-mid:#1a1033;--bg-soft:#2a1a4a;--accent-pink:#f7b2c1;--accent-coral:#ff9a8b;--gold:#e8c89a;--warm-white:#fff5ec;--muted:rgba(255,245,236,.65);--font-serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;--font-sans:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--ease:cubic-bezier(.22,1,.36,1)
}
*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{font-family:var(--font-sans);color:var(--warm-white);background:radial-gradient(ellipse at 20% 10%,rgba(247,178,193,.15),transparent 50%),radial-gradient(ellipse at 80% 90%,rgba(232,200,154,.10),transparent 55%),linear-gradient(160deg,var(--bg-deep),var(--bg-mid) 55%,var(--bg-soft));background-attachment:fixed;overflow-x:hidden;-webkit-font-smoothing:antialiased}.stage{position:relative;min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:3rem 1.25rem;isolation:isolate}.sky{position:absolute;inset:0;pointer-events:none;z-index:0}.star{position:absolute;width:2px;height:2px;background:var(--warm-white);border-radius:50%;opacity:0;animation:twinkle 4s ease-in-out infinite;box-shadow:0 0 6px rgba(255,245,236,.6)}@keyframes twinkle{0%,100%{opacity:.15;transform:scale(.8)}50%{opacity:.9;transform:scale(1.2)}}.card{position:relative;z-index:1;max-width:560px;width:100%;text-align:center;padding:2.5rem 1.5rem;animation:fadeUp 1.2s var(--ease) both}@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.heart-wrap{display:flex;justify-content:center;margin-bottom:2rem}.heart{position:relative;width:70px;height:64px;transform:rotate(-45deg);background:linear-gradient(135deg,var(--accent-pink),var(--accent-coral));box-shadow:0 0 24px rgba(247,178,193,.45),0 0 60px rgba(255,154,139,.25);animation:beat 2.4s ease-in-out infinite}.heart:before,.heart:after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,var(--accent-pink),var(--accent-coral))}.heart:before{top:-35px;left:0}.heart:after{left:35px;top:0}@keyframes beat{0%,100%{transform:rotate(-45deg) scale(1)}25%{transform:rotate(-45deg) scale(1.06)}50%{transform:rotate(-45deg) scale(.98)}75%{transform:rotate(-45deg) scale(1.04)}}.title{font-family:var(--font-serif);font-weight:500;font-size:clamp(1.75rem,5vw,2.5rem);line-height:1.3;margin:0 0 1.5rem;color:var(--warm-white);letter-spacing:.2px;min-height:3.2em}.title .char{display:inline-block;opacity:0;transform:translateY(6px);transition:opacity .35s var(--ease),transform .35s var(--ease)}.title .char.is-visible{opacity:1;transform:translateY(0)}.subtitle{font-size:clamp(.95rem,2.5vw,1.05rem);line-height:1.65;color:var(--muted);margin:0 auto 2.25rem;max-width:42ch;opacity:0;animation:fadeIn 1.2s var(--ease) 2.2s forwards}@keyframes fadeIn{to{opacity:1}}.btn{appearance:none;border:1px solid rgba(232,200,154,.5);background:rgba(255,245,236,.04);color:var(--gold);font-size:.95rem;letter-spacing:.5px;padding:.75rem 1.75rem;border-radius:999px;cursor:pointer;transition:all .4s var(--ease);backdrop-filter:blur(4px)}.btn:hover,.btn:focus-visible{background:rgba(232,200,154,.12);border-color:var(--gold);box-shadow:0 0 24px rgba(232,200,154,.25);transform:translateY(-1px)}.btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.btn:disabled{opacity:.6;cursor:default}.whisper{font-family:var(--font-serif);font-style:italic;color:var(--accent-pink);font-size:clamp(1rem,2.8vw,1.15rem);margin:1.75rem auto 0;max-width:36ch;opacity:0;transform:translateY(8px);transition:opacity 1s var(--ease),transform 1s var(--ease);pointer-events:none}.whisper.is-visible{opacity:1;transform:translateY(0)}.back{position:absolute;bottom:1.25rem;left:0;right:0;text-align:center;z-index:2}.back a{color:var(--muted);text-decoration:none;font-size:.85rem;letter-spacing:.5px;border-bottom:1px dotted rgba(255,245,236,.25);padding-bottom:2px;transition:color .3s var(--ease),border-color .3s var(--ease)}.back a:hover,.back a:focus-visible{color:var(--warm-white);border-color:var(--warm-white)}.back a:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:2px}.falling-heart{position:fixed;top:-20px;font-size:1rem;color:var(--accent-pink);pointer-events:none;z-index:3;animation:fall linear forwards;text-shadow:0 0 8px rgba(247,178,193,.6)}@keyframes fall{to{transform:translateY(110vh) rotate(360deg);opacity:0}}@media(max-width:480px){.card{padding:2rem 1rem}.heart{width:56px;height:52px}.heart:before,.heart:after{width:56px;height:56px}.heart:before{top:-28px}.heart:after{left:28px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.title .char{opacity:1;transform:none}.subtitle{opacity:1;animation:none}.star{animation:none;opacity:.5}}