:root{--gold:#C9A844;--olive:#b4c894;--silver:#B8BABB;--dark-bg:#1A2114;--light-text:#F5F0E8}#root{width:100%;height:100%;height:100dvh;position:relative}.background{position:fixed;inset:0;z-index:0}.bg-img-wrap,.bg-overlay{position:absolute;inset:0}.bg-overlay{background:rgba(18,28,12,.85);pointer-events:none;z-index:1}.intro-screen{position:fixed;inset:0;z-index:80;justify-content:center;padding:max(32px,calc(env(safe-area-inset-top) + 20px)) 24px 32px}.intro-inner,.intro-screen{display:flex;align-items:center}.intro-inner{flex-direction:column;gap:14px;width:100%;max-width:380px}.view-btn{background:transparent;color:var(--gold);border:1px solid rgba(201,168,68,.5);border-radius:2px;padding:15px 50px;font-size:10px;font-family:var(--font-montserrat),sans-serif;font-weight:400;letter-spacing:3.5px;text-transform:uppercase;cursor:pointer;-webkit-font-smoothing:antialiased;transition:background .3s,border-color .3s;min-height:48px;touch-action:manipulation}.view-btn:active{background:rgba(201,168,68,.12);border-color:rgba(201,168,68,.85)}.intro-hint{font-family:var(--font-montserrat),sans-serif;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.25)}.control-btn{position:fixed;z-index:200;background:rgba(0,0,0,.62);color:#fff;border:none;border-radius:40px;padding:9px 18px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:-apple-system,BlinkMacSystemFont,sans-serif;min-height:44px;display:flex;align-items:center;touch-action:manipulation}.control-btn:active{background:rgba(0,0,0,.85)}.music-btn{left:max(14px,env(safe-area-inset-left));gap:7px;font-size:15px}.flip-btn,.music-btn{top:max(14px,calc(env(safe-area-inset-top) + 10px))}.flip-btn{right:max(14px,env(safe-area-inset-right));font-size:14px;letter-spacing:.2px}.card-stage{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding-top:max(60px,calc(env(safe-area-inset-top) + 55px));padding-bottom:max(16px,calc(env(safe-area-inset-bottom) + 12px))}.card-container{width:min(88vw,390px,calc((100dvh - 110px) * .75));max-height:calc(100dvh - 110px);perspective:1000px}.card-3d{width:100%;position:relative;transform-style:preserve-3d}.card-face{width:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden}.card-front{aspect-ratio:3/4;border-radius:8px;overflow:hidden;box-shadow:4px 16px 60px rgba(0,0,0,.65);position:relative;background:#131a0d}.card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04) 0,rgba(15,22,8,.18) 30%,rgba(15,22,8,.72) 62%,rgba(12,18,6,.96));display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 18px 20px;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cf-tag{font-family:var(--font-cormorant),serif;font-style:italic;font-weight:400;font-size:clamp(11px,3vw,13px);color:rgba(201,168,68,.95);letter-spacing:.8px;margin-bottom:1px}.cf-invite{font-family:var(--font-montserrat),sans-serif;font-weight:500;font-size:clamp(9.5px,2.4vw,11px);color:rgba(245,240,232,.9);letter-spacing:1.8px}.cf-ceremony,.cf-invite{text-transform:uppercase;margin-bottom:1px}.cf-ceremony{font-weight:600;font-size:clamp(11px,3vw,14px);color:var(--gold);letter-spacing:1.5px}.cf-ceremony,.cf-of{font-family:var(--font-cormorant),serif}.cf-of{font-style:italic;font-weight:400;font-size:clamp(10px,2.5vw,12px);color:rgba(245,240,232,.82);margin-bottom:1px}.cf-names{font-family:var(--font-great-vibes),cursive;font-size:clamp(30px,8.5vw,40px);color:var(--light-text);line-height:.75;margin:0 0 2px;font-weight:400}.cf-amp{font-family:var(--font-cormorant),serif;font-style:italic;font-size:clamp(14px,3.5vw,17px);color:var(--gold)}.cf-divider{width:36px;height:1px;margin:7px auto;background:linear-gradient(90deg,transparent,rgba(201,168,68,.8),transparent)}.cf-date{font-family:var(--font-montserrat),sans-serif;font-weight:500;font-size:clamp(9.5px,2.4vw,11px);color:rgba(245,240,232,.9);letter-spacing:2.5px;text-transform:uppercase}.card-back{position:absolute;top:0;left:0;aspect-ratio:3/4;border-radius:8px;box-shadow:4px 16px 60px rgba(0,0,0,.65)}.card-back,.cb-inner{width:100%;overflow:hidden;background:linear-gradient(135deg,#0a0a0a,#151515 50%,#0f0f0f)}.cb-inner{padding:11px 15px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100%;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cb-inner:before{content:"";position:absolute;inset:7px;border:1px solid rgba(212,175,127,.18);border-radius:2px;pointer-events:none;z-index:0}.cb-gratitude{font-family:var(--font-cormorant),serif;font-style:italic;font-weight:400;font-size:clamp(12px,3.4vw,15px);color:#D4AF7F;letter-spacing:1px;margin:0}.cb-divider{width:40px;height:1px;flex-shrink:0;align-self:center;background:linear-gradient(90deg,transparent 0,rgba(212,175,127,.55) 50%,transparent)}.cb-families-title{font-family:var(--font-montserrat),sans-serif;font-weight:400;font-size:clamp(7.5px,2vw,9px);letter-spacing:3px;text-transform:uppercase;color:rgba(245,240,232,.78);margin:0}.cb-family{margin:0}.cb-name{font-family:var(--font-cormorant),serif;font-weight:600;font-size:clamp(11px,3vw,13.5px);color:#F5F0E8;line-height:1.35;margin:0;letter-spacing:.4px}.cb-loc{font-family:var(--font-montserrat),sans-serif;font-weight:300;font-size:clamp(7px,1.8vw,8.5px);color:rgba(245,240,232,.65);line-height:1.4;margin:1px 0 0;letter-spacing:.2px}.cb-and{font-size:clamp(11px,3vw,13px);color:rgba(201,168,68,.85);letter-spacing:.8px}.cb-and,.cb-request{font-family:var(--font-cormorant),serif;font-style:italic;font-weight:400;margin:0}.cb-request{font-size:clamp(10px,2.8vw,12.5px);color:rgba(245,240,232,.72);line-height:1.45;letter-spacing:.3px}.cb-names-block{display:flex;flex-direction:column;align-items:center;gap:0}.cb-names-line{font-family:var(--font-great-vibes),cursive;font-size:clamp(18px,5vw,23px);color:#D4AF7F;line-height:1.1;font-weight:400;letter-spacing:.5px}.cb-amp-line{font-family:var(--font-cormorant),serif;font-style:italic;font-weight:400;font-size:clamp(11px,3vw,13px);color:rgba(201,168,68,.85);line-height:1.2}.cb-details{width:100%;display:flex;flex-direction:column;gap:2px;text-align:left;border-top:1px solid rgba(201,168,68,.25);border-bottom:1px solid rgba(201,168,68,.25);padding:4px 0}.cb-details p{font-family:var(--font-montserrat),sans-serif;font-weight:300;font-size:clamp(7.5px,2vw,9.5px);color:rgba(245,240,232,.82);line-height:1.4;margin:0;letter-spacing:.2px}.cb-details span{font-weight:600;color:#D4AF7F;text-transform:uppercase;letter-spacing:1.2px;margin-right:5px;font-size:.85em}.cb-share{font-family:var(--font-cormorant),serif;font-style:italic;font-weight:400;font-size:clamp(9px,2.5vw,11px);color:rgba(245,240,232,.52);line-height:1.5;margin:0;letter-spacing:.3px}.cb-rsvp{text-align:center}.cb-rsvp-label{font-weight:600;font-size:clamp(7.5px,2vw,9px);letter-spacing:3px;text-transform:uppercase;color:rgba(245,240,232,.78);margin:0 0 2px}.cb-rsvp-label,.cb-rsvp-numbers{font-family:var(--font-montserrat),sans-serif}.cb-rsvp-numbers{font-size:clamp(8px,2.2vw,10px);color:rgba(245,240,232,.7);line-height:1.5}.cb-rsvp-link{color:inherit;text-decoration:none}.cb-rsvp-sep{color:rgba(245,240,232,.45)}.cb-colors{text-align:center}.cb-colors-label{font-family:var(--font-montserrat),sans-serif;font-weight:400;font-size:clamp(7px,1.8vw,8.5px);letter-spacing:2.5px;text-transform:uppercase;color:rgba(245,240,232,.6);margin:0 0 3px}.cb-swatches{display:flex;gap:4px;justify-content:center}.swatch{font-family:var(--font-montserrat),sans-serif;font-weight:500;font-size:clamp(6.5px,1.7vw,8px);letter-spacing:.4px;padding:3px 7px;border-radius:18px;text-transform:uppercase}.swatch-olive{background:rgba(75,95,47,.45);color:#b4c894;border:1px solid rgba(180,200,148,.4)}.swatch-gold{background:rgba(201,168,68,.12);color:#D4AF7F;border:1px solid rgba(212,175,127,.35)}.swatch-silver{background:rgba(184,186,187,.08);color:#CACBCC;border:1px solid rgba(184,186,187,.3)}@media (max-height:680px){.intro-inner{gap:10px}.view-btn{padding:13px 42px}.cb-inner{padding:8px 12px}}@media (max-width:390px){.card-container{width:min(92vw,340px,calc((100dvh - 100px) * .75));max-height:calc(100dvh - 100px)}.card-overlay{padding:0 14px 16px}.cf-names{font-size:clamp(26px,7.5vw,34px)}}@media (min-width:600px){.card-container{width:min(52vw,360px,calc((100dvh - 120px) * .75))}}@media (min-width:1024px){.card-container{width:min(38vw,380px,calc((100dvh - 120px) * .75))}}@media (max-height:500px) and (orientation:landscape){.card-container{width:min(55vw,280px,calc((100dvh - 80px) * .75));max-height:calc(100dvh - 80px)}.card-stage{padding-top:max(50px,calc(env(safe-area-inset-top) + 45px))}.flip-btn,.music-btn{top:max(8px,calc(env(safe-area-inset-top) + 6px))}}