html{background-size:20px 20px;background-position:0 0,10px 10px;transition:background-color .3s ease}body{transition:background-color .3s ease;position:relative;overflow-x:hidden}body::before,body::after{content:'';position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.heart{position:fixed;font-size:20px;opacity:0;z-index:-1;animation:float-hearts 6s linear infinite}.confetti{position:fixed;width:10px;height:10px;opacity:0;z-index:-1;animation:confetti-fall 5s linear infinite}.modal-valentine{background:#fff;border:1px solid #e6d7e6;box-shadow:0 4px 6px rgba(0,0,0,.1),0 5px 15px rgba(0,0,0,.05);transition:all .3s ease;border-radius:.5rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);max-width:80rem;width:100%;margin-left:1rem;margin-right:1rem;overflow-y:auto;z-index:50;max-height:80vh;-webkit-overflow-scrolling:touch}.dark .modal-valentine{background:#352e3f;border:1px solid #9d8aad;box-shadow:0 4px 6px rgba(186,169,201,.2),0 5px 15px rgba(186,169,201,.15)}.modal-valentine::before{content:'🌸';position:absolute;top:-10px;right:-5px;font-size:20px;transform:rotate(15deg);z-index:2}