*{box-sizing:border-box}body{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;padding:20px;background:#f9f9fb;color:#111}header h1{margin:0 0 6px}.image-wrap{position:relative;display:block;margin:0 auto;border:2px solid #eee;background:#fff;max-width:calc(100vw - 40px);overflow:hidden}.image-wrap img{display:block;width:auto;height:auto;max-width:100%;max-height:100vh}.image-flip{transition:transform .45s ease-in-out;transform-origin:center}.image-flip.flipped{transform:scaleX(-1)!important;-webkit-transform:scaleX(-1)!important;backface-visibility:hidden}.hotspot{position:absolute;border-radius:50%;background:#f84121c2;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;text-decoration:none;border:2px solid rgba(0,0,0,.12);box-shadow:0 2px 6px #00000026;transform:translate(-50%,-50%);min-width:48px;min-height:48px;will-change:transform,left,top}.hotspot:hover{transform:translate(-50%,-50%) scale(1.08)}.hotspot.disabled{background:#808080d9;color:#ffffffe6;border-color:#ffffff1f;cursor:default;opacity:.75;pointer-events:none}.hotspot.temporarily-hidden{opacity:0!important;pointer-events:none!important;transition:opacity .2s ease-in-out}.hotspot.today{border:4px solid #ff1744;box-shadow:0 0 12px #ff174473,0 2px 8px #00000026;z-index:40}@keyframes hotspotPulse{0%{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 6px #ff174440,0 2px 8px #00000026}50%{transform:translate(-50%,-50%) scale(1.06);box-shadow:0 0 18px #ff174473,0 4px 12px #00000026}to{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 6px #ff174440,0 2px 8px #00000026}}.hotspot.today{animation:hotspotPulse 1.6s ease-in-out infinite}footer{margin-top:20px;color:#555}#hearts{width:100vw;height:75vh;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);box-sizing:border-box;padding:20px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border:2px solid #eee;border-radius:10px}#hearts img{max-width:90%;max-height:90%;display:block}.flying-heart{position:absolute;bottom:8px;transform-origin:50% 50%;pointer-events:none;will-change:transform,left,top,opacity;z-index:30;width:auto;height:auto;max-width:18%}@keyframes riseAndGrow{0%{transform:translate(-50%) scale(.1);opacity:1}60%{transform:translate(-50%,-55%) scale(.1);opacity:1}85%{transform:translate(-50%,-80%) scale(.1);opacity:1}to{transform:translate(-50%,-95%) scale(.1);opacity:0}}.flying-heart.animate{animation:riseAndGrow 2s cubic-bezier(.22,.9,.27,1) forwards}.particle{position:absolute;width:6px;height:6px;border-radius:1px;opacity:1;pointer-events:none;transform:translate(0) scale(1);animation:particleFlight .7s cubic-bezier(.2,.9,.2,1) forwards}@keyframes particleFlight{to{transform:translate(var(--dx),var(--dy)) scale(.6);opacity:0}}