body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}.App{align-items:center;background:linear-gradient(135deg,#1a0033,#306 50%,#4d0099);display:flex;font-family:Georgia,serif;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.App:before{animation:sparkle 20s linear infinite;background-image:radial-gradient(2px 2px at 20% 30%,#fff,#0000),radial-gradient(2px 2px at 60% 70%,#fff,#0000),radial-gradient(1px 1px at 50% 50%,#fff,#0000),radial-gradient(1px 1px at 80% 10%,#fff,#0000),radial-gradient(2px 2px at 90% 60%,#fff,#0000);background-size:200% 200%;content:"";height:100%;opacity:.3;position:absolute;width:100%}@keyframes sparkle{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.memorial-container{max-width:90%;padding:20px;text-align:center;z-index:1}h1{animation:glow 2s ease-in-out infinite alternate;color:#ff6b35;font-family:Impact,fantasy;font-size:3.5em;letter-spacing:2px;margin-bottom:10px;text-shadow:3px 3px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,0 0 30px #ff6b35,0 0 40px #ff6b35}@keyframes glow{0%{text-shadow:3px 3px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,0 0 30px #ff6b35,0 0 40px #ff6b35}to{text-shadow:3px 3px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,0 0 40px #ff6b35,0 0 60px #ff6b35,0 0 80px #ff6b35}}.subtitle{color:gold;font-size:1.3em;font-style:italic;margin-bottom:30px;text-shadow:2px 2px 4px #000000b3}.frame-container{margin:0 auto;max-width:1000px;position:relative;width:100%}.main-content{align-items:flex-start;display:flex;gap:20px;justify-content:center;margin-bottom:30px}.photo-frame{background:#000;border:15px solid #0000;border-image:linear-gradient(45deg,#8b4513,#d2691e,#ff8c00,#d2691e,#8b4513);border-image-slice:1;border-radius:10px;box-shadow:0 0 40px #ff6b3566,inset 0 0 15px #ff6b3533,0 8px 25px #0006;flex-shrink:0;height:300px;overflow:hidden;position:relative;width:400px}.filter-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px}.filter-btn{background:linear-gradient(45deg,#8b4513,#d2691e);border:2px solid gold;border-radius:20px;box-shadow:0 2px 8px #0000004d;color:#fff;cursor:pointer;font-family:Georgia,serif;font-size:.9em;padding:8px 16px;text-shadow:1px 1px 2px #000000b3;transition:all .3s ease}.filter-btn:hover{background:linear-gradient(45deg,#d2691e,#ff8c00);box-shadow:0 4px 12px #ff6b3566;transform:translateY(-2px)}.filter-btn.active{background:linear-gradient(45deg,#ff6b35,#ff8c00);border-color:gold;box-shadow:0 0 15px #ff6b3599,0 4px 12px #0000004d;transform:translateY(-1px)}.frame-corner{border:2px solid gold;height:40px;position:absolute;width:40px;z-index:5}.frame-corner:before{color:gold;content:"★";font-size:14px;position:absolute}.frame-corner.top-left{border-bottom:none;border-right:none;border-top-left-radius:10px;left:-10px;top:-10px}.frame-corner.top-left:before{left:-5px;top:-5px}.frame-corner.top-right{border-bottom:none;border-left:none;border-top-right-radius:10px;right:-10px;top:-10px}.frame-corner.top-right:before{right:-5px;top:-5px}.frame-corner.bottom-left{border-bottom-left-radius:10px;border-right:none;border-top:none;bottom:-10px;left:-10px}.frame-corner.bottom-left:before{bottom:-5px;left:-5px}.frame-corner.bottom-right{border-bottom-right-radius:10px;border-left:none;border-top:none;bottom:-10px;right:-10px}.frame-corner.bottom-right:before{bottom:-5px;right:-5px}.photo{height:100%;left:50%;object-fit:cover;object-position:center;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity 3s ease-in-out;width:100%;z-index:2}.photo.active{opacity:1}.slideshow-controls{align-items:center;display:flex;flex-direction:column;gap:12px;z-index:10}.control-btn{align-items:center;background:linear-gradient(45deg,#8b4513,#d2691e);border:2px solid gold;border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:14px;height:40px;justify-content:center;padding:8px 12px;text-shadow:1px 1px 2px #000000b3;transition:all .3s ease;width:40px}.control-btn:hover{background:linear-gradient(45deg,#d2691e,#ff8c00);box-shadow:0 4px 12px #ff6b3566;transform:translateY(-2px) scale(1.05)}.control-btn:active{transform:translateY(0) scale(.95)}.pause-play-btn{background:linear-gradient(45deg,#ff6b35,#ff8c00);border-color:gold;box-shadow:0 0 15px #ff6b3599,0 4px 12px #0000004d}.pause-play-btn:hover{background:linear-gradient(45deg,#ff8c00,orange);box-shadow:0 0 20px #ff6b35cc,0 6px 16px #0006}.prompt-btn{background:linear-gradient(45deg,#4a148c,#7b1fa2);border-color:gold}.prompt-btn:hover{background:linear-gradient(45deg,#7b1fa2,#9c27b0);box-shadow:0 4px 12px #9c27b066}.shuffle-btn{background:linear-gradient(45deg,#2e7d32,#4caf50);border-color:gold}.shuffle-btn:hover{background:linear-gradient(45deg,#4caf50,#66bb6a);box-shadow:0 4px 12px #4caf5066}.shuffle-btn.active{background:linear-gradient(45deg,#ff6b35,#ff8c00);border-color:gold;box-shadow:0 0 15px #ff6b3599,0 4px 12px #0000004d}.guide-btn{background:linear-gradient(45deg,#1565c0,#1976d2);border-color:gold}.guide-btn:hover{background:linear-gradient(45deg,#1976d2,#42a5f5);box-shadow:0 4px 12px #1976d266}.personal-btn{background:linear-gradient(45deg,#c2185b,#e91e63);border-color:gold}.personal-btn:hover{background:linear-gradient(45deg,#e91e63,#f06292);box-shadow:0 4px 12px #e91e6366}.prompt-overlay{animation:fadeIn .3s ease-in-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a0033f2,#330066f2);border:2px solid gold;border-radius:15px;box-shadow:0 0 30px #ffd7004d,0 10px 25px #00000080;flex-shrink:0;height:300px;overflow-y:auto;padding:15px;width:250px}.prompt-content h3{color:gold;font-family:Impact,fantasy;font-size:1em;letter-spacing:1px;margin-bottom:10px;text-align:center;text-shadow:2px 2px 4px #000000b3}.prompt-content p{color:#fff;font-size:.8em;font-style:italic;line-height:1.4;margin:0;text-align:left;text-shadow:1px 1px 2px #000000b3}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.guide-overlay{animation:fadeIn .3s ease-in-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1565c0f2,#1976d2f2);border:2px solid gold;border-radius:15px;box-shadow:0 0 30px #ffd7004d,0 10px 25px #00000080;flex-shrink:0;height:300px;overflow-y:auto;padding:15px;width:250px}.guide-content h3{color:gold;font-family:Impact,fantasy;font-size:1em;letter-spacing:1px;margin-bottom:10px;text-align:center;text-shadow:2px 2px 4px #000000b3}.guide-section{margin-bottom:12px}.guide-section h4{font-size:.8em;margin-bottom:5px}.guide-section h4,.guide-section p{color:#fff;text-shadow:1px 1px 2px #000000b3}.guide-section p{font-size:.7em;line-height:1.3;margin:0 0 5px;text-align:left}.personal-overlay{animation:fadeIn .3s ease-in-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#c2185bf2,#e91e63f2);border:2px solid gold;border-radius:15px;box-shadow:0 0 30px #ffd7004d,0 10px 25px #00000080;flex-shrink:0;height:300px;overflow-y:auto;padding:15px;width:250px}.personal-content h3{color:gold;font-family:Impact,fantasy;font-size:1em;letter-spacing:1px;margin-bottom:10px;text-align:center;text-shadow:2px 2px 4px #000000b3}.personal-content p{color:#fff;font-size:.8em;line-height:1.4;margin:0 0 10px;text-align:left;text-shadow:1px 1px 2px #000000b3}.contact-info{background:#0000004d;border-radius:8px;margin:10px 0;padding:10px}.contact-info p{margin:5px 0}.contact-info a{color:gold;font-weight:700;text-decoration:none}.contact-info a:hover{text-decoration:underline}.signature{margin-top:30px;padding:15px;text-align:center}.signature p{color:gold;font-family:Georgia,serif;font-size:.9em;font-style:italic;letter-spacing:1px;text-shadow:1px 1px 2px #000000b3}.memorial-message{background:#00000080;border:2px solid #ff6b354d;border-radius:10px;color:#fff;font-size:1.1em;line-height:1.6;margin-left:auto;margin-right:auto;margin-top:60px;max-width:700px;padding:25px}.photo-indicators{bottom:-40px;display:flex;gap:10px;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.indicator{background:#ffd7004d;border:2px solid gold;border-radius:50%;cursor:pointer;height:12px;transition:all .3s;width:12px}.indicator.active{background:gold;box-shadow:0 0 10px gold}.pumpkin{animation:float 6s ease-in-out infinite;font-size:30px;opacity:.6;position:absolute;-webkit-user-select:none;user-select:none}.pumpkin:first-child{animation-delay:0s;left:5%;top:10%}.pumpkin:nth-child(2){animation-delay:2s;right:5%;top:20%}.pumpkin:nth-child(3){animation-delay:4s;bottom:20%;left:3%}.pumpkin:nth-child(4){animation-delay:1s;bottom:15%;right:3%}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(10deg)}}@media (max-width:768px){h1{font-size:2.5em}.main-content{align-items:center;flex-direction:column;gap:15px}.photo-frame{height:67.5vw;max-height:300px;max-width:400px;width:90vw}.slideshow-controls{flex-direction:row;flex-wrap:wrap;gap:12px;justify-content:center}.guide-overlay,.personal-overlay,.prompt-overlay{height:auto;max-width:400px;min-height:200px;width:90vw}.control-btn{font-size:14px;height:40px;padding:8px 12px;width:40px}.memorial-message{margin-top:40px;max-width:90vw;padding:20px}}
/*# sourceMappingURL=main.6775ca6a.css.map*/