*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0;background:radial-gradient(circle at 10% 20%,#f8e7c3,#f0d3a1 45%,#e5ba7b 85%);color:#4a3b32}.floating-heart{--heart-size: 120px;position:absolute;width:var(--heart-size);height:var(--heart-size);background:linear-gradient(135deg,#f9b4c4,#f07f9c);transform:rotate(45deg);border-radius:18px;box-shadow:0 12px 40px #f07f9c66;opacity:.3;pointer-events:none;filter:drop-shadow(0 12px 32px rgba(240,127,156,.35))}.floating-heart.big-heart{--heart-size: 200px;opacity:.34;box-shadow:0 20px 55px #f07f9c80}.floating-heart.mega-heart{--heart-size: 280px;opacity:.38;box-shadow:0 28px 70px #f07f9ca6}.floating-heart:before,.floating-heart:after{content:"";position:absolute;width:var(--heart-size);height:var(--heart-size);background:inherit;border-radius:50%}.floating-heart:before{top:calc(var(--heart-size) / -2);left:0}.floating-heart:after{left:calc(var(--heart-size) / -2);top:0}.heart-pattern{background-color:#fff7e8c7;background-image:url("data:image/svg+xml,%3Csvg width='160' height='160' viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M80 34c-10-18-38-18-48 4-14 30 22 58 48 76 26-18 62-46 48-76-10-22-38-22-48-4Z' fill='%23f4a6bf' fill-opacity='0.16'/%3E%3C/svg%3E");background-size:160px 160px}.heart-haze{background:radial-gradient(circle at 20% 20%,rgba(240,193,138,.4),transparent 45%),radial-gradient(circle at 80% 10%,rgba(241,170,122,.35),transparent 50%),radial-gradient(circle at 50% 80%,rgba(227,151,101,.22),transparent 45%)}.floating-object{--size: 12px;position:absolute;width:var(--size);height:var(--size);border-radius:999px;background:radial-gradient(circle at 30% 30%,#fffc,#f07f9cbf);opacity:.75;filter:drop-shadow(0 4px 12px rgba(240,127,156,.4));pointer-events:none}.floating-object.sparkle{background:radial-gradient(circle at 40% 40%,#ffffffe6,#faca8ee6);box-shadow:0 0 10px #faca8ecc,0 0 18px #f07f9c99;opacity:.9}.note-pane{background:linear-gradient(180deg,#fffffff2,#fff3e2d9);border-radius:32px;border:1px solid rgba(196,160,101,.45);box-shadow:0 20px 60px #4a3b3259}.note-heart{--h: 26px;position:absolute;width:var(--h);height:var(--h);background:linear-gradient(135deg,#fde8f2,#f57a95 60%,#e762a0);transform:rotate(45deg);border-radius:18px;border:1px solid rgba(255,255,255,.6);filter:drop-shadow(0 10px 20px rgba(231,113,161,.35))}.note-heart:before,.note-heart:after{content:"";position:absolute;width:var(--h);height:var(--h);background:inherit;border-radius:50%}.note-heart:before{top:calc(var(--h) / -2);left:0}.note-heart:after{left:calc(var(--h) / -2);top:0}.slideshow-mask{position:relative}.slideshow-card{clip-path:polygon(10% 0%,90% 0%,100% 20%,96% 100%,4% 100%,0% 25%);background:#0f0f0f}.slideshow-chip{position:absolute;bottom:12px;right:18px;width:60px;height:12px;border-radius:999px;background:radial-gradient(circle at 30% 30%,#fffc,#faca8ee6);box-shadow:0 0 12px #fff9;border:1px solid rgba(255,255,255,.4);opacity:.9}