body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{align-items:center;background:linear-gradient(135deg,#fbeee6,#f7cac9);display:flex;flex-direction:column;justify-content:center;min-height:100vh;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.title{color:#b76e79;font-family:Playfair Display,serif;font-size:2.8rem;letter-spacing:2px;margin-bottom:1.5rem}.canvas-container{align-items:center;display:flex;height:350px;justify-content:center;margin:0 auto 2rem;width:400px}.subtitle{color:#7d5a5a;font-family:Montserrat,sans-serif;font-size:1.2rem;margin-bottom:2rem;margin-top:0}@media (max-width:500px){.canvas-container{height:50vw;max-width:98vw;min-height:220px;width:95vw}.title{font-size:2rem}.subtitle{font-size:1rem}}.invitation-bg{background:#181818;inset:0;position:fixed;z-index:1000}.invitation-bg,.invitation-split-container{align-items:center;display:flex;justify-content:center}.invitation-split-container{height:100vh;max-height:none;max-width:none;min-height:0;min-width:0;overflow:hidden;position:relative;width:100vw}.cover-half{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;left:0;pointer-events:none;position:absolute;top:0;transition:transform 1.1s cubic-bezier(.77,0,.175,1),opacity .7s;width:100vw;z-index:1001}.cover-top{-webkit-clip-path:inset(0 50% 0 0);clip-path:inset(0 50% 0 0)}.cover-bottom{-webkit-clip-path:inset(0 0 0 50%);clip-path:inset(0 0 0 50%)}.cover-top.split{opacity:0;transform:translateX(-100%)}.cover-bottom.split{opacity:0;transform:translateX(100%)}.invitation-label{color:#b22234;font-family:Playfair Display,serif;font-size:2.5rem;left:50%;letter-spacing:2px;opacity:0;pointer-events:none;position:absolute;text-shadow:0 2px 16px #fff,0 2px 32px #b22234;top:50%;transform:translate(-50%,-50%);transition:opacity .7s .5s;z-index:1002}.invitation-label.show{opacity:1}.click-hint{align-items:center;display:flex;flex-direction:column;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1010}.hint-emoji{animation:bounce 1.2s infinite;font-size:2.5rem;margin-bottom:.2em}.hint-text{background:#0000002e;border-radius:12px;color:#fff;font-family:Montserrat,sans-serif;font-size:1.1rem;letter-spacing:1px;margin-top:.1em;padding:.2em .8em;text-shadow:0 2px 8px #00000040}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(18px)}}.loader-container{align-items:center;display:flex;flex-direction:column;left:50%;max-width:80vw;pointer-events:none;position:absolute;top:60%;transform:translate(-50%,-50%);width:320px;z-index:1100}.loader-bar-bg{background:#f7cac9;border-radius:8px;box-shadow:0 2px 8px #b2223433;height:14px;margin-bottom:8px;overflow:hidden;width:100%}.loader-bar{background:linear-gradient(90deg,#b76e79,#fbeee6);border-radius:8px 0 0 8px;height:100%;transition:width .3s}.loader-text{color:#b76e79;font-family:Montserrat,sans-serif;font-size:1.1rem;margin-top:2px;text-shadow:0 2px 8px #fff}.spinner-container{align-items:center;background:#181818d9;display:flex;height:100vh;justify-content:center;left:0;position:absolute;top:0;width:100vw;z-index:2000}.spinner{animation:spin 1s linear infinite;border:6px solid #f3f3f3;border-radius:50%;border-top-color:#b76e79;height:56px;width:56px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.canvas-hint{animation:glow 1.5s ease-in-out infinite alternate;bottom:2rem;color:#fff;font-family:Montserrat,sans-serif;font-size:1.25rem;letter-spacing:1px;position:absolute;text-align:center;text-shadow:0 0 8px #fff,0 0 16px #b76e79,0 0 32px #b76e79,0 2px 8px #000;width:100%;z-index:10}@keyframes glow{0%{text-shadow:0 0 8px #fff,0 0 16px #b76e79,0 0 32px #b76e79,0 2px 8px #000}to{text-shadow:0 0 16px #fff,0 0 32px #b76e79,0 0 64px #b76e79,0 2px 16px #000}}
/*# sourceMappingURL=main.d971a332.css.map*/