@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Montserrat:wght@300;400;500&display=swap);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}body{background:#fefefe}.App{background-image:url(/static/media/bgweb1.739f1ed09020ce2b9545.png);background-repeat:repeat;background-size:390px;min-height:100vh;overflow-x:hidden}@media (min-width:769px){.App{background-image:url(/static/media/bgweb.62d5346caf34542c6734.png);background-size:640px}}section{padding:0}.loading-spinner{border-top-color:#d48a8e;border-top:4px solid var(--accent-color)}.empty-message{color:#777;color:var(--text-light)}.decorative-image{height:250px;opacity:1;pointer-events:none;position:absolute;width:250px;z-index:3}.decorative-image:first-child{Right:2%;animation-delay:0s;top:10%}.decorative-image:nth-child(2){animation-delay:0s;bottom:0;height:100px;right:2%;width:100px}.decorative-image:nth-child(3){animation-delay:0s;bottom:20%;height:70px;left:15%;width:70px}.decorative-image:nth-child(4){animation-delay:0s;right:20%;top:40%}.decorative-image:nth-child(5){animation-delay:0s;bottom:30%;height:50px;right:5%;width:50px}:root{--primary-color:#f8e1f4;--secondary-color:#e2f3e4;--accent-color:#d48a8e;--text-dark:#333;--text-light:#777;--white:#fff;--white-transparent:#fffc}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Montserrat,sans-serif;overflow-x:hidden}.engagement-container{min-height:100vh}.engagement-container,.image-section{display:flex;flex-direction:column;position:relative}.image-section{background-image:url(/static/media/DSC00537.def9e58160857ab4468a.jpg);background-position:50%;background-size:cover;height:41vh;justify-content:flex-end;overflow:hidden;width:100%}.image-overlay{background:linear-gradient(0deg,hsla(0,0%,6%,.712),#0000 60%);inset:0;position:absolute}.image-text{color:#fff;color:var(--white);padding:1.5rem;position:relative;width:100%;z-index:2}.couple-names{font-size:clamp(1.8rem,6vw,4rem)}.couple-names,.couple-subtext{font-family:Playfair Display,serif}.couple-subtext{font-size:clamp(.9rem,3vw,1.75rem)}.divider{animation:fadeInUp 1s ease-out .4s forwards;background:#fff;background:var(--white);height:2px;margin:1rem 0;opacity:0;width:100px}.floating-hearts{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:1}.heart{animation:float 15s linear infinite;color:#d48a8e;color:var(--accent-color);opacity:.6;position:absolute;-webkit-user-select:none;user-select:none}.details-section{align-items:center;background-size:contain;display:flex;justify-content:center;min-height:59vh;overflow:hidden;padding:2rem;position:relative;width:100%;z-index:1}.flower-icon{height:80px;opacity:.3;position:absolute;width:80px;z-index:1}.flower-icon.top-right{right:20px;top:20px;transform:rotate(15deg)}.flower-icon.bottom-left{bottom:20px;left:20px;transform:rotate(-15deg)}.details-content{animation:fadeIn 1s ease-out .6s forwards;max-width:600px;opacity:0;position:relative;text-align:center;width:100%;z-index:2}.event-info{margin-bottom:2.5rem}.event-location{color:#333;color:var(--text-dark);font-family:Playfair Display,serif;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:600;margin-bottom:.5rem}.event-date,.event-time{color:#777;color:var(--text-light);font-family:Playfair Display,serif;font-size:clamp(1rem,2vw,1.25rem);font-style:italic}.event-time{margin-top:.25rem}.countdown-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#fffc;background-color:var(--white-transparent);border-radius:16px;box-shadow:0 8px 20px #0000000d;margin-bottom:2.5rem;padding:2rem}.countdown-title{color:#777;color:var(--text-light);font-family:Montserrat,sans-serif;font-size:1rem;font-weight:500;letter-spacing:1px;margin-bottom:1.5rem}.countdown-timer{align-items:center;display:flex;gap:.5rem;justify-content:center}.time-block{display:flex;flex-direction:column;min-width:50px}.time-value{color:#333;color:var(--text-dark);font-family:Playfair Display,serif;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;line-height:1}.time-label{font-family:Montserrat,sans-serif;font-size:.6rem;letter-spacing:1px;margin-top:.5rem;text-transform:uppercase}.time-label,.time-separator{color:#d48a8e;color:var(--accent-color)}.time-separator{font-family:Playfair Display,serif;font-size:1.5rem;margin:0 .25rem;position:relative;top:-5px}.action-button{align-items:center;background-color:#fff;background-color:var(--white);border:none;border-radius:50px;box-shadow:0 4px 15px #0000001a;color:#333;color:var(--text-dark);cursor:pointer;display:inline-flex;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:500;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s ease}.action-button:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-3px)}.action-button:hover .button-icon{transform:translateX(5px)}.button-icon,.button-text{display:inline-block;transition:transform .3s ease}.button-icon{margin-left:.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{opacity:0;transform:translateY(100vh) rotate(0deg)}10%{opacity:.6}90%{opacity:.6}to{opacity:0;transform:translateY(-100px) rotate(1turn)}}@media (min-width:768px){.engagement-container{flex-direction:row}.image-section{height:100vh;justify-content:center;width:50%}.image-text{margin-bottom:4rem}.image-overlay{background:linear-gradient(135deg,#d48a8e33,#0009)}.details-section{background-attachment:fixed;height:100vh;min-height:auto;width:50%}.countdown-timer{gap:1rem}.time-separator{margin:0 .5rem}}@media (min-width:1200px){.couple-names{font-size:4.5rem}.countdown-container{padding:2.5rem}.time-value{font-size:3rem}}.upload-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:2rem}.upload-container.embed{min-height:auto;padding:0;width:100%}.upload-container.embed .upload-card{box-shadow:none}.upload-section{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:2rem}.content-card{background:var(--white);border-radius:16px;box-shadow:0 10px 30px #0000001a;max-width:800px;padding:2rem;width:100%}.section-title{font-size:2rem;margin-bottom:.5rem;text-align:center}.section-subtitle{color:var(--text-light);font-family:Montserrat,sans-serif;margin-bottom:1.5rem;text-align:center}.upload-card{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;max-width:800px;padding:2rem;width:100%}.upload-title{color:#897a59;font-size:2rem;margin-bottom:.5rem}.upload-subtitle,.upload-title{font-family:Playfair Display,serif;text-align:center}.upload-subtitle{color:#666;margin-bottom:1.5rem}.upload-count{color:#888;font-family:Playfair Display,serif;font-size:.9rem;margin-bottom:2rem;text-align:center}.form-group{margin-bottom:1.5rem}.form-group label{color:#fff;display:block;font-weight:500;margin-bottom:.5rem}.form-group input[type=text]{border:1px solid #ddd;border-radius:8px;font-size:1rem;padding:12px;transition:border-color .3s;width:100%}.form-group input[type=text]:focus{border-color:#78ab4b;outline:none}.file-upload-label{background:#f8f8f8;border:2px dashed #ddd;display:block;padding:12px}.camera-button,.file-upload-label{border-radius:8px;cursor:pointer;text-align:center;transition:all .3s}.camera-button{background:#897a59;color:#fff;display:inline-block;margin:5px 0;padding:12px 20px;width:100%}.camera-button:hover{background:#827353}.file-upload-label:hover{background:#fff0f5;border-color:#897a59}#file-upload{display:none}.file-hint{color:#888;font-size:.8rem;margin-top:.5rem;text-align:center}.preview-section{margin:2rem 0}.preview-section h3{color:#555;margin-bottom:1rem}.preview-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.preview-item{aspect-ratio:1/1;position:relative}.preview-image{height:100%;object-fit:cover}.preview-image,.preview-video{border:1px solid #eee;border-radius:8px;width:100%}.preview-video{max-height:300px}.remove-button{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;position:absolute;right:5px;top:5px;transition:all .2s;width:24px}.remove-button:hover{background:#f00c}.submit-button{background:#897a59;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:1rem;padding:14px;transition:all .3s;width:100%}.submit-button:hover:not(:disabled){background:#c07a7e;transform:translateY(-2px)}.submit-button:disabled{background:#ccc;cursor:not-allowed}.progress-container{background:#f0f0f0;border-radius:8px;height:20px;margin:1rem 0;overflow:hidden;position:relative;width:100%}input[type=file]{color:#0000;height:.1px;opacity:0;overflow:hidden;position:absolute;width:.1px;z-index:-1}.progress-bar{background:linear-gradient(90deg,#897a59,#f8b195);height:100%;transition:width .3s}.progress-text{color:#fff;font-size:.8rem;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@media (max-width:600px){.upload-card{padding:1.5rem}.preview-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.camera-overlay{align-items:center;background:#000000e6;display:flex;flex-direction:column;justify-content:flex-end;position:fixed;z-index:1000}.camera-overlay,.camera-video{height:100%;left:0;top:0;width:100%}.camera-video{object-fit:cover;position:absolute}.close-btn{background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:24px;height:40px;right:20px;top:20px;width:40px}.camera-controls,.close-btn{align-items:center;display:flex;justify-content:center;position:absolute;z-index:1001}.camera-controls{bottom:40px;gap:40px;left:0;right:0}.capture-btn{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;height:60px;justify-content:center;padding:0;width:60px}.capture-circle{background:#fff;border:3px solid #ffffff80;border-radius:50%;height:50px;transition:transform .2s;width:50px}.capture-btn:active .capture-circle{transform:scale(.9)}.switch-btn{align-items:center;background:#00000080;border:none;border-radius:50%;cursor:pointer;display:flex;height:50px;justify-content:center;width:50px}.switch-btn svg{filter:drop-shadow(0 0 2px rgba(0,0,0,.5))}.gallery-container{margin:0 auto;max-width:1200px}.gallery-title{color:#897a59;font-size:2.5rem;margin-bottom:.5rem;text-align:center}.gallery-title,.input{font-family:Playfair Display,serif}.gallery-subtitle{color:#696969;font-size:1.1rem;margin-bottom:2rem;text-align:center}.gallery-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:1rem}.gallery-item{border-radius:2px;margin:0 auto;position:relative;transition:transform .3s ease,box-shadow .3s ease}.gallery-item,.gallery-item.video-item{background:#fff;box-shadow:0 4px 12px #00000026,0 0 0 1px #0000001a;max-width:200px;padding:10px 10px 30px}.gallery-item.video-item:before{content:none}.gallery-item:hover{box-shadow:0 10px 25px #0003;transform:rotate(0deg) translateY(-10px)!important;transform:rotate(var(--rotation,0deg)) translateY(-10px)!important}.gallery-item.video-item:hover{filter:drop-shadow(0 5px 10px rgba(0,0,0,.3))}.gallery-image-container{height:160px;margin-bottom:8px;overflow:hidden;position:relative}.gallery-item.video-item .gallery-image-container{background:#fff;height:160px;margin:0}.gallery-image{transition:transform .5s ease}.gallery-image,.gallery-video{height:100%;object-fit:cover;width:100%}.gallery-video{background:#000;display:flex}.video-container{height:100%;position:relative;width:100%}.gallery-item.video-item:hover .film-play-icon{opacity:1;transform:translate(-50%,-50%) scale(1.1)}.video-error{background:#333;color:#fff;flex-direction:column;height:100%;justify-content:center;padding:1rem;text-align:center}.polaroid-footer,.video-error{align-items:center;display:flex}.polaroid-footer{justify-content:space-between;padding:0 5px}.gallery-item.video-item .polaroid-footer{background:#0000;color:#333;margin:0}.uploader-name{color:#333;font-family:Dancing Script,cursive;font-size:1.1rem;margin:5px 0;overflow:visible;text-overflow:ellipsis;white-space:nowrap;z-index:2}.gallery-item.video-item .uploader-name{color:#333}.image-actions{gap:8px}.action-btn{background:none;border:none;color:#888;cursor:pointer;font-size:.9rem;padding:5px;transition:all .2s ease;z-index:1}.action-btn:hover{color:#897a59;transform:scale(1.1)}.like-btn.liked{color:#ff6b6b}.download-btn:hover{color:#6b8e6b}.gallery-modal{align-items:center;background:#fff6;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:5px;box-shadow:0 5px 30px #0000004d;max-height:85%;max-width:85%;padding:20px;text-align:center}.film-reel-modal{background:none;min-height:auto;min-width:auto;padding:0}.modal-content img{border-radius:2px;max-height:80vh;max-width:100%;object-fit:contain}.modal-video{background:#fff;box-shadow:0 4px 12px #00000026;max-height:80vh;max-width:90%;padding:10px}.modal-caption{color:#333;font-family:Montserrat,sans-serif;font-size:1.2rem;margin-top:1rem}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-radius:50%;border-top-color:#897a59;height:40px;margin:2rem auto;width:40px}.empty-message{color:#f0f0f0;font-family:Montserrat,sans-serif;font-size:1.1rem;margin-top:2rem;text-align:center}.albums-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:1rem}.album-card{background:#eeeeeee6;border-radius:12px;box-shadow:0 4px 12px #0000001a;cursor:pointer;overflow:hidden;padding:15px;position:relative;transition:all .3s ease;z-index:1}.album-card:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-5px)}.album-preview{align-self:center;height:120px;margin-bottom:15px;margin-left:19%;position:relative;transition:height .3s ease}.album-card.expanded .album-preview{height:10px;transition:height .3s ease}.album-card.expanded{z-index:2}.album-preview-item{background:#fff;border-radius:4px;box-shadow:0 4px 12px #00000026;height:160px;overflow:hidden;padding:8px 8px 30px;position:absolute;transition:all .5s cubic-bezier(.175,.885,.32,1.275);width:150px}.album-preview-item.first{left:0;top:0;transform:rotate(-5deg);z-index:3}.album-preview-item.second{left:30px;top:10px;transform:rotate(0deg);z-index:2}.album-preview-item.third{left:60px;top:20px;transform:rotate(5deg);z-index:1}.album-card.expanded .album-preview-item{opacity:0;transform:rotate(0deg)!important;transition:all .3s ease}.album-image-container{height:120px;overflow:hidden;position:relative;width:100%}.album-image{object-fit:cover}.album-image,.album-video-container{height:100%;width:100%}.album-video-container .video-container{height:120px}.album-info{padding:10px 0;text-align:center}.album-name{color:#333;font-family:Dancing Script,cursive;font-size:1.5rem;margin-bottom:5px}.album-count{color:#888;font-family:Montserrat,sans-serif;font-size:.9rem}.album-full-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);max-height:0;opacity:0;overflow:hidden;position:relative;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.album-full-grid.visible{max-height:30000px;opacity:1;padding-top:15px;z-index:1}.grid-item{background:#fff;border-radius:4px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:all .3s ease}.grid-item:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-3px)}.grid-image-container{height:200px;overflow:hidden;width:100%}.grid-image{border-radius:15px;height:100%;object-fit:cover;padding:10px;width:100%}.grid-video-container,.grid-video-container .video-container{height:300px}.grid-actions{background:#00000008;display:flex;gap:10px;justify-content:center;padding:8px}@media (max-width:768px){.gallery-grid{gap:12px;grid-template-columns:repeat(2,1fr);padding:.5rem}.gallery-item{max-width:none;padding:8px 8px 25px}.gallery-item.video-item{padding:8px 8px 20px}.gallery-image-container{height:140px}.gallery-item.video-item .gallery-image-container{height:140px;margin:0;width:100%}.uploader-name{font-size:.8rem}.albums-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.album-preview{height:120px}.album-preview-item{height:120px;width:120px}.album-image-container,.album-video-container .video-container{height:100px}.album-name{font-size:1.3rem}.album-full-grid{grid-template-columns:1fr}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.b0bd12fe.css.map*/