@import"https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Licorice&display=swap";body{margin:0;font-family:Roboto,sans-serif;background-color:#fffdee}.app-container{display:flex;justify-content:center;align-items:center;padding:1rem}.card{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:2rem;max-width:400px;width:100%;text-align:center}.title{font-size:2rem;color:purple;margin-bottom:.5rem}.subtitle{font-size:1rem;color:#555;margin-bottom:2rem}.login-section,.rsvp-section{margin-top:1rem}.login-button,.add-guest-button,.submit-button{margin-top:1rem;width:100%}.name-field{display:flex;align-items:center;margin-bottom:1rem}.remove-button{margin-left:.5rem}.rsvp-questions{margin-top:2rem}.question{margin-bottom:1.5rem}.options{display:flex;justify-content:space-evenly}.dietary-section{margin-top:1rem}.dietary-label{display:block;margin-bottom:.5rem;font-size:.9rem;color:#555}.dietary-input{margin-top:.5rem}.invite-page{min-height:100vh;background-color:#fffdee;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px 48px;box-sizing:border-box;overflow-x:hidden}@keyframes cardEntrance{0%{opacity:0;transform:scale(.88) translateY(24px)}to{opacity:1;transform:scale(1) translateY(0)}}.invite-scene{animation:cardEntrance .65s cubic-bezier(.22,1,.36,1) both;display:flex;flex-direction:column;align-items:center}.trifold-stage{--pw: 360px;--ph: 640px;position:relative;width:calc(var(--pw) * 3);height:var(--ph);perspective:1800px;perspective-origin:center center}.tf-panel{position:absolute;top:0;width:var(--pw);height:var(--ph);overflow:hidden;box-sizing:border-box}.tf-center{left:var(--pw);background:#c9a0d4;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:36px 20px;filter:drop-shadow(0 4px 20px rgba(0,0,0,.15))}.tf-left{left:calc(var(--pw) * .34);background:#c9a0d4;width:calc(var(--pw) * .66);transform-origin:right center;transform-style:preserve-3d;border-radius:50% 0 0/120px 0 0;transform:rotateY(-180deg);transition:transform .8s cubic-bezier(.4,0,.2,1);transition-delay:0s;z-index:2}.tf-left.open{transform:rotateY(0);transition-delay:.3s}.tf-left-face{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:36px 20px;height:100%}.tf-right{left:calc(var(--pw) * 2);top:auto;bottom:0;width:calc(var(--pw) * .66);transform-origin:left center;transform-style:preserve-3d;transform:rotateY(180deg);transition:transform .8s cubic-bezier(.4,0,.2,1);transition-delay:.3s;z-index:10;height:calc(var(--ph) * 2 / 3);cursor:pointer}.tf-right.open{transform:rotateY(0);transition-delay:0s;cursor:default}.tf-right-face{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 20px;height:100%;text-align:center;background:#c9a0d4;border-radius:50% 50% 0 0/30px 80px 0 0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.06))}.tf-right-back-content{border-radius:50% 50% 0 0/80px 30px 0 0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.08));border:2px solid rgba(0,0,0,.12)}.tf-right-front-content{filter:drop-shadow(0 1px 2px rgba(0,0,0,.06));border:2px solid rgba(0,0,0,.12)}.tf-cover{position:absolute;left:var(--pw);top:0;width:var(--pw);height:var(--ph);transform-origin:left center;transform-style:preserve-3d;transform:rotateY(0);transition:transform .8s cubic-bezier(.4,0,.2,1);z-index:10;background:#c9a0d4;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;box-sizing:border-box;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:0 50% 0 0/0 60px 0 0;box-shadow:0 8px 40px #00000047}.tf-cover.open{transform:rotateY(-180deg);cursor:default;pointer-events:none}@keyframes pulse{0%,to{opacity:.7;transform:translate(-50%)}50%{opacity:1;transform:translate(calc(-50% + 5px))}}.open-hint{position:absolute;bottom:18px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;animation:pulse 2s ease-in-out infinite;pointer-events:none;white-space:nowrap}.timeline-row{display:flex;flex-direction:column;align-items:center;gap:3px}.invite-nav{display:flex;align-items:center;gap:16px;margin-top:24px;justify-content:center}.invite-dots{display:flex;gap:10px;margin-top:24px;justify-content:center}.invite-dot{width:9px;height:9px;border-radius:50%;background:#b59abf;transition:background .3s,transform .3s;cursor:pointer;border:none;padding:0}.invite-dot.active{background:#714c7a;transform:scale(1.35)}.rsvp-btn{display:inline-block;margin-top:16px;padding:11px 28px;background:#714c7a;color:#fff!important;border-radius:999px;font-family:Josefin Sans,sans-serif;font-size:.78rem;letter-spacing:2px;text-transform:uppercase;text-decoration:none;transition:background .25s,transform .2s;box-shadow:0 4px 14px #714c7a59}.rsvp-btn:hover{background:#5a3a64;transform:translateY(-2px)}.mobile-view{display:none;width:100%;align-items:center;justify-content:center}.mobile-card-stage{position:relative;width:min(90vw,340px);height:540px;overflow:hidden;box-shadow:0 8px 40px #00000047;touch-action:pan-y;perspective:1200px;perspective-origin:center center;transition:border-radius .5s cubic-bezier(.4,0,.2,1)}.mobile-card-stage[data-step="0"]{border-radius:0 50% 0 0/0 72px 0 0}.mobile-card-stage[data-step="1"]{border-radius:50% 0 0/72px 0 0}.mobile-card-stage[data-step="2"]{border-radius:4px}.mobile-card-stage[data-step="3"]{border-radius:0 50% 0 0/0 72px 0 0}.mobile-panel{position:absolute;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;padding:48px 28px;backface-visibility:hidden;-webkit-backface-visibility:hidden}.mobile-panel.active,.mobile-panel.m-entering,.mobile-panel.m-exiting{display:flex}.mobile-panel.m-entering{z-index:2}.mobile-panel.m-exiting{z-index:1}.mobile-panel--cover{background:#c9a0d4;cursor:pointer}.mobile-panel--timeline{background:#c9a0d4;gap:36px}.mobile-panel--main{background:#ffffff;box-shadow:inset 0 0 0 1.5px #8aaa8e}.mobile-panel--rsvp{background:#c9a0d4;text-align:center}@keyframes mFlipExitFwd{0%{transform:rotateY(0)}to{transform:rotateY(-90deg)}}@keyframes mFlipEnterFwd{0%{transform:rotateY(90deg)}to{transform:rotateY(0)}}@keyframes mFlipExitBack{0%{transform:rotateY(0)}to{transform:rotateY(90deg)}}@keyframes mFlipEnterBack{0%{transform:rotateY(-90deg)}to{transform:rotateY(0)}}@keyframes mSlideExitFwd{0%{transform:translate(0)}to{transform:translate(-105%)}}@keyframes mSlideEnterFwd{0%{transform:translate(105%)}to{transform:translate(0)}}@keyframes mSlideExitBack{0%{transform:translate(0)}to{transform:translate(105%)}}@keyframes mSlideEnterBack{0%{transform:translate(-105%)}to{transform:translate(0)}}.m-exit-flip-fwd{transform-origin:center center;animation:mFlipExitFwd .21s cubic-bezier(.4,0,1,1) both}.m-enter-flip-fwd{transform-origin:center center;animation:mFlipEnterFwd .21s .21s cubic-bezier(0,0,.2,1) both}.m-exit-flip-back{transform-origin:center center;animation:mFlipExitBack .21s cubic-bezier(.4,0,1,1) both}.m-enter-flip-back{transform-origin:center center;animation:mFlipEnterBack .21s .21s cubic-bezier(0,0,.2,1) both}.m-exit-slide-fwd{animation:mSlideExitFwd .42s cubic-bezier(.4,0,.2,1) both}.m-enter-slide-fwd{animation:mSlideEnterFwd .42s cubic-bezier(.4,0,.2,1) both}.m-exit-slide-back{animation:mSlideExitBack .42s cubic-bezier(.4,0,.2,1) both}.m-enter-slide-back{animation:mSlideEnterBack .42s cubic-bezier(.4,0,.2,1) both}.mobile-invite{display:none}@media (max-width: 750px){.desktop-invite{display:none}.mobile-invite{display:flex;flex-direction:column;align-items:center}.mobile-view{display:flex}.invite-dots{margin-top:0}}@media (max-width: 380px){.mobile-card-stage{width:min(92vw,300px);height:500px}.mobile-card-stage[data-step="0"],.mobile-card-stage[data-step="3"]{border-radius:0 50% 0 0/0 60px 0 0}.mobile-card-stage[data-step="1"]{border-radius:50% 0 0/60px 0 0}}