*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}body{background:linear-gradient(135deg,#ff9a9e,#fecfef 50%,#fecfef);min-height:100vh;color:#333}h1,h2,h3,h4,h5,h6{font-family:Georgia,Times New Roman,serif;font-weight:600;color:#d63384}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0) rotate(0deg)}50%{opacity:1;transform:scale(1) rotate(180deg)}}@keyframes firework{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:0}}@keyframes floatingHeart{0%{transform:translateY(100vh) translateX(0) scale(.5);opacity:.8}50%{opacity:1;transform:translateY(50vh) translateX(20px) scale(1)}to{transform:translateY(-100px) translateX(0) scale(.5);opacity:0}}.container{max-width:1200px;margin:0 auto;padding:0 20px}.fade-in{animation:fadeIn 1s ease-out}.float{animation:float 3s ease-in-out infinite}.heartbeat{animation:heartbeat 2s ease-in-out infinite}.btn{padding:12px 24px;border:none;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center}.btn-primary{background:linear-gradient(45deg,#ff6b9d,#ff8fab);color:#fff;box-shadow:0 4px 15px rgba(255,107,157,.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,107,157,.4)}.btn-secondary{background:#fff;color:#ff6b9d;border:2px solid #ff6b9d}.btn-secondary:hover{background:#ff6b9d;color:#fff}.card{background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:30px;box-shadow:0 8px 30px rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.3)}.card-header{text-align:center;margin-bottom:30px}.card-title{font-size:2.5rem;margin-bottom:10px;background:linear-gradient(45deg,#ff6b9d,#d63384);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:20px;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;position:relative}.modal-close{position:absolute;top:15px;right:20px;background:none;border:none;font-size:24px;cursor:pointer;color:#999;padding:5px;line-height:1}.modal-close:hover{color:#ff6b9d}.floating-hearts{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.floating-heart{position:absolute;font-size:24px;color:#ff6b9d;animation:floatingHeart 8s linear infinite}.fireworks-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5}.firework{width:100px;height:100px;animation:firework 1s ease-out}.firework,.firework-particle{position:absolute;border-radius:50%}.firework-particle{width:4px;height:4px;background:#ff6b9d}.password-form{display:flex;flex-direction:column;gap:20px;align-items:center}.password-input{padding:15px 20px;border:2px solid #ff6b9d;border-radius:25px;font-size:18px;text-align:center;outline:none;width:300px;max-width:100%}.password-input:focus{border-color:#d63384;box-shadow:0 0 10px rgba(255,107,157,.3)}.photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:20px;gap:20px;margin-top:30px}.photo-item{position:relative;border-radius:15px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,.2);transition:transform .3s ease}.photo-item:hover{transform:scale(1.05)}.photo-item img{width:100%;height:200px;object-fit:cover}.messages-grid{display:grid;grid-gap:15px;gap:15px;max-height:400px;overflow-y:auto;padding:20px}.message-item{padding:15px;background:linear-gradient(45deg,#ffeef5,#fff0f6);border-radius:15px;border-left:4px solid #ff6b9d}.message-number{font-weight:700;color:#d63384;margin-bottom:5px}.journal-entry{padding:20px;margin-bottom:20px;background:hsla(0,0%,100%,.8);border-radius:15px;border-left:4px solid #ff6b9d}.journal-date{font-size:14px;color:#666;margin-bottom:10px}.journal-content{line-height:1.6;color:#444}.click-sparkle{position:fixed;pointer-events:none;z-index:1000;font-size:20px;animation:sparkle .8s ease-out forwards}.min-h-screen{min-height:100vh}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.p-4{padding:1rem}.relative{position:relative}.fixed{position:fixed}@media (max-width:768px){.card-title{font-size:2rem}.card{padding:20px}.password-input{width:100%}.photo-grid{grid-template-columns:1fr}.modal-content{margin:10px;max-height:90vh}}@media (max-width:480px){.card-title{font-size:1.5rem}.btn{padding:10px 20px;font-size:14px}}