:root{--background:#f7f1e7;--background-soft:#fbf7f0;--paper:#fff9f1;--rose:#c97878;--rose-soft:#e6aaa3;--rose-light:#f3d6d0;--champagne:#e6c79c;--beige:#e8dccb;--text-primary:#59463f;--text-secondary:#806b62;--text-muted:#aa9287;--white:#fffdf9}html{scroll-behavior:smooth}body{background-color:var(--beige);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Lora,serif;overflow-x:hidden}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{color:var(--text-primary);margin:0;font-family:Cormorant Garamond,serif;font-weight:500}p{margin:0;line-height:1.6}.script-font{font-family:Caveat,cursive}.app-container{background-color:var(--background);background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20800%20800'%3e%3cfilter%20id='noise'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='.75'%20numOctaves='3'%20seed='11'/%3e%3cfeColorMatrix%20type='saturate'%20values='0'/%3e%3cfeComponentTransfer%3e%3cfeFuncA%20type='table'%20tableValues='0%20.055'/%3e%3c/feComponentTransfer%3e%3c/filter%3e%3crect%20width='100%25'%20height='100%25'%20fill='%23F7F1E7'/%3e%3crect%20width='100%25'%20height='100%25'%20filter='url(%23noise)'%20opacity='.8'/%3e%3c/svg%3e");background-size:400px;max-width:680px;min-height:100vh;margin:0 auto;padding-inline:clamp(16px,5vw,40px);position:relative;overflow-x:hidden;box-shadow:0 0 45px #59463f14}.text-center{text-align:center}.flex-center{justify-content:center;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.section-spacing{flex-direction:column;justify-content:center;min-height:88svh;padding-block:clamp(72px,13vh,128px);display:flex}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.hero-section{min-height:100svh;padding-block:clamp(48px,8vh,80px);position:relative}.hero-decor-top{margin-bottom:20px}.hero-subtitle{letter-spacing:.2em;color:var(--text-muted);text-transform:uppercase;margin-bottom:15px;font-size:.75rem}.hero-title{color:var(--text-primary);margin-bottom:5px;font-size:clamp(3rem,15vw,4rem);line-height:1.1}.hero-name{color:var(--rose);margin-bottom:30px;font-size:clamp(3rem,14vw,4.5rem);line-height:1}.hero-intro-container{max-width:400px;margin:0 auto}.hero-intro{color:var(--text-secondary);margin-bottom:40px;font-size:.95rem}.hero-button{background-color:var(--rose-soft);color:var(--white);cursor:pointer;border:none;border-radius:50px;padding:14px 28px;font-family:Lora,serif;font-size:.95rem;transition:all .3s;display:inline-block;box-shadow:0 4px 15px #c9787833}.hero-button:hover{background-color:var(--rose);transform:translateY(-2px)scale(1.02);box-shadow:0 6px 20px #c978784d}.hero-button:focus-visible{outline:3px solid var(--champagne);outline-offset:4px}.hero-button:active{transform:translateY(0)scale(.98)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.floating-decor{animation:4s ease-in-out infinite float}.floating-decor-slow{animation:6s ease-in-out infinite float}.hero-confetti{object-fit:fill;opacity:.72;pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.hero-text-content,.hero-intro-container,.hero-decor-top{z-index:2;position:relative}.hero-balloons{z-index:1;pointer-events:none;width:104px;position:absolute;top:15%;left:-20px}.hero-cake{z-index:1;pointer-events:none;width:86px;position:absolute;bottom:20%;right:-10px}.hero-note{z-index:2;width:90px;color:var(--rose);font-size:1.05rem;line-height:1.05;position:absolute;top:7%;transform:rotate(-7deg)}.hero-note-left{left:0}.hero-note-right{right:0;transform:rotate(7deg)}.hero-tag,.hero-heart,.hero-sparkle{pointer-events:none;z-index:1;position:absolute}.hero-tag{width:46px;bottom:13%;left:72px;transform:rotate(-8deg)}.hero-heart{width:22px;top:34%;right:7%;transform:rotate(9deg)}.hero-sparkle{width:26px;bottom:10%;right:14%}@media (width>=768px){.hero-note{width:120px;font-size:1.3rem;top:6%}.hero-balloons{width:150px;left:20px}.hero-cake{width:130px;bottom:25%;right:20px}.hero-title{font-size:4rem}.hero-name{font-size:4.5rem}.hero-intro{font-size:1.05rem}}@media (width<=420px){.hero-note{width:76px;font-size:.9rem;top:4%}.hero-balloons{width:88px;top:19%;left:-30px}.hero-cake{width:76px;bottom:17%;right:-24px}.hero-tag{width:38px;bottom:12%;left:38px}}.photo-moment-section{position:relative}.photo-frame{background-color:var(--paper);border:1px solid #e8dccb80;border-radius:4px;width:90%;max-width:340px;margin:0 auto;padding:12px 12px 24px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);position:relative;box-shadow:0 10px 25px #59463f14,0 4px 10px #59463f0a}.photo-tape{z-index:2;width:78px;position:absolute;top:-18px;left:50%;transform:translate(-50%)rotate(1deg)}.photo-decor{pointer-events:none;position:absolute}.photo-decor-heart{width:28px;top:34%;left:2%;transform:rotate(-10deg)}.photo-decor-sparkle{width:34px;bottom:29%;right:1%}.photo-inner{aspect-ratio:4/3;border-radius:2px;width:100%;overflow:hidden}.photo-img{object-fit:cover;width:100%;height:100%}.photo-caption{text-align:center;color:var(--text-primary);margin-top:18px;font-size:1.6rem;line-height:1}@media (width>=768px){.photo-frame{max-width:440px;padding:16px 16px 32px}.photo-decor-heart{left:5%}.photo-decor-sparkle{right:5%}.photo-caption{margin-top:24px;font-size:1.8rem}}.lazy-image-wrapper{width:100%;height:100%;position:relative;overflow:hidden}.lazy-image{opacity:0;width:100%;height:100%;transition:opacity .3s;display:block}.lazy-image.is-loaded{opacity:var(--lazy-image-opacity,1)}.lazy-image-skeleton,.lazy-image-fallback{position:absolute;inset:0}.lazy-image-skeleton{z-index:1;background:linear-gradient(105deg, var(--background-soft) 30%, var(--paper) 45%, var(--rose-light) 55%, var(--background-soft) 70%);opacity:1;pointer-events:none;background-size:220% 100%;transition:opacity .3s;animation:1.8s ease-in-out infinite lazy-image-shimmer}.lazy-image-skeleton.is-hidden{opacity:0}.lazy-image-fallback{background:var(--background-soft);color:var(--text-muted);text-align:center;place-items:center;padding:12px;font-size:.82rem;line-height:1.4;display:grid}@keyframes lazy-image-shimmer{to{background-position:-120% 0}}@media (prefers-reduced-motion:reduce){.lazy-image,.lazy-image-skeleton{transition:none}.lazy-image-skeleton{animation:none}}.message-container{text-align:center;width:85%;max-width:480px}.message-text{color:var(--text-primary);white-space:pre-line;margin-bottom:30px;font-size:1.05rem;line-height:1.8}.message-separator{justify-content:center;align-items:center;width:100%;margin:0 auto;display:flex}.separator-icon-img{opacity:.8;width:auto;height:24px}@media (width>=768px){.message-text{font-size:1.15rem}}.moments-section{flex-direction:column;align-items:center;display:flex}.moments-header{align-items:center;gap:10px;margin-bottom:40px;display:flex}.moments-title{color:var(--rose);font-size:1.8rem}.moments-grid{flex-wrap:wrap;justify-content:center;gap:34px 18px;width:100%;padding:0 10px;display:flex}.moment-frame{background-color:var(--paper);border:1px solid #e8dccb66;border-radius:3px;width:calc(50% - 10px);max-width:180px;padding:8px 8px 16px;transition:transform .3s,z-index;position:relative;box-shadow:0 8px 20px #59463f0f,0 3px 6px #59463f08}.moment-tape{z-index:2;width:50px;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.moment-inner{aspect-ratio:1;background-color:#eee;border-radius:2px;width:100%;overflow:hidden}.moment-img{object-fit:cover;width:100%;height:100%}.moment-caption{text-align:center;color:var(--text-primary);margin-top:12px;font-size:1.1rem;line-height:1.1}.moments-footer-decor{margin-top:50px}@media (width>=768px){.moments-grid{flex-wrap:nowrap;gap:20px}.moment-frame{width:180px;max-width:none;padding:10px 10px 20px}.moment-caption{font-size:1.3rem}}.letter-container{background-color:var(--paper);border:1px solid #e8dccb99;border-radius:20px;width:95%;max-width:540px;margin:0 auto;padding:40px 30px;position:relative;box-shadow:0 15px 35px #59463f0d,0 5px 15px #59463f08}.letter-ribbon-decor{justify-content:center;align-items:center;display:flex;position:absolute;top:-15px;left:-15px;transform:rotate(-10deg)}.letter-ribbon-decor img{width:84px}.letter-greeting{color:var(--text-primary);margin-bottom:25px;font-size:2.2rem;line-height:1.2}.letter-body{flex-direction:column;gap:20px;display:flex}.letter-paragraph{color:var(--text-secondary);text-align:justify;font-size:1rem;line-height:1.75}.letter-signature{text-align:right;color:var(--rose);margin-top:40px;font-size:1.6rem;line-height:1.3}.signature-name{margin-top:5px;font-size:1.9rem}@media (width>=768px){.letter-container{padding:50px 45px}.letter-greeting{font-size:2.5rem}.letter-paragraph{font-size:1.05rem;line-height:1.8}.letter-signature{font-size:1.8rem}.signature-name{font-size:2.2rem}}.video-section{min-height:100svh;padding-bottom:clamp(100px,16vh,160px)}.video-intro{color:var(--text-secondary);text-align:center;margin-bottom:25px;font-size:1.6rem}.video-container{background-color:var(--text-primary);border:1px solid #e6c79c59;border-radius:18px;width:95%;max-width:560px;margin:0 auto;overflow:hidden;box-shadow:0 15px 40px #59463f1f,0 5px 15px #59463f0d}.custom-video-player{aspect-ratio:16/9;width:100%;color:var(--paper);cursor:pointer;touch-action:manipulation;outline:none;position:relative;overflow:hidden}.custom-video-player:focus-visible{box-shadow:inset 0 0 0 3px var(--champagne)}.custom-video-player:fullscreen{background:#1e1412;border-radius:0}.video-player{aspect-ratio:16/9;object-fit:cover;width:100%;height:100%;display:block}.video-player-note{color:var(--paper);white-space:pre-line;text-shadow:0 2px 8px #1e14128c;opacity:.9;pointer-events:none;font-size:clamp(1.15rem,4vw,1.55rem);line-height:.95;position:absolute;top:16px;left:18px}.center-video-control{z-index:2;aspect-ratio:1;width:clamp(58px,16vw,70px);color:var(--rose);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#fff9f1e6;border:1px solid #ffffff94;border-radius:50%;place-items:center;padding:0;transition:transform .22s,background-color .22s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #1e141238}.center-video-control svg{fill:currentColor;width:31%;height:31%}.center-video-control:hover{background:var(--paper);transform:translate(-50%,-50%)scale(1.05)}.center-video-control:active{transform:translate(-50%,-50%)scale(.96)}.center-video-control:focus-visible,.video-control-button:focus-visible,.video-progress:focus-visible,.video-volume:focus-visible{outline:2px solid var(--champagne);outline-offset:2px}.video-loader{z-index:2;border:3px solid #fff9f159;border-top-color:var(--paper);border-radius:50%;width:34px;height:34px;animation:.75s linear infinite video-spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes video-spin{to{transform:translate(-50%,-50%)rotate(360deg)}}.video-controls{z-index:1;opacity:0;pointer-events:none;background:linear-gradient(#1e141200,#1e14129e);padding:46px 12px 9px;transition:opacity .24s,transform .24s;position:absolute;bottom:0;left:0;right:0;transform:translateY(8px)}.controls-visible .video-controls{opacity:1;pointer-events:auto;transform:translateY(0)}.video-timeline-row,.video-control-row{align-items:center;display:flex}.video-timeline-row{font-variant-numeric:tabular-nums;text-shadow:0 1px 4px #1e1412cc;gap:8px;min-width:0;font-size:.68rem}.video-control-row{min-height:40px}.video-control-spacer{flex:1}.video-control-button{width:40px;height:40px;color:var(--paper);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:0 0 40px;place-items:center;padding:0;transition:color .18s,background-color .18s,transform .18s;display:grid}.video-control-button:hover{color:var(--rose-light);background:#fff9f124}.video-control-button:active{transform:scale(.92)}.video-control-button svg{width:19px;height:19px}.video-progress,.video-volume{appearance:none;cursor:pointer;background:0 0;height:24px;margin:0}.video-progress{flex:1;min-width:0}.video-volume{width:72px}.video-progress::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--rose) 0 var(--progress,0%), #ffffff59 var(--progress,0%) 100%);border-radius:999px;height:4px}.video-volume::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--rose) 0 var(--progress,0%), #ffffff59 var(--progress,0%) 100%);border-radius:999px;height:4px}.video-volume::-webkit-slider-runnable-track{background:#ffffff6b}.video-progress::-moz-range-track{background:#ffffff59;border-radius:999px;height:4px}.video-volume::-moz-range-track{background:#ffffff59;border-radius:999px;height:4px}.video-progress::-moz-range-progress{background:var(--rose);border-radius:999px;height:4px}.video-progress::-webkit-slider-thumb{appearance:none;border:2px solid var(--paper);background:var(--rose);border-radius:50%;width:14px;height:14px;margin-top:-5px;box-shadow:0 2px 7px #1e141247}.video-volume::-webkit-slider-thumb{appearance:none;border:2px solid var(--paper);background:var(--rose);border-radius:50%;width:14px;height:14px;margin-top:-5px;box-shadow:0 2px 7px #1e141247}.video-progress::-moz-range-thumb{border:2px solid var(--paper);background:var(--rose);border-radius:50%;width:11px;height:11px;box-shadow:0 2px 7px #1e141247}.video-volume::-moz-range-thumb{border:2px solid var(--paper);background:var(--rose);border-radius:50%;width:11px;height:11px;box-shadow:0 2px 7px #1e141247}.video-footer{margin-top:35px}.video-title{color:var(--text-primary);margin-bottom:8px;font-size:1.5rem}.video-subtitle{color:var(--rose-soft);margin-bottom:40px;font-size:1.3rem}.final-closing{color:var(--text-primary);font-family:Cormorant Garamond,serif;font-size:1.2rem;font-style:italic;font-weight:500}.final-decor{justify-content:center;margin-top:30px;display:flex}@media (width>=768px){.video-intro{margin-bottom:35px;font-size:1.8rem}.video-title{font-size:1.8rem}.video-subtitle{font-size:1.5rem}.final-closing{font-size:1.4rem}}@media (width<=520px){.video-container{width:100%}.video-controls{padding-inline:8px;padding-bottom:5px}.video-player-note{top:12px;left:13px}.video-volume{display:none}}