@import url(https://fonts.googleapis.com/css2?family=Fredoka+One&family=Nunito:wght@400;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&family=Quicksand:wght@400;600&display=swap);body{background:linear-gradient(180deg,#ffdde1,#def3f6);font-family:Nunito,sans-serif;padding:20px;text-align:center}h1{font-size:4rem;font-weight:700;margin-top:20px}h1:before{content:"💖 "}h1:after{content:" ✨"}.section-box{border-radius:15px;box-shadow:0 4px 10px #00000026;font-size:1.2rem;font-weight:400;margin:20px auto;padding:25px;text-align:center;width:80%}.about-box{background:#ffdde1;color:#ff4081}.how-it-works-box{background:#ffeb99;color:#ff8c00;margin:auto;max-width:600px;text-align:left}.features-box{background:#b5e7a0;color:#2e7d32;display:flex;flex-wrap:wrap;justify-content:space-around}.recent-box{background:#a0e9ff;color:#007acc}.how-it-works{list-style-type:none;padding-left:0}.how-it-works li{background:#ffffff80;border-radius:10px;font-size:1.1rem;font-weight:700;margin:8px 0;padding:10px}.how-it-works li:first-child:before{color:#ff4081;content:"✔️ "}.how-it-works li:nth-child(2):before{color:#ff8c00;content:"🎥 "}.how-it-works li:nth-child(3):before{color:#007acc;content:"📅 "}.how-it-works li:nth-child(4):before{color:#2e7d32;content:"⏳ "}.features{display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px;text-align:center}.feature-box{background:#ffffffe6;border-radius:12px;box-shadow:0 3px 6px #0000001f;flex:1 1;font-size:1.1rem;margin:10px;min-width:250px;padding:20px;transition:all .3s ease-in-out}.feature-box:hover{box-shadow:0 6px 12px #0003;transform:translateY(-5px)}.about-box:before{content:"📖 "}.how-it-works-box:before{content:"🛠️ "}.features-box:before{content:"🎁 "}.recent-box:before{content:"🕰️ "}h2{color:#ff4081;font-family:Fredoka One,cursive;font-size:2rem}strong{color:#ff6b81}.form-container{align-items:center;background:#ffffffb3;border-radius:15px;box-shadow:0 4px 10px #00000026;display:flex;flex-direction:column;justify-content:center;margin-left:auto;margin-right:auto;margin-top:30px;max-width:500px;padding:20px;width:50%}input,textarea{background:#fff5f8;border:2px solid #ff4081;border-radius:10px;font-size:1rem;margin:8px 0;outline:none;padding:12px;width:90%}input:focus,textarea:focus{border-color:#ff8c00;box-shadow:0 0 10px #ff8c0066}button{background:#ff4081;border-radius:10px;font-size:1.2rem;margin-top:10px;padding:12px 20px;transition:all .3s ease-in-out}button:hover{background:#ff8c00;transform:scale(1.05)}h1{color:#ff4081;font-family:Fredoka One,cursive;font-size:3rem;text-shadow:3px 3px 10px #0003}.file-input-container{align-items:center;display:flex;margin-bottom:10px}.remove-btn{background:red;margin-left:10px;padding:5px}.add-media-btn,.remove-btn{border:none;border-radius:5px;color:#fff;cursor:pointer}.add-media-btn{background:#ff66b2;margin-top:10px;padding:10px}.create-btn{background:#ff4081;border:none;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:15px}.add-media-btn,.create-btn,.create-capsule-btn{border-radius:10px}.profile-container{padding:20px;text-align:center}.profile-info{background:#fff;border-radius:12px;box-shadow:0 4px 8px #0000001a;display:inline-block;margin:10px 0;padding:15px}.profile-pic{border-radius:50%;height:80px;width:80px}.loading{color:#555;font-size:18px;font-weight:700}.error{color:red;font-weight:700}.capsule-grid{display:flex;flex-wrap:wrap;justify-content:center}.capsule-card{border-radius:8px;box-shadow:2px 2px 10px #0000001a;padding:10px;transition:transform .2s}button{background-color:#ff4d6d;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:5px 10px}button:hover{background-color:#f36}.capsule-card{background:#fff;border-radius:12px;box-shadow:2px 4px 10px #0000001a;margin:10px;padding:15px;text-align:center;transition:transform .2s ease-in-out;width:250px}.capsule-card:hover{transform:scale(1.05)}.capsule-title{color:#ff4d6d;font-size:18px;font-weight:700;margin-bottom:8px}.capsule-description{color:#555}.capsule-container{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin:0;max-width:100%;padding:15px}.capsule{-ms-overflow-style:none;align-items:center;background:#b4ebaae6;border-radius:15px;box-shadow:3px 3px 10px #0000001a;display:flex;flex-direction:column;font-family:Poppins,sans-serif;height:150px;justify-content:flex-start;overflow:auto;padding:15px;scrollbar-width:none;text-align:center;transition:transform .2s ease-in-out;width:240px}.capsule::-webkit-scrollbar{height:0;width:0}.capsule:hover::-webkit-scrollbar-track{background:#0000}.capsule:hover::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#a3d9a5;border:2px solid #0000;border-radius:4px}.capsule:hover{scrollbar-color:#a3d9a5 #0000;scrollbar-width:thin;transform:scale(1.05)}.capsule-title{color:#8b5e3b;font-size:20px;font-weight:600}.capsule-description{color:#444;font-size:14px}.capsule-container:hover .capsule-title{color:#1e4d2b}.video-thumbnail{height:auto!important;max-width:120px!important}.audio-thumbnail{border-radius:8px!important;display:block!important;height:30px!important;margin:5px auto!important;object-fit:contain!important;overflow:hidden!important;width:100%!important}.media-container{align-items:center!important;display:flex!important;flex-direction:column!important;gap:10px!important;margin-bottom:10px!important;width:100%!important}.capsule-container .thumbnail{height:10px!important;width:10px!important}img,video{align-items:center;display:block!important;height:50px!important;justify-content:center;margin:auto;pointer-events:auto!important;width:50px!important}.thumbnail,img,video{cursor:pointer!important;object-fit:cover!important}.thumbnail{border-radius:8px!important;height:80px!important;width:80px!important}nav{background-color:#333;padding:10px}ul{display:flex;list-style-type:none;margin:0;padding:0}li{margin-right:20px}a{color:#fff;text-decoration:none}a:hover{text-decoration:underline}
/*# sourceMappingURL=main.4cfdeed0.css.map*/