*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-deep:#1a0a14;--bg-card:#ffffff0f;--bg-card-border:#ff78a033;--text:#fff5f8;--text-muted:#ffdce6b8;--accent:#ff6b9d;--accent-soft:#ff8fab;--accent-glow:#ff6b9d73;--heart:#ff4d7a;--gradient-text:linear-gradient(135deg, #ffb3c6 0%, #ff6b9d 50%, #ff4d7a 100%);--radius:20px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--transition:.35s cubic-bezier(.4, 0, .2, 1)}html{-webkit-text-size-adjust:100%}body{background:var(--bg-deep);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background-image:radial-gradient(80% 50% at 50% -10%,#ff50822e,#0000),radial-gradient(60% 40% at 100% 100%,#b432641f,#0000);min-height:100vh;font-family:DM Sans,system-ui,-apple-system,sans-serif;overflow-x:hidden}#hearts-canvas{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;inset:0}.love-app{z-index:1;min-height:100vh;padding:calc(1.5rem + var(--safe-top)) 1.25rem calc(1.5rem + var(--safe-bottom));flex-direction:column;align-items:center;max-width:480px;margin:0 auto;display:flex;position:relative}.love-header{text-align:center;margin-bottom:1.75rem;animation:.9s cubic-bezier(.22,1,.36,1) both fadeDown}.love-heart-icon{color:var(--heart);filter:drop-shadow(0 0 12px var(--accent-glow));-webkit-user-select:none;user-select:none;font-size:2.5rem;line-height:1;animation:1.4s ease-in-out infinite heartbeat}.love-greeting{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-top:.5rem;font-size:.875rem}.love-card{background:var(--bg-card);border:1px solid var(--bg-card-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(16px);text-align:center;width:100%;padding:1.75rem 1.5rem;animation:.9s cubic-bezier(.22,1,.36,1) .15s both fadeUp;box-shadow:0 8px 32px #00000040,inset 0 1px #ffffff0f}.love-title{background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-family:Playfair Display,Georgia,serif;font-size:clamp(2rem,8vw,2.75rem);font-weight:600;line-height:1.2}.love-message{color:var(--text-muted);min-height:3.3em;transition:opacity var(--transition);font-size:1.0625rem;line-height:1.65}.love-message.is-changing{opacity:0;transform:translateY(6px)}.love-btn{color:#fff;background:linear-gradient(135deg, var(--accent-soft), var(--heart));cursor:pointer;width:100%;box-shadow:0 4px 24px var(--accent-glow);transition:transform .2s cubic-bezier(.34, 1.56, .64, 1), box-shadow var(--transition);-webkit-user-select:none;user-select:none;border:none;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;margin-top:1.5rem;padding:.9375rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:600;display:inline-flex}.love-btn:active{transform:scale(.96)}.love-btn:focus-visible{outline:2px solid var(--accent-soft);outline-offset:3px}.love-btn-icon{font-size:1.125rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.love-btn.is-pulse .love-btn-icon{transform:scale(1.35)}.love-quotes{width:100%;margin-top:2rem;animation:.9s cubic-bezier(.22,1,.36,1) .3s both fadeUp}.love-quotes-list{flex-direction:column;gap:.75rem;list-style:none;display:flex}.love-quote-item{color:var(--text-muted);border-left:3px solid var(--accent);opacity:0;background:#ffffff08;border-radius:12px;padding:.875rem 1rem;font-size:.9375rem;line-height:1.5;animation:.6s cubic-bezier(.22,1,.36,1) forwards slideIn;transform:translate(-12px)}.love-quote-item:nth-child(2){animation-delay:.1s}.love-quote-item:nth-child(3){animation-delay:.2s}.love-footer{text-align:center;margin-top:auto;padding-top:2rem;animation:.9s cubic-bezier(.22,1,.36,1) .45s both fadeUp}.love-footer p{color:#ffc8d773;letter-spacing:.02em;font-size:.8125rem}@keyframes heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.12)}28%{transform:scale(1)}42%{transform:scale(1.08)}56%{transform:scale(1)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{to{opacity:1;transform:translate(0)}}@media (width>=480px){.love-app{padding:calc(2.5rem + var(--safe-top)) 1.5rem calc(2rem + var(--safe-bottom))}.love-card{padding:2.25rem 2rem}.love-btn{width:auto;min-width:220px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.love-heart-icon{animation:none}}