@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600;700&family=Space+Grotesk:wght@400;600&display=swap";*{box-sizing:border-box}body{margin:0;min-height:100dvh;font-family:Space Grotesk,system-ui,sans-serif;background:#0c0b0d;color:#1c1b1b}h1,h2,h3,.title{font-family:Cormorant Garamond,Times New Roman,serif}button{font-family:inherit}#root{min-height:100dvh}p{line-height:1.5}:root{color:#1c1b1b}.app{min-height:100dvh;padding:env(safe-area-inset-top) 1.2rem env(safe-area-inset-bottom);background:radial-gradient(circle at top,#2a1f2b,#131214 48%,#0c0b0d);display:flex;align-items:center;justify-content:center}.screen{width:100%;max-width:520px}.card{background:#f8f3f0;border-radius:28px;padding:1.6rem;box-shadow:0 24px 60px #00000059;display:flex;flex-direction:column;gap:1.4rem;animation:fadeUp .6s ease}.card-header{display:flex;flex-direction:column;gap:.4rem}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.7rem;font-weight:600;color:#a65a6b}.title{font-size:clamp(1.6rem,5vw,2.2rem);margin:0;color:#1d1418}.body{margin:0;font-size:1rem;color:#382d30}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.stat{background:#fff;border-radius:18px;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.2rem;align-items:flex-start}.stat-label{font-size:.75rem;color:#7b6c71}.stat-value{font-size:1.2rem;font-weight:700}.progress{width:100%;height:10px;background:#e6d9d6;border-radius:999px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#ff7b8a,#ffb4a2);transition:width .2s ease}.arena{position:relative;width:100%;height:min(52vh,380px);background:linear-gradient(180deg,#fdf6f4,#f1e4e1);border-radius:22px;overflow:hidden;border:1px solid rgba(0,0,0,.06)}.arena.frozen{filter:saturate(.6)}.heart{position:absolute;width:68px;height:68px;border:none;border-radius:999px;background:#fff;box-shadow:0 10px 20px #00000026;font-size:1.9rem;cursor:pointer;left:var(--x0);top:var(--y0);transform:translate(-50%,-50%) scale(1);transition:transform .15s ease;display:grid;place-items:center;touch-action:manipulation;animation-name:fly;animation-timing-function:cubic-bezier(.2,.7,.2,1);animation-fill-mode:both}.heart:active{transform:translate(-50%,-50%) scale(.92)}.heart.broken{background:#fce5e5}.message{min-height:1.5rem;margin:0;font-size:.95rem;color:#5b4a50}.primary,.ghost{border:none;border-radius:999px;padding:.9rem 1.4rem;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.primary{background:#2b0f1e;color:#fff5f5}.primary:active{transform:scale(.98)}.ghost{background:#fff;color:#2b0f1e;border:1px solid rgba(43,15,30,.2)}.ghost:disabled{opacity:.6;cursor:not-allowed}.countdown{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.time-block{background:#fff;border-radius:18px;padding:.9rem 1rem;text-align:center}.time-value{display:block;font-size:1.6rem;font-weight:700}.time-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:#8a7b80}.status{margin:0;color:#6d5d63}.compliment{background:#fff;border-radius:22px;padding:1.2rem;display:flex;flex-direction:column;gap:.8rem}.compliment-header h2{margin:0;font-size:1.2rem}.compliment-header p{margin:0;color:#796b70;font-size:.9rem}.compliment-text{margin:0;font-size:1rem;color:#2b0f1e}.compliment-body{display:flex;flex-direction:column;gap:.9rem}.shake{animation:shake .35s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-4px)}to{transform:translate(0)}}@keyframes fly{0%{left:var(--x0);top:var(--y0)}60%{left:calc(var(--x0) + (var(--x1) - var(--x0)) * .6);top:calc(var(--y0) + (var(--y1) - var(--y0)) * .6)}to{left:var(--x1);top:var(--y1)}}@media(min-width:720px){.card{padding:2.1rem}.countdown{grid-template-columns:repeat(4,minmax(0,1fr))}}