@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Great+Vibes&family=Montserrat:wght@400;500;600&display=swap";:root{font-family:Cormorant Garamond,serif;color:#2b271f;background:#eee8dc;font-synthesis:none}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;min-height:100%}body{min-height:100vh;overflow-x:hidden}.ecard{position:relative;width:min(100vw,720px);min-height:100vh;margin:0 auto;overflow:hidden;background-position:center;background-size:cover;background-repeat:no-repeat;transition:background-image .65s ease}.ecard:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,#fffcf41f,#fffaf005 45%,#f1e5d121)}.paper-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:.17;background-image:repeating-linear-gradient(0deg,rgba(70,60,45,.03) 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,rgba(70,60,45,.02) 0 1px,transparent 1px 5px)}.invitation{position:relative;z-index:3;width:min(88%,600px);min-height:100vh;margin:0 auto;padding:clamp(55px,9vh,88px) 24px 210px;text-align:center}.eyebrow,.subtitle,.invitation-line,.details,.venue{font-family:Montserrat,sans-serif;text-transform:uppercase}.eyebrow{margin:0;font-size:clamp(11px,2vw,16px);font-weight:600;letter-spacing:.2em}.subtitle{margin:12px 0 0;font-size:clamp(10px,1.8vw,14px);letter-spacing:.22em}.names{margin:clamp(48px,9vh,82px) 0 clamp(44px,7vh,68px);color:#9a8061}.script-name{font-family:Great Vibes,cursive;font-size:clamp(72px,15vw,118px);line-height:.82;font-weight:400;text-shadow:0 1px 0 rgba(255,255,255,.5)}.ampersand{margin:17px 0;font-family:Cormorant Garamond,serif;font-size:clamp(42px,8vw,64px);line-height:1}.invitation-line{max-width:520px;margin:0 auto 25px;font-size:clamp(9px,1.65vw,14px);font-weight:600;letter-spacing:.13em;line-height:1.75}.date{margin-bottom:12px;color:#a28a6e;font-family:Great Vibes,cursive;font-size:clamp(66px,13vw,105px);line-height:1}.details{margin:0;font-size:clamp(10px,1.8vw,14px);letter-spacing:.16em}.venue{margin-top:34px;font-size:clamp(10px,1.9vw,15px);font-weight:600;line-height:1.9;letter-spacing:.17em}.falling-leaves{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;overflow:hidden;pointer-events:none}.leaf{position:absolute;top:-7%;width:var(--size);height:calc(var(--size)*1.65);opacity:0;transform-origin:50% 0;animation:leaf-fall var(--duration) linear var(--delay) infinite,leaf-sway 2.7s ease-in-out var(--delay) infinite alternate}.leaf i{position:absolute;top:0;right:0;bottom:0;left:0;display:block;border-radius:90% 10%;transform:rotate(var(--rotate));background:#8f9a64;box-shadow:inset 2px 1px 2px #ffffff47,0 2px 4px #322d1e1a}.leaf i:after{content:"";position:absolute;left:48%;top:8%;width:1px;height:82%;background:#504b3247;transform:rotate(-7deg)}.leaf-type-1 i{background:#b9a16c}.leaf-type-2 i{background:#a97d68}.leaf-type-3 i{background:#8a9a70}.leaf-type-4 i{background:#d09b8b}@keyframes leaf-fall{0%{opacity:0;transform:translate3d(0,-8vh,0) rotate(-20deg) scale(.8)}8%{opacity:.78}50%{opacity:.7}88%{opacity:.55}to{opacity:0;transform:translate3d(var(--drift),112vh,0) rotate(330deg) scale(1)}}@keyframes leaf-sway{0%{margin-left:-18px}to{margin-left:18px}}.controls{position:fixed;right:max(18px,calc((100vw - 720px)/2 + 18px));bottom:20px;z-index:10;display:flex;gap:9px}.control{display:inline-flex;align-items:center;border:1px solid rgba(70,58,43,.2);border-radius:999px;padding:10px 14px;color:#41382e;background:#fffaefcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 6px 22px #4637231f;cursor:pointer;font:500 12px Montserrat,sans-serif;letter-spacing:.04em;transition:transform .2s,background .2s}.control:hover{background:#fffaeff5;transform:translateY(-1px)}.icon{margin-right:5px}.theme-picker{position:fixed;right:max(18px,calc((100vw - 720px)/2 + 18px));bottom:74px;z-index:11;width:min(310px,calc(100vw - 36px));padding:14px;border:1px solid rgba(70,58,43,.16);border-radius:18px;background:#fffaefed;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 14px 50px #372d1e2e}.picker-title{margin:0 0 9px;font:600 11px Montserrat,sans-serif;letter-spacing:.12em;text-transform:uppercase}.theme-option{width:100%;display:flex;align-items:center;gap:10px;border:0;border-radius:12px;padding:7px;background:transparent;color:#41382e;cursor:pointer;text-align:left;font:500 12px Montserrat,sans-serif}.theme-option:hover,.theme-option.active{background:#a0846021}.theme-option img{width:54px;height:66px;object-fit:cover;border-radius:8px}.theme-option span{flex:1}.theme-option b{margin-right:5px}@media(min-width:721px){.ecard{border-right:1px solid rgba(0,0,0,.04);border-left:1px solid rgba(0,0,0,.04);box-shadow:0 0 70px #0000001f}}@media(max-width:500px){.invitation{padding-top:55px}.names{margin-top:48px;margin-bottom:45px}.script-name{font-size:76px}.date{font-size:72px}.controls{right:14px;bottom:14px}.control{padding:9px 12px}}@media(prefers-reduced-motion:reduce){.leaf{animation:none;display:none}.ecard{transition:none}}