:root{--inv-primary:#1a1a1a;--inv-primary-light:#333;--inv-secondary:#666;--inv-bg-main:#fff;--inv-bg-hero:linear-gradient(180deg,#0000004d 0%,#0000001a 100%);--inv-bg-section:#fafafa;--inv-bg-card:#fff;--inv-accent:#c9a86c;--inv-accent-hover:#b8965a;--inv-accent-light:#c9a86c1a;--inv-text-primary:#1a1a1a;--inv-text-secondary:#666;--inv-text-muted:#999;--inv-text-light:#fff;--inv-border:#e5e5e5;--inv-shadow-sm:0 2px 8px #00000014;--inv-shadow-md:0 4px 16px #0000001f;--inv-shadow-lg:0 8px 32px #00000029;--inv-font-primary:"Georgia","Times New Roman",serif;--inv-font-secondary:"Helvetica Neue",Arial,sans-serif;--inv-font-accent:"Playfair Display",Georgia,serif;--inv-text-xs:.75rem;--inv-text-sm:.875rem;--inv-text-base:1rem;--inv-text-lg:1.125rem;--inv-text-xl:1.25rem;--inv-text-2xl:1.5rem;--inv-text-3xl:2rem;--inv-text-4xl:2.5rem;--inv-text-5xl:3.5rem;--inv-space-xs:.25rem;--inv-space-sm:.5rem;--inv-space-md:1rem;--inv-space-lg:1.5rem;--inv-space-xl:2rem;--inv-space-2xl:3rem;--inv-space-3xl:4rem;--inv-space-4xl:6rem;--inv-radius-sm:4px;--inv-radius-md:8px;--inv-radius-lg:16px;--inv-radius-full:9999px;--inv-transition-fast:.15s ease;--inv-transition-base:.25s ease;--inv-transition-slow:.4s ease;--inv-z-base:1;--inv-z-dropdown:10;--inv-z-sticky:50;--inv-z-modal:100;--inv-z-tooltip:150}.inv-page{background:var(--inv-bg-main);scroll-behavior:smooth;min-height:100vh;overflow-x:hidden}.inv-page a{text-decoration:none}.inv-page button{font-family:inherit}.invitation-letter{background:var(--inv-bg-main,#fff);width:100%;height:100%;font-family:var(--inv-font-secondary,"Helvetica Neue",Arial,sans-serif);flex-direction:column;gap:1.5rem;padding:1.5rem 1rem;display:flex;overflow:hidden auto}.invitation-letter::-webkit-scrollbar{width:4px}.invitation-letter::-webkit-scrollbar-track{background:0 0}.invitation-letter::-webkit-scrollbar-thumb{background:var(--inv-border,#e5e5e5);border-radius:2px}.letter-header{text-align:center;flex-direction:column;gap:.5rem;display:flex}.letter-names{text-transform:uppercase;letter-spacing:3px;color:var(--inv-text-muted,#999);margin:0;font-size:.7rem}.letter-headline{font-family:var(--inv-font-accent,"Playfair Display",Georgia,serif);color:var(--inv-text-primary,#1a1a1a);margin:0;font-size:1.5rem;font-weight:400;line-height:1.2}.letter-subheadline{color:var(--inv-text-secondary,#666);margin:0;font-size:.75rem;line-height:1.4}.letter-date{color:var(--inv-accent,#c9a86c);margin:.25rem 0 0;font-size:.8rem;font-weight:500}.letter-divider{justify-content:center;align-items:center;padding:.5rem 0;display:flex}.letter-divider:before,.letter-divider:after{content:"";background:var(--inv-border,#e5e5e5);flex:1;height:1px}.letter-divider-icon{width:16px;height:16px;color:var(--inv-accent,#c9a86c);margin:0 .75rem}.letter-events{flex-direction:column;gap:1rem;display:flex}.letter-events .inv-event-card{box-shadow:none;border:1px solid var(--inv-border,#e5e5e5);gap:.5rem;padding:1rem}.letter-events .inv-event-card__icon{width:32px;height:32px;margin-bottom:0}.letter-events .inv-event-card__title{font-size:.9rem}.letter-events .inv-event-card__detail{gap:.25rem;font-size:.75rem}.letter-events .inv-event-card__detail-icon{width:14px;height:14px}.letter-actions{flex-direction:column;gap:1rem;display:flex}.letter-action{text-align:center;flex-direction:column;align-items:center;gap:.5rem;display:flex}.letter-action h3{font-family:var(--inv-font-accent,"Playfair Display",Georgia,serif);color:var(--inv-text-primary,#1a1a1a);margin:0;font-size:.9rem;font-weight:400}.letter-action-icon{width:24px;height:24px;color:var(--inv-accent,#c9a86c)}.letter-action .inv-button{padding:.5rem 1.25rem;font-size:.8rem}.letter-engagement{background:var(--inv-bg-section,#fafafa);border-radius:8px;flex-direction:column;align-items:center;gap:.75rem;padding:1rem;display:flex}.letter-hashtag{font-family:var(--inv-font-accent,"Playfair Display",Georgia,serif);color:var(--inv-accent,#c9a86c);align-items:center;gap:.5rem;font-size:1rem;display:flex}.letter-engagement-icon{width:18px;height:18px;color:var(--inv-accent,#c9a86c)}.letter-footer{text-align:center;border-top:1px solid var(--inv-border,#e5e5e5);margin-top:auto;padding-top:1rem}.letter-footer p{color:var(--inv-text-secondary,#666);margin:0 0 .5rem;font-size:.8rem}.letter-footer-names{font-family:var(--inv-font-accent,"Playfair Display",Georgia,serif);color:var(--inv-text-primary,#1a1a1a);justify-content:center;align-items:center;gap:.5rem;font-size:1rem;display:flex}.letter-footer-heart{width:12px;height:12px;color:var(--inv-accent,#c9a86c)}.cls-1{fill:none;stroke:#41484f;stroke-miterlimit:10;stroke-width:1.15px}.cls-2{fill:#f3f1eb}.container{background:var(--inv-bg-main);justify-content:center;align-items:flex-start;height:300vh;display:flex;position:relative}.container>.envelope-wrapper{position:sticky;top:50vh;transform:translateY(-50%)}.container>.envelope-wrapper>.envelope{background:#f5f0e8;border-radius:6px;width:340px;height:240px;position:relative;overflow:visible;box-shadow:0 4px 20px #0000001f,0 1px 4px #00000014}.container>.envelope-wrapper>.envelope:before{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000003 2px 4px),repeating-linear-gradient(90deg,#0000,#0000 3px,#00000002 3px 6px);border-radius:6px;position:absolute;inset:0}.container>.envelope-wrapper>.envelope .flap{z-index:0;transform-origin:top;filter:drop-shadow(0 2px 4px #00000014);backface-visibility:visible;border-top:130px solid #ede6da;border-left:170px solid #0000;border-right:170px solid #0000;position:absolute;top:0}.container>.envelope-wrapper>.envelope .pocket{z-index:2;border:170px solid #e8e0d2;border-top:130px solid #0000;border-bottom-width:110px;border-bottom-right-radius:6px;border-bottom-left-radius:6px;width:0;height:0;position:absolute}.container>.envelope-wrapper>.envelope .twine{z-index:5;pointer-events:none;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.container>.envelope-wrapper>.envelope .twine__line{background:#b8a88a;border-radius:1px;height:2px;position:absolute;top:50%;left:-8px;right:-8px;transform:translateY(-50%)}.container>.envelope-wrapper>.envelope .twine__line:after{content:"";opacity:.6;background:#c4b496;border-radius:1px;height:1.5px;position:absolute;top:3px;left:-8px;right:-8px}.container>.envelope-wrapper>.envelope .twine__bow{width:50px;height:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.container>.envelope-wrapper>.envelope .twine__bow-loop{background:0 0;border:1.5px solid #b8a88a;border-radius:50%;width:22px;height:14px;position:absolute;top:-4px}.container>.envelope-wrapper>.envelope .twine__bow-loop--left{left:-2px;transform:rotate(-25deg)}.container>.envelope-wrapper>.envelope .twine__bow-loop--right{right:-2px;transform:rotate(25deg)}.container>.envelope-wrapper>.envelope .twine__bow-knot{background:#b8a88a;border-radius:50%;width:6px;height:6px;position:absolute;top:0;left:50%;transform:translate(-50%)}.container>.envelope-wrapper>.envelope .seal-half{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.container>.envelope-wrapper>.envelope .seal-half--top{z-index:3;clip-path:inset(0 0 49.6%);backface-visibility:visible}.container>.envelope-wrapper>.envelope .seal-half--bottom{z-index:5;clip-path:inset(50% 0 0)}.container>.envelope-wrapper>.envelope .wax-seal{background:radial-gradient(circle at 40% 35%,#4a3728,#2d1b10);border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0000004d,inset 0 1px 2px #ffffff1a,inset 0 -1px 2px #0003}.container>.envelope-wrapper>.envelope .wax-seal:before{content:"";z-index:-1;opacity:.7;background:radial-gradient(circle at 40% 35%,#4a3728,#2d1b10);border-radius:48% 52% 50% 50%/52% 48%;position:absolute;inset:-3px}.container>.envelope-wrapper>.envelope .wax-seal__heart{width:22px;height:22px}.container>.envelope-wrapper>.envelope .letter-container{background:var(--inv-bg-main);width:100vw;height:100vh;box-shadow:var(--inv-shadow-lg);transform-origin:50%;z-index:1;margin-left:-50vw;position:absolute;bottom:0;left:170px;overflow:hidden auto}.container>.envelope-wrapper>.envelope .letter-container::-webkit-scrollbar{display:none}.container>.envelope-wrapper>.envelope .envelope-deco{z-index:7;pointer-events:none;position:absolute}.container>.envelope-wrapper>.envelope .envelope-deco--top-left{width:130px;height:130px;top:-40px;left:-35px}.container>.envelope-wrapper>.envelope .envelope-deco--top-right{width:75px;height:75px;top:-22px;right:-18px}.container>.envelope-wrapper>.envelope .envelope-deco--bottom-left{width:65px;height:34px;bottom:2px;left:4px}.container>.envelope-wrapper>.envelope .envelope-deco--bottom-right{width:50px;height:42px;bottom:2px;right:4px}.container>.envelope-wrapper>.envelope-scroll-hint{position:absolute;bottom:-188px;left:50%;transform:translate(-50%)}:root{--primary:var(--inv-bg-main);--bg-color:var(--inv-bg-section);--bg-envelope-color:#f5edd1;--envelope-tab:var(--inv-accent);--envelope-cover:var(--inv-accent-hover);--shadow-color:#00000026;--txt-color:var(--inv-text-primary);--heart-color:var(--inv-accent)}body{background:var(--inv-bg-main);font-family:var(--inv-font-secondary);margin:0;overflow-x:hidden}