@import"https://fonts.googleapis.com/css2?family=Roboto:ital@0;1&display=swap";*,*:before,*:after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}.page__block-dark,.page__block-light,.timer,.form,.story,.invite{display:flex;gap:24px;flex-direction:column;width:100%;padding:64px 16px}.page__block-dark h3,.page__block-light h3,.timer h3,.form h3,.story h3,.invite h3{text-align:center;font-weight:700;font-size:2rem}.page__block-dark a,.page__block-light a,.timer a,.form a,.story a,.invite a{outline:none;text-decoration:none}.page__block-dark a:focus,.page__block-light a:focus,.timer a:focus,.form a:focus,.story a:focus,.invite a:focus{text-decoration:underline}.page__block-light,.timer,.form,.story,.invite{color:#033f63}.page__block-light a,.timer a,.form a,.story a,.invite a{color:#007991}.page__block-light a:hover,.timer a:hover,.form a:hover,.story a:hover,.invite a:hover{color:#00a1b9}.flex,.flex__column,.invite .pair,.flex__full-center,.form-error,.form-success,.form-loading,.form-buttons,.form-content,.welcome,.story .stories-wrapper,.story .story-image-wrapper,.invite .pairs-wrapper{display:flex}.flex__full-center,.form-error,.form-success,.form-loading,.form-buttons,.form-content,.welcome,.story .stories-wrapper,.story .story-image-wrapper,.invite .pairs-wrapper{justify-content:center;align-items:center}.invite{background:#ccd5ae}.invite .pairs{display:flex;flex-direction:column;max-width:600px;gap:8px}.invite .pair{gap:4px}.invite .key{font-size:1.1rem;opacity:.8}.invite .pair__time+.pair__time{margin-top:8px}.invite .hint{font-size:.9rem;text-align:center;font-style:italic}.invite .who{transition:opacity 1s ease;opacity:1}.invite .who.hidden{opacity:0}.flex,.flex__column,.invite .pair,.flex__full-center,.form-error,.form-success,.form-loading,.form-buttons,.form-content,.welcome,.invite .pairs-wrapper,.story .story-image-wrapper,.story .stories-wrapper{display:flex}.flex__full-center,.form-error,.form-success,.form-loading,.form-buttons,.form-content,.welcome,.invite .pairs-wrapper,.story .story-image-wrapper,.story .stories-wrapper{justify-content:center;align-items:center}.story{background:#fbefdd}.story .story__image{display:block;max-width:230px;max-height:95px;width:auto;height:auto;float:right;margin:0 10px 10px 0}.story p+p{margin-top:12px}.story .stories{max-width:600px}.page__block-dark,.page__block-light,.timer,.form,.invite,.story{display:flex;gap:24px;flex-direction:column;width:100%;padding:64px 16px}.page__block-dark h3,.page__block-light h3,.timer h3,.form h3,.invite h3,.story h3{text-align:center;font-weight:700;font-size:2rem}.page__block-dark a,.page__block-light a,.timer a,.form a,.invite a,.story a{outline:none;text-decoration:none}.page__block-dark a:focus,.page__block-light a:focus,.timer a:focus,.form a:focus,.invite a:focus,.story a:focus{text-decoration:underline}.page__block-light,.timer,.form,.invite,.story{color:#033f63}.page__block-light a,.timer a,.form a,.invite a,.story a{color:#007991}.page__block-light a:hover,.timer a:hover,.form a:hover,.invite a:hover,.story a:hover{color:#00a1b9}.flex,.flex__column,.invite .pair,.flex__full-center,.form-error,.form-success,.form-loading,.form-buttons,.form-content,.invite .pairs-wrapper,.story .story-image-wrapper,.story .stories-wrapper,.welcome{display:flex}.flex__full-center,.form-error,.form-success,.form-loading,.form-buttons,.form-content,.invite .pairs-wrapper,.story .story-image-wrapper,.story .stories-wrapper,.welcome{justify-content:center;align-items:center}.welcome{background:#ffb5b9;padding:0}img.welcome__image{-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.page__block-dark,.page__block-light,.timer,.invite,.story,.form{display:flex;gap:24px;flex-direction:column;width:100%;padding:64px 16px}.page__block-dark h3,.page__block-light h3,.timer h3,.invite h3,.story h3,.form h3{text-align:center;font-weight:700;font-size:2rem}.page__block-dark a,.page__block-light a,.timer a,.invite a,.story a,.form a{outline:none;text-decoration:none}.page__block-dark a:focus,.page__block-light a:focus,.timer a:focus,.invite a:focus,.story a:focus,.form a:focus{text-decoration:underline}.page__block-light,.timer,.invite,.story,.form{color:#033f63}.page__block-light a,.timer a,.invite a,.story a,.form a{color:#007991}.page__block-light a:hover,.timer a:hover,.invite a:hover,.story a:hover,.form a:hover{color:#00a1b9}.form{background:#fee9d0}.form-content{position:relative;height:216px}.form-buttons{flex-direction:column;gap:24px}.form-button{position:relative;display:inline-block;padding:14px 0;font-size:1rem;width:240px;font-weight:700;color:#033f63;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.form-button.meh{opacity:.9;background:#e9edc9}.form-button.bad{opacity:.8;background:#fcd5ce}.form-button:hover,.form-button:focus{box-shadow:0 6px 20px #0000001a;opacity:1}.form-button:disabled{cursor:not-allowed;opacity:.5;box-shadow:none;transform:none}.form-button.good{background:#ccd5ae}.form-button.good:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:12px;padding:2px;background:linear-gradient(270deg,#d6ccc2,#28666e,#de6b48,#033f63);background-size:300% 300%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;animation:borderShift 3s linear infinite;pointer-events:none}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes borderShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.form-image{height:128px;width:96px;background-repeat:no-repeat;background-position:0% 0%;background-size:100% 100%}.form-image.happy{background-image:url(./photo/reaction.happy.png)}.form-image.waiting{background-image:url(./photo/reaction.waiting.png)}.form-image.sad{background-image:url(./photo/reaction.sad.png)}.form-error,.form-success,.form-loading,.form-buttons{flex-direction:column;gap:16px;position:absolute;top:0;right:0;bottom:0;left:0;opacity:1;transition:opacity .5s ease}.form-success{gap:0}.form-error.missing,.form-success.missing,.form-loading.missing,.form-buttons.missing{display:none}.form-error.hidden,.form-success.hidden,.form-loading.hidden,.form-buttons.hidden{opacity:0}.form-loading-loader{width:50px;aspect-ratio:1;color:#de6b48;background:radial-gradient(circle at 60% 65%,currentColor 62%,rgba(0,0,0,0) 65%) top left,radial-gradient(circle at 40% 65%,currentColor 62%,rgba(0,0,0,0) 65%) top right,linear-gradient(to bottom left,currentColor 42%,rgba(0,0,0,0) 43%) bottom left,linear-gradient(to bottom right,currentColor 42%,rgba(0,0,0,0) 43%) bottom right;background-size:50% 50%;background-repeat:no-repeat;position:relative}.form-loading-loader:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:inherit;opacity:.4;animation:heartAnimation 1s infinite}@keyframes heartAnimation{to{transform:scale(1.8);opacity:0}}.page__block-dark,.page__block-light,.invite,.story,.form,.timer{display:flex;gap:24px;flex-direction:column;width:100%;padding:64px 16px}.page__block-dark h3,.page__block-light h3,.invite h3,.story h3,.form h3,.timer h3{text-align:center;font-weight:700;font-size:2rem}.page__block-dark a,.page__block-light a,.invite a,.story a,.form a,.timer a{outline:none;text-decoration:none}.page__block-dark a:focus,.page__block-light a:focus,.invite a:focus,.story a:focus,.form a:focus,.timer a:focus{text-decoration:underline}.page__block-dark{color:#f8ffe5}.page__block-dark a{color:#c8c8ff}.page__block-dark a:hover{color:#f0f0ff}.page__block-light,.invite,.story,.form,.timer{color:#033f63}.page__block-light a,.invite a,.story a,.form a,.timer a{color:#007991}.page__block-light a:hover,.invite a:hover,.story a:hover,.form a:hover,.timer a:hover{color:#00a1b9}.flex,.flex__column,.invite .pair,.flex__full-center,.invite .pairs-wrapper,.story .story-image-wrapper,.story .stories-wrapper,.welcome,.form-content,.form-buttons,.form-error,.form-success,.form-loading{display:flex}.flex__full-center,.invite .pairs-wrapper,.story .story-image-wrapper,.story .stories-wrapper,.welcome,.form-content,.form-buttons,.form-error,.form-success,.form-loading{justify-content:center;align-items:center}.flex__column,.invite .pair{flex-direction:column}.timer{background:#e9edc9}.timer__countdown{display:flex;justify-content:center;align-items:center;gap:16px}.timer__value{width:64px;display:flex;flex-direction:column;justify-content:center;align-items:center}.timer__number{font-size:2rem;font-weight:700}.span.timer__text{font-size:1.5rem}html,body{font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:16px;color:#033f63;background:#033f63}.page{position:relative}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}