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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{font-family:Comic Sans MS,cursive}body{background:linear-gradient(180deg,#ff66b2,#f9c);margin:0;min-height:100vh;overflow:hidden}.login-page{align-items:center;box-sizing:border-box;display:flex;height:100vh;padding:0 4rem;position:relative;width:100%}.login-wrapper{gap:1rem;margin-left:20rem;margin-top:2rem}.login-container,.login-wrapper{align-items:center;display:flex;flex-direction:column}.login-container{background-color:#fdaecb;border-radius:1.25rem;box-shadow:0 .625rem 1.5625rem #0000001a;color:#6e0144;justify-content:center;min-height:20rem;padding:3.125rem 2.5rem;text-align:center;width:22rem}.login-form{align-items:center;display:flex;gap:.625rem}.login-form input{background-color:#f5d7e5;border:.125rem solid #f39;border-radius:1.5625rem;color:#4d0033;font-size:1rem;outline:none;padding:.625rem .9375rem;transition:.3s ease}.login-form input::placeholder{color:#7a4c5a}.login-form input:focus{border-color:#d28423;box-shadow:0 0 .3125rem #fcbb52}.login-form button{background-color:pink;border:none;border-radius:50%;box-shadow:0 .125rem .375rem #0000001a;color:#fff;cursor:pointer;font-size:1.25rem;padding:.625rem 1rem;transition:.3s ease}.login-form button:hover{background-color:#6e0144;color:#b8860b}.fade-in-form{animation:fadeSlideIn 1s ease forwards;opacity:0;transform:translateY(1.25rem)}@keyframes fadeSlideIn{to{opacity:1;transform:translateY(0)}}.hint-wrapper{align-items:center;animation:fadeSlideIn 4s ease forwards;display:flex;flex-direction:column;opacity:0}.hint-button{background:none;border:.125rem solid #f39;border-radius:1.5625rem;color:#6e0144;cursor:pointer;font-size:.95rem;font-weight:700;padding:.5rem 1.25rem;transition:.3s ease}.hint-button:hover{background-color:#ffd6eb}.hint-overlay{align-items:center;animation:fadeIn .2s ease forwards;background:#0000004d;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:100}.hint-modal{animation:popIn .4s cubic-bezier(.175,.885,.32,1.275) forwards;background-color:#b8860b;border-radius:1.25rem;box-shadow:0 .625rem 2rem #0003;min-width:18rem;padding:2.5rem 3rem;position:relative;text-align:center}.hint-close{background:none;border:none;color:#fff;cursor:pointer;font-size:1.1rem;line-height:1;position:absolute;right:.75rem;top:.75rem}.hint-close:hover{color:#ffd6eb}.hint-text{color:#fff;font-size:1.2rem;font-weight:700;margin:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.couple-wrapper{height:50rem;position:absolute;right:15%;top:80%;transform:translateY(-50%);width:auto}.holdinghands{animation:couplePopIn .8s cubic-bezier(.175,.885,.32,1.275) forwards;display:block;height:50rem;width:auto}.eyes-img1{left:53%;top:-21%}.eyes-img1,.eyes-img2{animation:fadeIn .8s ease forwards;mix-blend-mode:multiply;position:absolute;width:35%}.eyes-img2{right:51.5%;top:-26%}@keyframes couplePopIn{0%{opacity:0;transform:translateY(-50%) scale(.5) rotate(-10deg)}to{opacity:1;transform:translateY(-50%) scale(1) rotate(0deg)}}.home-page{background:linear-gradient(180deg,#ff66b2,#f9c);flex-direction:column;height:100vh}.home-page,.typewriter-wrapper{align-items:center;display:flex;justify-content:center}.typewriter-wrapper{gap:.5rem;width:100%}.typewriter-heading{color:#6e0144;font-family:Boogaloo,cursive;font-size:4.5rem;margin-top:-45rem;text-align:center}.cursor{animation:blink .8s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.flashcard{background-color:#fdaecb;border-radius:1.7rem;box-shadow:0 .625rem 2rem #00000026;display:flex;flex-direction:column;justify-content:space-between;margin-left:0;min-height:28rem;overflow:hidden;padding:2rem;position:fixed;width:29vw}.slide-in{animation:slideIn .4s ease forwards}.slide-out-left{animation:slideOutLeft .4s ease forwards}.slide-out-right{animation:slideOutRight .4s ease forwards}@keyframes slideIn{0%{opacity:0;transform:translateX(60px)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-60px)}}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(60px)}}.intro-card{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:1rem;justify-content:center;padding:2rem;text-align:center}.intro-title{color:#6e0144;font-size:1.8rem;font-weight:700;line-height:1.5}.intro-caption{color:#a0305a;font-size:1.2rem}.card-images-overlay{height:16rem;margin-bottom:-2rem;margin-top:-2rem;position:relative;width:120%}.collage-card-img{border-radius:1rem;height:110%;object-fit:contain;position:absolute;right:5rem;top:1rem;width:80%}.admiring-cat-img{bottom:0;height:8rem;left:0;mix-blend-mode:multiply;position:absolute;width:auto}.card-single-img{height:100%;margin-bottom:-3rem;margin-left:.7rem;width:95%}.single-img{border-radius:1rem;height:100%;object-fit:cover;width:100%}.voice-note-wrapper{display:flex;justify-content:center;margin-bottom:1.5rem}.voice-note-player{border-radius:2rem;width:100%}.card-content{color:#6e0144;text-align:center}.card-title{font-size:1.4rem;font-weight:700;margin-bottom:.5rem}.card-caption{color:#a0305a;font-size:1rem}.card-nav{align-items:center;display:flex;justify-content:space-between;margin-top:1.5rem}.nav-btn{background:none;border:.125rem solid #f39;border-radius:50%;color:#6e0144;cursor:pointer;font-size:1.1rem;font-weight:700;height:2.5rem;line-height:1;margin-top:-4rem;transition:.3s ease;width:2.5rem}.nav-btn:hover{background-color:#f39;color:#fff}.nav-btn:disabled{cursor:default;opacity:.3}.card-counter{color:#6e0144;font-size:.9rem;margin-top:-4rem}.question-page{background:linear-gradient(180deg,#ff66b2,#f9c);height:100vh;justify-content:center}.question-card,.question-page{align-items:center;display:flex}.question-card{background:none;box-shadow:none;flex-direction:column;gap:1.5rem;padding:0;text-align:center}.question-text{color:#6e0144;font-family:Boogaloo,cursive;font-size:4rem;margin-bottom:0;margin-top:-1rem}.question-buttons{display:flex;gap:2rem;justify-content:center;position:relative}.yes-btn{background-color:#f39;border:none;border-radius:2rem;color:#fff;cursor:pointer;font-size:1.2rem;padding:.75rem 2rem;transition:.3s ease}.yes-btn:hover{background-color:#6e0144}.no-btn{background:none;border:.125rem solid #f39;border-radius:2rem;color:#6e0144;cursor:pointer;font-size:1.2rem;padding:.75rem 2rem;transition:transform .1s ease}.celebration-page{align-items:center;background:linear-gradient(180deg,#ff66b2,#f9c);display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative}.celebration-title{color:#6e0144;font-size:2.5rem;font-weight:700}.celebration-text h1{font-family:Boogaloo,cursive;font-size:5rem;margin-bottom:1em}.celebration-text p{font-size:1.3rem}.hearts-explosion{height:100%;pointer-events:none;position:absolute;width:100%}.floating-heart{animation:floatUp 3s ease-in infinite;position:absolute}@keyframes floatUp{0%{opacity:1;transform:translateY(100vh) scale(0)}to{opacity:0;transform:translateY(-20vh) scale(1)}}@keyframes popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.custom-player{align-items:center;background-color:#f5d7e5;border-radius:2rem;box-shadow:0 .25rem .625rem #0000001a;display:flex;gap:1rem;margin-bottom:-5rem;padding:.75rem 1.25rem;width:100%}.play-btn{background-color:#f39;border:none;border-radius:50%;color:#fff;cursor:pointer;flex-shrink:0;font-size:1rem;height:2.8rem;transition:.3s ease;width:2.8rem}.play-btn:hover{background-color:#d6143e}.player-right{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.progress-bar{-webkit-appearance:none;background:linear-gradient(90deg,#f39 0,#fbb6d4 0);background:linear-gradient(to right,#f39 var(--progress,0),#fbb6d4 0);border-radius:1rem;cursor:pointer;height:.4rem;outline:none;width:100%}.progress-bar::-webkit-slider-thumb{-webkit-appearance:none;background:#f39;border-radius:50%;cursor:pointer;height:1rem;width:1rem}.time-display{color:#6e0144;display:flex;font-size:.75rem;justify-content:space-between}.floating-hearts-bg{background:#0000;height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.floating-hearts-bg:before{animation:heartsFloat 60s linear infinite;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 100 100' fill='none' stroke='pink' stroke-width='2' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50 30c10-20 40-10 0 30-40-40-10-50 0-30Z'/%3E%3C/svg%3E");background-repeat:repeat;background-size:1.5rem;content:"";height:100%;opacity:.8;position:absolute;width:100%}@keyframes heartsFloat{0%{background-position:0 100%}to{background-position:0 -100%}}.logout-btn{background:none;border:.125rem solid #6e0144;border-radius:2rem;bottom:2rem;color:#6e0144;cursor:pointer;font-family:Boogaloo,cursive;font-size:2rem;padding:.5rem 1.5rem;position:fixed;right:2rem;transition:.3s ease}.logout-btn:hover{background-color:#6e0144;color:#fff}
/*# sourceMappingURL=main.8e6efdf1.css.map*/