.date-scene{background:#12121a;min-height:280px}.date-scene-bg{position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.2;border-radius:inherit}.date-scene-bg-beach{background:linear-gradient(180deg,#1a3a4a,#0a2a3a 40%,rgba(78,205,196,.3) 80%,rgba(78,205,196,.15));animation:scene-beach 5s ease-in-out infinite}@keyframes scene-beach{0%,to{opacity:.2}50%{opacity:.35}}.date-scene-bg-coffee_shop{background:linear-gradient(180deg,hsla(36,48%,59%,.3),rgba(120,80,40,.15) 50%,transparent)}.date-scene-bg-space_station{background:radial-gradient(1px 1px at 15% 25%,#fff 0,transparent 100%),radial-gradient(1px 1px at 55% 15%,#fff 0,transparent 100%),radial-gradient(1px 1px at 75% 55%,#fff 0,transparent 100%),radial-gradient(1px 1px at 35% 75%,#fff 0,transparent 100%),radial-gradient(1px 1px at 85% 35%,#fff 0,transparent 100%),radial-gradient(1px 1px at 10% 65%,#fff 0,transparent 100%),radial-gradient(1px 1px at 65% 85%,#fff 0,transparent 100%),radial-gradient(1px 1px at 45% 45%,#fff 0,transparent 100%),radial-gradient(2px 2px at 25% 50%,rgba(78,205,196,.8) 0,transparent 100%),radial-gradient(2px 2px at 70% 30%,rgba(255,107,157,.8) 0,transparent 100%);animation:scene-stars 4s ease-in-out infinite}@keyframes scene-stars{0%,to{opacity:.2}50%{opacity:.5}}.date-scene-bg-arcade{background:linear-gradient(135deg,rgba(78,205,196,.15),rgba(255,107,157,.15) 50%,rgba(167,139,250,.15));animation:scene-neon 3s ease-in-out infinite}@keyframes scene-neon{0%,to{opacity:.15}50%{opacity:.35}}.date-scene-bg-park{background:linear-gradient(180deg,rgba(78,205,100,.2),rgba(78,205,100,.05) 50%,transparent)}.date-scene-bg-rooftop_bar{background:linear-gradient(180deg,rgba(20,10,40,.5),transparent 40%,rgba(255,107,157,.1))}.date-scene-bg-museum{background:radial-gradient(ellipse at 50% 0,rgba(255,220,150,.2) 0,transparent 60%)}.date-scene-bg-karaoke{background:linear-gradient(135deg,rgba(255,107,157,.15),rgba(167,139,250,.15) 50%,rgba(78,205,196,.15));animation:scene-karaoke 4s ease-in-out infinite}@keyframes scene-karaoke{0%,to{opacity:.15}50%{opacity:.3}}.date-scene-bg-bowling{background:linear-gradient(90deg,transparent,rgba(78,205,196,.1) 50%,transparent)}.date-scene-bg-aquarium{background:linear-gradient(180deg,rgba(0,50,80,.3),rgba(0,100,150,.15) 50%,rgba(78,205,196,.1))}.date-avatar{animation:avatar-bounce 3s ease-in-out infinite}.date-avatar:nth-child(2){animation-delay:1.5s}@keyframes avatar-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.date-heart-center{animation:heart-pulse 2s ease-in-out infinite}@keyframes heart-pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}}.date-scene-pulse{animation:scene-pulse 2s ease-in-out infinite}@keyframes scene-pulse{0%,to{opacity:1}50%{opacity:.3}}