*,:after,:before{box-sizing:border-box;margin:0;padding:0}.HomePage{flex-direction:column;gap:clamp(.5vh,1vh,2vh);min-height:100vh;overflow-x:hidden;padding:clamp(1vh,2vh,3vh) 5vw}.HomePage,.home-header-section{align-items:center;display:flex;width:100%}.home-header-section{gap:min(1.5vw,25px);justify-content:center;margin-bottom:0;margin-top:clamp(1.5vh,2vh,2.5vh);max-width:min(900px,85vw)}.HeaderImage{height:auto;max-width:min(350px,42vw);width:100%}.Header-buttons{display:flex;gap:1vw}.header-button{transition:color .3s}.home-intro-text{align-items:flex-start;display:flex;flex-direction:column;gap:1rem;max-width:600px;text-align:left}.home-tagline{font-family:Open Sans,sans-serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:700;line-height:1.2}.home-text-black{color:#3d2828}.home-text-highlight{color:#ff7578}.GetStartedButton{background:#f2968f;border:none;border-radius:50px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-family:Open Sans,sans-serif;font-size:clamp(1.2rem,2vw,2rem);font-weight:600;margin-top:1rem;padding:clamp(.8rem,1.5vw,1.5rem) clamp(2rem,3vw,3rem);position:relative;top:0;transition:all .3s ease;&:hover{background:#ff7578;box-shadow:0 6px 12px #00000026;transform:translateY(-3px)}&:active{background:#e57373;box-shadow:0 3px 6px #0000001a;transform:translateY(-1px)}&:focus{box-shadow:0 0 0 3px #f2968f66;outline:none}}.home-promise-section{align-items:center;display:flex;height:min(50px,7vh);justify-content:center;margin:clamp(.2vh,.4vh,.6vh) 0;max-width:min(900px,85vw);position:relative;width:100%}.home-promise-text{color:#735858;font-family:Open Sans,sans-serif;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:600;z-index:2}.home-paw-print{left:50%;opacity:.5;position:absolute;top:50%;transform:translate(-50%,-50%);width:min(160px,30vw);z-index:1}.home-paw-image,.home-paw-print{align-items:center;display:flex;justify-content:center}.home-paw-image{height:100%;width:100%}.home-paw-image img{height:auto;width:min(100px,20vw)}.FeaturesSection{flex-wrap:wrap;gap:clamp(.8rem,2vw,1.5rem);justify-content:center;max-width:min(1000px,85vw);width:100%}.FeatureCard,.FeaturesSection{display:flex;padding:clamp(.8rem,1.5vw,1.5rem)}.FeatureCard{align-items:center;background:#fffc;border-radius:20px;box-shadow:0 4px 6px #0000001a;cursor:pointer;flex:1 1;flex-direction:column;gap:1rem;max-width:320px;min-width:260px;overflow:hidden;position:relative;transition:all .3s ease;&:hover{background:#fffffff2;box-shadow:0 8px 15px #00000026;transform:translateY(-8px)}&:active{box-shadow:0 4px 8px #0000001f;transform:translateY(-2px)}}.FeatureImage{height:auto;transition:transform .3s ease;width:min(150px,60%)}.FeatureCard:hover .FeatureImage{transform:scale(1.05)}.FeatureTitle{color:#735858;font-family:Open Sans,sans-serif;font-size:clamp(.9rem,1.5vw,1.2rem);font-weight:800;text-align:center;transition:color .3s ease}.FeatureCard:hover .FeatureTitle{color:#ff7578}@media (min-width:768px){.FeaturesSection{flex-direction:row}}@media (max-width:768px){.home-tagline{font-size:clamp(1.8rem,6vw,2.5rem)}.GetStartedButton{font-size:clamp(1rem,4vw,1.5rem)}.FeaturesSection{align-items:center;flex-direction:column}.FeatureCard{height:min(160px,22vh);max-width:min(320px,75vw)}.home-header-section{align-items:center;flex-direction:column;margin-bottom:0;margin-top:5vh}.HeaderImage{max-width:80vw}.home-promise-section{height:min(45px,6vh);margin:clamp(.2vh,.3vh,.5vh) 0}.home-promise-text{font-size:1.5rem}.home-paw-print{width:150px}.home-paw-image img{width:90px}}@media (min-width:1200px){.home-promise-section{margin:2vh 0}}@media (max-width:768px){.home-promise-text{font-size:4vw}.FeatureTitle{font-size:3vw}}@media (min-width:1600px){.HomePage{gap:min(3vh,40px)}.home-header-section{margin-top:min(15vh,150px)}.FeatureCard{max-width:min(320px,22vw)}}@media (min-width:1024px) and (max-height:800px){.home-header-section{margin-bottom:0;margin-top:1.75vh}.home-promise-section{height:min(70px,10vh);margin:1vh 0}}@media (min-width:1440px){.home-header-section{margin-bottom:0;margin-top:clamp(2vh,2.5vh,3vh)}.home-promise-section{height:min(60px,8vh);margin:clamp(.5vh,.8vh,1vh) 0}}@media (max-width:768px){.home-header-section{margin-bottom:1vh;margin-top:6vh}.home-promise-section{height:min(50px,7vh);margin:clamp(.2vh,.3vh,.5vh) 0}.home-promise-text{font-size:clamp(1.2rem,3.5vw,1.8rem)}.home-paw-print{width:min(140px,25vw)}.home-paw-image img{width:min(80px,15vw)}}@media (max-width:480px){.home-header-section{margin-top:5vh}.home-promise-section{height:min(50px,8vh)}.home-promise-text{font-size:clamp(1rem,3vw,1.5rem)}}@media (min-width:1800px){.HomePage{gap:clamp(1vh,2vh,3vh)}.home-header-section{margin-bottom:0;margin-top:clamp(2.5vh,3vh,3.5vh)}.home-promise-section{height:min(100px,14vh)}}.AppHeader{border:none;box-shadow:none}.bubble-menu{align-items:center;display:flex;gap:16px;justify-content:space-between;left:0;padding:0 2em;pointer-events:none;right:0;top:2em;z-index:99}.bubble-menu.fixed{position:fixed}.bubble-menu.absolute{position:absolute}.bubble-menu .bubble{--bubble-size:48px;align-items:center;background:#fff;border-radius:50%;box-shadow:0 4px 16px #0000001f;display:inline-flex;height:var(--bubble-size);justify-content:center;pointer-events:auto;width:var(--bubble-size)}.bubble-menu .logo-bubble,.bubble-menu .toggle-bubble{will-change:transform}.bubble-menu .logo-bubble{border-radius:calc(var(--bubble-size)/2);gap:8px;height:var(--bubble-size);min-height:var(--bubble-size);padding:0 16px;width:auto}.bubble-menu .toggle-bubble{height:var(--bubble-size);width:var(--bubble-size)}.bubble-menu .bubble-logo{display:block;max-height:60%;max-width:100%;object-fit:contain}.bubble-menu .logo-content{--logo-max-height:60%;--logo-max-width:100%;align-items:center;display:inline-flex;height:100%;justify-content:center;width:120px}.bubble-menu .logo-content>.bubble-logo,.bubble-menu .logo-content>img,.bubble-menu .logo-content>svg{max-height:var(--logo-max-height);max-width:var(--logo-max-width)}.bubble-menu .menu-btn{align-items:center;background:#fff;border:none;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:0}.bubble-menu .menu-line{background:#111;border-radius:2px;display:block;height:2px;margin:0 auto;transform-origin:center;transition:transform .3s ease,opacity .3s ease;width:26px}.bubble-menu .menu-line+.menu-line{margin-top:6px}.bubble-menu .menu-btn.open .menu-line:first-child{transform:translateY(4px) rotate(45deg)}.bubble-menu .menu-btn.open .menu-line:last-child{transform:translateY(-4px) rotate(-45deg)}@media (min-width:768px){.bubble-menu .bubble{--bubble-size:56px}.bubble-menu .logo-bubble{padding:0 16px}}.bubble-menu-backdrop{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;bottom:0;cursor:pointer;display:none;left:0;position:absolute;right:0;top:0;z-index:97}.bubble-menu-backdrop.fixed{position:fixed}.bubble-menu-backdrop.absolute{position:absolute}.bubble-menu-items{align-items:center;display:flex;inset:15%;justify-content:center;pointer-events:none;position:absolute;z-index:98}.bubble-menu-items.fixed{position:fixed}.bubble-menu-items.absolute{position:absolute}.bubble-menu-items .pill-list{display:flex;flex-wrap:wrap;gap:0;justify-content:stretch;list-style:none;margin:0 auto;max-width:1600px;padding:0 24px;pointer-events:auto;row-gap:4px;width:100%}.bubble-menu-items .pill-list .pill-spacer{height:0;pointer-events:none;width:100%}.bubble-menu-items .pill-list .pill-col{align-items:stretch;box-sizing:border-box;display:flex;flex-basis:33.33333%;flex-grow:0;flex-shrink:0;justify-content:center}.bubble-menu-items .pill-list .pill-col:nth-child(4):nth-last-child(2){margin-left:16.66667%}.bubble-menu-items .pill-list .pill-col:nth-child(4):last-child{margin-left:33.33333%}.bubble-menu-items .pill-link{--pill-bg:#fff;--pill-color:#111;--pill-border:#0000001f;--item-rot:0deg;--pill-min-h:160px;--hover-bg:#f3f4f6;--hover-color:#111;align-items:center;background:var(--pill-bg);border:none;border-radius:999px;box-shadow:0 4px 14px #0000001a;box-sizing:border-box;color:var(--pill-color);cursor:pointer;display:flex;font-family:inherit;font-size:clamp(1.5rem,4vw,4rem);font-weight:400;height:10px;justify-content:center;line-height:0;min-height:var(--pill-min-h);overflow:hidden;padding:clamp(1.5rem,3vw,8rem) 0;position:relative;text-decoration:none;transition:background .3s ease,color .3s ease;white-space:nowrap;width:100%;will-change:transform}@media (min-width:900px){.bubble-menu-items .pill-link{transform:rotate(var(--item-rot))}.bubble-menu-items .pill-link:hover{background:var(--hover-bg);color:var(--hover-color);transform:rotate(var(--item-rot)) scale(1.06)}.bubble-menu-items .pill-link:active{transform:rotate(var(--item-rot)) scale(.94)}}.bubble-menu-items .pill-link .pill-label{display:inline-block;height:1.2em;line-height:1.2;will-change:transform,opacity}@media (max-width:899px){.bubble-menu-items{align-items:flex-start;padding-top:120px}.bubble-menu-items .pill-list{row-gap:16px}.bubble-menu-items .pill-list .pill-col{flex:0 0 100%;margin-left:0!important;overflow:visible}.bubble-menu-items .pill-link{font-size:clamp(1.2rem,3vw,4rem);min-height:80px;padding:clamp(1rem,2vw,2rem) 0}.bubble-menu-items .pill-link:hover{background:var(--hover-bg);color:var(--hover-color);transform:scale(1.06)}.bubble-menu-items .pill-link:active{transform:scale(.94)}}.RegisterPage{background:#fedcd2;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;width:100%}.login-container{justify-content:space-between;margin-left:auto;margin-right:auto;margin-top:60px;max-width:1600px;min-height:100vh}.left-section,.login-container{align-items:center;display:flex;padding:2vw}.left-section{flex:1 1;flex-direction:column;justify-content:center;max-width:50%}.register-intro-text{align-items:flex-start;display:flex;flex-direction:column;gap:1rem;max-width:600px;text-align:left}.register-tagline{font-family:Open Sans,sans-serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:700;line-height:1.2}.register-text-black{animation:fadeInOut 3s infinite;color:#3d2828;display:inline-block}.register-text-highlight{animation:fadeInOut 3s 1.5s infinite;color:#ff7578;display:inline-block}.illustration-image{height:auto;margin:0 auto;max-width:450px;object-fit:cover;width:90%}.right-section{flex:1 1;justify-content:center;max-width:45%;padding:2vw}.login-box,.right-section{align-items:center;display:flex}.login-box{background:#ffffffd9;border-radius:20px;box-shadow:0 8px 32px #0000001a;flex-direction:column;justify-content:flex-start;margin:0 auto;max-width:400px;min-width:280px;overflow:hidden;padding:clamp(20px,4vw,40px)}.WelcomeText,.login-box{position:relative;width:100%}.WelcomeText{color:#735858;font-family:Open Sans,sans-serif;font-size:clamp(1.2rem,2.5vw,1.8rem);font-weight:600;margin-bottom:0;text-align:center;white-space:nowrap;z-index:2}.register-paw-print{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.register-paw-image,.register-paw-print{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.register-paw-image img{height:auto;opacity:.3;width:80px}.welcome-container{margin-bottom:30px;position:relative}.google-signin-button,.welcome-container{align-items:center;display:flex;justify-content:center;width:100%}.google-signin-button{background:#fff;border:1px solid #eee;border-radius:50px;box-shadow:0 4px 6px #0000001a;cursor:pointer;gap:10px;padding:clamp(8px,2vw,12px) clamp(16px,3vw,24px);transition:all .3s ease}.google-signin-button:hover{background:#fff;box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}.google-signin-button:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.google-signin-button-icon{align-items:center;display:flex;justify-content:center;margin-right:8px}.google-icon{height:18px;width:18px}.google-signin-button-text{color:#3c4043;font-family:Open Sans,sans-serif;font-size:clamp(14px,1.5vw,16px);font-weight:500}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.google-signin-wrapper{margin-top:0;position:relative;width:100%;z-index:2}@keyframes fadeInOut{0%{opacity:.7;transform:translateY(5px)}50%{opacity:1;transform:translateY(0)}to{opacity:.7;transform:translateY(5px)}}@media screen and (max-width:1200px){.left-section,.login-container,.right-section{padding:1vw}}@media screen and (max-width:900px){.login-container{flex-direction:column;justify-content:center}.left-section,.right-section{max-width:100%;padding:20px}.register-tagline{font-size:clamp(1.8rem,5vw,2.5rem)}.illustration-image{width:70%}.WelcomeText{font-size:clamp(1.1rem,3vw,1.5rem)}}.register-promise-section{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.register-promise-text{color:#735858;font-size:clamp(1.2rem,2vw,1.5rem);font-weight:600;z-index:2}.transition-container{align-items:center;background-color:#fedcd2;display:flex;justify-content:center;min-height:100vh;padding:20px;width:100%}.content-wrapper{padding:40px}.main-content{align-items:center;display:flex;justify-content:space-between;margin-bottom:60px;width:100%}.text-section{flex:1 1;padding-right:40px;text-align:left}.title{color:#333;font-family:Open Sans,Helvetica,sans-serif;font-size:64px;line-height:1.1;text-align:left}.highlight{color:#f2968f;display:block;margin-bottom:10px}.image-section{align-items:center;display:flex;flex:1 1;justify-content:center}.illustration{height:auto;max-width:100%}.match-button{background-color:#f2968f;border:none;border-radius:100px;color:#fff;cursor:pointer;font-family:Open Sans,Helvetica,sans-serif;font-size:16px;font-weight:600;min-width:200px;padding:16px 32px;transition:all .3s ease}.match-button:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}@media screen and (max-width:1024px){.content-wrapper{padding:30px}.title{font-size:56px}}@media screen and (max-width:768px){.main-content{flex-direction:column;margin-bottom:40px}.content-wrapper{padding:20px}.text-section{margin-bottom:30px;padding-right:0;text-align:center}.title{font-size:48px;text-align:center}.image-section{margin:0 auto;width:80%}}@media screen and (max-width:480px){.transition-container{padding:10px}.title{font-size:36px}.match-button{font-size:14px;min-width:160px;padding:12px 24px}.image-section{width:90%}}.matching-container{background-color:#fedcd2;flex-direction:column;min-height:100vh;overflow:hidden;width:100%}.cards-container,.matching-container{align-items:center;display:flex;position:relative}.cards-container{height:700px;justify-content:center;margin:0 auto;width:min(1200px,90vw)}.profile-card{background:#fff;border-radius:25px;display:flex;flex-direction:column;height:560px;padding:25px;position:absolute;transition:all .5s cubic-bezier(.4,0,.2,1);width:400px}.profile-card.left{opacity:.6;transform:translateX(-420px) scale(.85);z-index:0}.profile-card.center{box-shadow:0 4px 20px #0000001a;opacity:1;transform:translateX(0) scale(1);z-index:2}.profile-card.right{opacity:.6;transform:translateX(420px) scale(.85);z-index:0}.profile-card.hidden{opacity:0;pointer-events:none;transform:translateX(290px) scale(.7)}.profile-photo{border-radius:20px;height:280px;margin-bottom:auto;width:100%}.profile-info{margin-bottom:25px}.profile-name{color:#333;font-size:32px;font-weight:700;margin-bottom:12px}.profile-details{color:#666;font-size:18px;line-height:1.4;margin-bottom:0}.match-score{border-radius:20px;font-size:16px;padding:8px 16px;position:absolute;right:15px;top:15px;z-index:1}.match-score,.wag-button{background-color:#ec847c;color:#fff;font-weight:600}.wag-button{border:none;border-radius:25px;cursor:pointer;font-size:18px;margin-top:auto;padding:15px 0;transition:all .3s ease;width:100%}.wag-button:hover{background-color:#d67670;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}@media (max-width:1200px){.cards-container{width:95vw}.profile-card{height:480px;padding:20px;width:340px}.profile-photo{height:250px}.profile-name{font-size:24px}.profile-details{font-size:16px}.profile-card.left{transform:translateX(-360px) scale(.85)}.profile-card.right{transform:translateX(360px) scale(.85)}.left-arrow{left:calc(50% - 600px)}.right-arrow{right:calc(50% - 600px)}}@media (max-width:992px){.profile-card{height:420px;padding:20px;width:300px}.profile-photo{height:200px}.profile-name{font-size:22px}.profile-details{font-size:14px;margin-bottom:15px}.wag-button{font-size:16px;padding:12px 0}.profile-card.left{transform:translateX(-320px) scale(.85)}.profile-card.right{transform:translateX(320px) scale(.85)}.left-arrow{left:20px}.right-arrow{right:20px}}@media (max-width:768px){.cards-container{height:500px;width:95vw}.profile-card{height:400px;padding:15px;width:280px}.profile-photo{height:200px}.profile-name{font-size:22px}.profile-details{font-size:14px;margin-bottom:15px}.wag-button{font-size:16px;padding:12px 0}.profile-card.left{transform:translateX(-290px) scale(.85)}.profile-card.right{transform:translateX(290px) scale(.85)}.controls{align-items:center;flex-direction:column;gap:10px;margin:15px 0 30px}.sort-button{font-size:14px;padding:10px 20px;width:200px}.arrow{font-size:20px;height:45px;width:45px}.left-arrow{left:10px}.right-arrow{right:10px}}.controls{display:flex;gap:20px;margin:20px 0 40px;position:relative;z-index:3}.sort-button{background-color:#fff;border:2px solid #ec847c;border-radius:30px;box-shadow:0 2px 4px #0000001a;color:#ec847c;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px;transition:all .3s ease}.sort-button:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.sort-button.active,.sort-button:hover{background-color:#ec847c;color:#fff}.arrow{background:#ec847c;border:none;border-radius:50%;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;font-size:24px;height:50px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px;z-index:4}.arrow:hover{background:#d67670;transform:translateY(-50%) scale(1.1)}.left-arrow{left:5vw}.right-arrow{right:5vw}@media (max-width:1400px){.left-arrow{left:4vw}.right-arrow{right:4vw}}@media (max-width:1200px){.left-arrow{left:3vw}.right-arrow{right:3vw}}@media (max-width:992px){.arrow{font-size:20px;height:45px;width:45px}.left-arrow{left:2vw}.right-arrow{right:2vw}}@media (max-width:768px){.arrow{font-size:18px;height:40px;width:40px}.left-arrow{left:10px}.right-arrow{right:10px}}.profile-avatar{border-radius:50%;display:block;height:100px;margin:10px auto;object-fit:cover;width:100px}.AppHeader{box-shadow:0 2px 5px #0000001a;left:0;padding:10px 20px}.header-button{font-size:16px;margin-left:10px}.header-button:hover{text-decoration:underline}.username{cursor:pointer;position:relative}.dropdown-menu{background-color:#fedcd2;border:1px solid pink;border-radius:5px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;left:0;min-width:120px;position:absolute;top:100%;z-index:1000}.dropdown-menu button{background:none;border:none;color:#735858;cursor:pointer;font-size:16px;padding:10px;text-align:left}.dropdown-menu button:hover{background-color:#f2968f}.no-login-message,.no-pet-message{align-items:center;background-color:#fff;border-radius:25px;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column;justify-content:center;margin-top:100px;max-width:400px;padding:40px;width:90%}.no-login-message h2,.no-pet-message h2{color:#735858;font-size:24px;font-weight:600;margin-bottom:20px;text-align:center}.no-login-message button,.no-pet-message button{background-color:#ec847c;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:15px 30px;text-align:center;transition:all .3s ease;width:200px}.no-login-message button:hover,.no-pet-message button:hover{background-color:#d67670;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}@media (max-width:768px){.no-login-message,.no-pet-message{margin-top:80px;padding:30px;width:95%}.no-login-message h2,.no-pet-message h2{font-size:20px}.no-login-message button,.no-pet-message button{font-size:16px;padding:12px 25px;width:180px}}*{box-sizing:border-box}body{background-color:#fedcd2;font-family:Open Sans,sans-serif;margin:0;min-height:100vh}.profile-signup{flex-direction:column;margin-top:60px;padding:20px}.header,.profile-signup{align-items:center;display:flex}.header{justify-content:space-between;padding:10px 20px;width:100%}.app-name{color:#714949;font-size:32px;font-weight:700}.auth-buttons{display:flex;gap:10px}.login-button,.signup-button{background:#fff;border:1px solid #4b4b4b;border-radius:100px;color:#735858;cursor:pointer;font-size:16px;padding:8px 16px}.form-container{background:none;margin-top:10px;max-width:800px;padding:clamp(20px,4vw,40px);width:100%}.profile-title{color:#735858;font-family:Open Sans,sans-serif;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:700;margin-bottom:30px;position:relative;text-align:center;z-index:2}.profile-title-container{align-items:center;display:flex;flex-direction:column;margin-bottom:40px;position:relative;width:100%}.profile-paw-print{display:flex;justify-content:center;left:50%;opacity:.5;position:absolute;top:50%;transform:translate(-50%,-50%);width:min(160px,30vw);z-index:1}.profile-paw-image{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.profile-paw-image img{height:auto;width:min(100px,20vw)}.form-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:20px;width:100%}.form-grid label{color:#735858;display:flex;flex-direction:column;font-size:16px;margin-bottom:8px;position:relative;text-align:left}.profile-header{align-items:center;background-color:#fedcd2;box-shadow:0 4px 12px #0000001a;display:flex;justify-content:flex-end;padding:1rem 2rem;position:fixed;top:0;width:100%;z-index:1000}.error-message{bottom:-20px;color:#ff4d4f;font-size:12px;left:0;margin-top:4px;position:absolute}.form-field-container{margin-bottom:24px;position:relative}.button-container{display:flex;gap:20px;justify-content:center;margin-top:30px;width:100%}.next-button{background:#f2968f;border-radius:50px;box-shadow:0 4px 6px #0000001a;color:#fff;font-size:clamp(1rem,1.5vw,1.2rem);font-weight:600;margin:0;padding:12px 30px;width:fit-content}.next-button:hover{background:#ff7578;box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}@media (max-width:768px){.form-grid{grid-template-columns:1fr}}input.input-field{background-image:none;padding-right:10px}.AppHeader{align-items:center;background-color:#fedcd2;box-shadow:0 4px 12px #0000001a;display:flex;justify-content:flex-end;padding:1rem 2rem;position:fixed;top:0;width:100%;z-index:1000}.header-button{background:none;border:none;color:#735858;cursor:pointer;font-family:Open Sans,sans-serif;font-size:1.2rem;font-weight:600;padding:.5vh 1vw;transition:all .3s ease}.header-button:hover{color:#ff7578;transform:translateY(-2px)}header.AppHeader{background-color:#fedcd2!important;border-bottom:1px solid #0000001a;display:flex;justify-content:flex-end;margin:0;padding:1rem 2rem;position:sticky;top:0;width:100%;z-index:1000}.profile-header{display:none}.header{background:none}.error-text{bottom:-18px;color:#8b0000;font-size:12px;left:0;line-height:1;margin:0;position:absolute;text-align:left}.input-field.error{border-color:#d9d9d9}.input-field,.select__control{background:#fff;border:1px solid #d9d9d9;border-radius:8px;color:#735858;font-size:16px;height:64px;margin-top:4px;padding:12px;text-align:left;transition:all .3s ease}select.input-field{height:64px}.select__placeholder{color:#735858!important}.pac-container{border:1px solid #eee;border-radius:8px;box-shadow:0 2px 6px #0000001a;margin-top:4px}.pac-item{cursor:pointer;padding:8px 12px}.pac-item:hover{background-color:#f5f5f5}.pac-item-selected{background-color:#f0f0f0}input[type=date].input-field{height:64px}.characters-container{background-color:#fedcd2;display:flex;justify-content:center;min-height:100vh;padding:20px;width:100%}.content-wrapper{align-items:center;display:flex;flex-direction:column;max-width:1200px;padding:20px;width:100%}.page-title{color:#725757;font-family:Open Sans,Helvetica,sans-serif;font-size:2rem;font-weight:700;margin-bottom:3rem;text-align:center}.character-grid{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:2rem;max-width:900px;padding:0 20px;width:100%}.character-card{align-items:center;background-color:#e0bfb8;border:none;border-radius:16px;cursor:pointer;display:inline-flex;height:49px;justify-content:center;margin:0;padding:12px 24px;transition:all .3s ease;width:auto}.character-name{color:#725757;font-family:Open Sans,Helvetica,sans-serif;font-size:16px;font-weight:600;line-height:1;white-space:nowrap}.character-card.selected{background-color:#f2968f99}.character-card:hover:not(.disabled){box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.character-card.disabled{cursor:not-allowed;opacity:.5}.selection-counter{color:#725757;font-family:Open Sans,Helvetica,sans-serif;font-size:20px;font-weight:600;margin:2rem 0;text-align:center}.next-button{background-color:#f2968f;border:none;border-radius:100px;cursor:pointer;min-width:120px;padding:16px 40px;transition:all .3s ease}.button-text{color:#fff;font-family:Open Sans,Helvetica,sans-serif;font-size:16px;font-weight:600}.next-button:disabled{cursor:not-allowed;opacity:.5}@media screen and (max-width:768px){.content-wrapper{padding:16px}.page-title{font-size:24px;margin-bottom:2rem}.character-grid{gap:12px;padding:0 12px}.character-card{height:40px;padding:8px 20px}.character-name{font-size:14px}.selection-counter{font-size:18px;margin:1.5rem 0}}@media screen and (max-width:480px){.character-grid{gap:8px;padding:0 8px}.character-card{height:36px;padding:6px 16px}.character-name{font-size:13px}.next-button{padding:12px 32px}.button-text{font-size:14px}}.adding-photos{align-items:center;background-color:#fedcd2;border-radius:10px;display:flex;flex-direction:column;padding:20px;width:100%}.title{color:#725757;font-size:24px;font-weight:700;margin-bottom:20px;text-align:center}.photo-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.photo-frame{align-items:center;background-color:#e0bfb8;border-radius:10px;display:flex;height:100px;justify-content:center;overflow:hidden;width:100px}.placeholder{background-color:#f0e5e5}.photo,.placeholder{height:100%;width:100%}.photo{border-radius:10px;object-fit:cover}.photo-count{color:#725757;font-size:18px;margin-bottom:20px}.upload-input{display:none}.button{background-color:#f2968f;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:10px 20px}.add-photo-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:100%;justify-content:center;width:100%}.add-photo-button svg{color:#725757;height:24px;width:24px}.photo-container{height:100%;position:relative;width:100%}.delete-button{align-items:center;background-color:#fffc;border:none;border-radius:50%;cursor:pointer;display:flex;height:20px;justify-content:center;padding:0;position:absolute;right:5px;top:5px;width:20px;z-index:1}.delete-button svg{color:#725757;height:12px;width:12px}.redflags-container{background-color:#fedcd2;display:flex;justify-content:center;min-height:100vh;padding:20px;width:100%}.redflags-page .content-wrapper{align-items:center;display:flex;flex-direction:column;max-width:1200px;padding:20px;width:100%}.redflags-page .page-title{color:#725757;font-family:Open Sans,Helvetica,sans-serif;font-size:2rem;font-weight:700;margin-bottom:3rem;text-align:center}.redflags-page .flag-grid{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:2rem;max-width:900px;padding:0 20px;width:100%}.redflags-page .flag-card{align-items:center;background-color:#e0bfb8;border:none;border-radius:16px;cursor:pointer;display:inline-flex;height:49px;justify-content:center;margin:0;padding:12px 24px;transition:all .3s ease;width:auto}.redflags-page .flag-name{color:#725757;font-family:Open Sans,Helvetica,sans-serif;font-size:16px;font-weight:600;line-height:1;white-space:nowrap}.redflags-page .flag-card.selected{background-color:#f2968f99}.redflags-page .flag-card:hover:not(.disabled){box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.redflags-page .flag-card.disabled{cursor:not-allowed;opacity:.5}.redflags-page .selection-counter{color:#725757;font-family:Open Sans,Helvetica,sans-serif;font-size:20px;font-weight:600;margin:2rem 0;text-align:center}.redflags-page .next-button{background-color:#f2968f;border:none;border-radius:100px;cursor:pointer;min-width:120px;padding:16px 40px;transition:all .3s ease}.redflags-page .button-text{color:#fff;font-family:Open Sans,Helvetica,sans-serif;font-size:16px;font-weight:600}.redflags-page .next-button:disabled{cursor:not-allowed;opacity:.5}@media screen and (max-width:768px){.redflags-container .content-wrapper{padding:16px}.redflags-container .page-title{font-size:24px;margin-bottom:2rem}.redflags-container .flag-grid{gap:12px;padding:0 12px}.redflags-container .flag-card{height:40px;padding:8px 20px}.redflags-container .flag-name{font-size:14px}.redflags-container .selection-counter{font-size:18px;margin:1.5rem 0}}@media screen and (max-width:480px){.redflags-container .flag-grid{gap:8px;padding:0 8px}.redflags-container .flag-card{height:36px;padding:6px 16px}.redflags-container .flag-name{font-size:13px}.redflags-container .next-button{padding:12px 32px}.redflags-container .button-text{font-size:14px}}.my-profile-container{background:#fedcd2;border-radius:15px;margin:0 auto;max-width:800px;min-height:100vh;padding:40px 20px 20px;text-align:center;width:100%}.my-profile-header{align-items:center;background-color:#fedcd2;box-shadow:0 2px 4px #0000001a;display:flex;height:60px;justify-content:flex-end;left:0;padding:0 2rem;position:fixed;top:0;width:100%;z-index:1000}.photo-placeholder{background-color:#ccc;border-radius:50%;height:150px;margin:15px auto;overflow:hidden;width:150px}.photo-placeholder,.shots-followers{align-items:center;display:flex;justify-content:center}.shots-followers{background:#ffffff4d;border-radius:12px;gap:20px;margin-top:15px;padding:10px 0}.text-wrapper,.text-wrapper-2,.text-wrapper-3,.text-wrapper-4{color:#6c6c6c;font-size:18px;margin:0 10px;text-align:center}.edit-profile,.text-wrapper-3,.text-wrapper-4{cursor:pointer;font-weight:700}.divider{background-color:#735858;height:50px;opacity:.2;width:2px}.group{line-height:1.8;margin:40px auto;max-width:600px}.kiwi-sex-man-breed{color:#735858;font-size:20px;text-align:center}.kiwi-sex-man-breed .span{color:#4a3b3b;display:block;font-size:24px;font-weight:600;margin:15px 0;text-align:center}.text-wrapper-5{display:block;line-height:2.2;padding:0 40px;text-align:left}.text-wrapper-6{color:#735858;font-size:28px;font-weight:700;letter-spacing:.5px;margin:10px auto;padding-top:20px;text-align:center}@media (max-width:768px){.my-profile-container{padding:60px 15px 15px}.text-wrapper-6{font-size:24px}.kiwi-sex-man-breed{font-size:16px}.shots-followers{flex-wrap:wrap;gap:20px;padding:10px 0}}@media (max-width:480px){.shots-followers{flex-direction:column;gap:25px}.divider{height:1px;margin:5px 0;width:80%}.text-wrapper-5{padding:0 10px}}.profile-photo{border-radius:50%;height:150px;object-fit:cover;width:150px}.my-profile-header-button{background:none;border:none;color:#735858;cursor:pointer;font-size:16px;margin-left:10px}.my-profile-header-button:hover{text-decoration:underline}.my-profile-header-username{cursor:pointer;position:relative}.my-profile-dropdown{background-color:#fedcd2;border:1px solid pink;border-radius:5px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;left:0;min-width:120px;position:absolute;top:100%;z-index:1000}.my-profile-dropdown button{background:none;border:none;color:#735858;cursor:pointer;font-size:16px;padding:10px;text-align:left}.my-profile-dropdown button:hover{background-color:#f2968f}.my-profile-edit-button{background:#ec847c;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:12px 30px;transition:all .3s ease}.my-profile-edit-button:hover{background:#e67067;box-shadow:0 4px 12px #ec847c4d;transform:translateY(-2px)}.followers-section,.following-section{align-items:center;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:10px 25px;transition:all .3s ease}.followers-section:hover,.following-section:hover{transform:translateY(-2px)}.count{color:#735858;font-size:28px;margin-bottom:8px}.label{color:#735858;font-size:18px;font-weight:500}@media (max-width:600px){.shots-followers{flex-direction:column;gap:15px}.divider{height:1px;width:80%}}.edit-profile{background:none;border:none;color:#735858;cursor:pointer;font-family:Open Sans,sans-serif;font-size:22px;font-weight:600;padding:.5vh 1vw;transition:all .3s ease}.edit-profile:hover{color:#ff7578;transform:translateY(-2px)}.info-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin:10px auto;max-width:900px;padding:10px}.info-item{background:#fff9;border-radius:12px;display:flex;flex-direction:column;gap:2px;padding:8px;transition:all .3s ease}.info-item:hover{box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.label-text{color:#4a3b3b;font-size:16px;font-weight:700;opacity:.8}.info-value{color:#735858;font-size:18px;line-height:1.4}@media (max-width:768px){.info-grid{gap:6px;grid-template-columns:repeat(2,1fr);padding:8px}}@media (max-width:480px){.info-grid{gap:4px;grid-template-columns:repeat(1,1fr)}}.friends-container{align-items:center;background:#fedcd2;display:flex;flex-direction:column;min-height:100vh;padding:2rem}.main-title{color:#333;font-size:3.5rem;font-weight:700;margin-bottom:3rem;text-align:center}.friends-content{display:flex;gap:4rem;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem;width:100%}.friends-column{flex:1 1;max-width:500px}.column-title{align-items:center;color:#333;display:flex;font-size:1.8rem;font-weight:600;gap:.5rem;margin-bottom:2rem}.count{color:#ec847c;font-weight:700}.friends-list{display:flex;flex-direction:column;gap:1rem}.friend-item{align-items:center;background:#fff;border-radius:1rem;box-shadow:0 2px 4px #0000001a;display:flex;gap:1rem;padding:1rem;transition:transform .2s ease}.friend-item:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.friend-avatar{background:#e0bfb8;border-radius:50%;flex-shrink:0;height:60px;overflow:hidden;width:60px}.friend-avatar img{height:100%;object-fit:cover;width:100%}.friend-content{align-items:center;display:flex;flex:1 1;justify-content:space-between}.friend-text{color:#333;font-size:1rem;line-height:1.4}.wag-back-button{background-color:#ec847c;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.9rem;margin-left:auto;padding:8px 16px;transition:all .2s ease}.wag-back-button:hover{background-color:#e67067;transform:translateY(-1px)}.wag-back-button:active{transform:translateY(0)}.wag-back-button.wagging{background-color:#f0b5b0;cursor:pointer}.wag-back-button.wagging:hover{background-color:#e67067}@media (max-width:768px){.friends-content{align-items:center;flex-direction:column;gap:2rem}.friends-column{max-width:100%;width:100%}.column-title{justify-content:center}.friend-item{padding:.8rem}.friend-avatar{height:50px;width:50px}.friend-avatar img{height:100%;object-fit:cover;width:100%}.friend-text{font-size:.9rem}.wag-back-button{font-size:.8rem;padding:6px 12px}}@media (max-width:480px){.friends-container{padding:1rem}.friend-avatar{height:40px;width:40px}.friend-text{font-size:.8rem}}.loading{color:#666;padding:2rem}.error,.loading{text-align:center}.error{color:#ec847c;padding:1rem}.friend-name{color:#ec847c;cursor:pointer;display:inline;font-weight:600}.friend-name:hover{color:#e67067;text-decoration:underline}.chat-page{display:flex;flex-direction:column;min-height:100vh}.chat-wrapper{display:flex;justify-content:center;padding:16px}.chat-window{background:#fff;border:1px solid #eaeaea;border-radius:12px;box-shadow:0 6px 24px #0000000f;display:flex;flex-direction:column;overflow:hidden;width:min(920px,100%)}.chat-header{align-items:center;background:#fafafa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:12px 16px}.chat-room-name{font-weight:600;letter-spacing:.2px}.chat-me{font-size:14px}.chat-me.muted{color:#888}.messages-wrap{background:linear-gradient(180deg,#f9fafb,#fdfdfd);height:60vh;overflow-y:auto;padding:16px}.empty{padding:32px 12px;text-align:center}.muted{color:#8a8a8a}.messages{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.message-row{align-items:flex-end;display:flex;gap:8px}.message-row.other{justify-content:flex-start}.message-row.mine{justify-content:flex-end}.avatar{background:#d9e2ff;color:#3b5bfd;display:grid;flex:0 0 28px;font-size:12px;font-weight:600;height:28px;place-items:center;width:28px}.bubble{background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 2px 8px #0000000a;max-width:70%;padding:10px 12px}.message-row.mine .bubble{background:#3b82f6;border-bottom-right-radius:4px;border-color:#3b82f6;color:#fff}.message-row.other .bubble{background:#fff;border-bottom-left-radius:4px}.bubble .meta{color:#777;font-size:12px;margin-bottom:4px}.message-row.mine .bubble .meta{color:#ffffffe6}.bubble .text{line-height:1.4;white-space:pre-wrap;word-break:break-word}.bubble .time{color:#9aa0a6;font-size:11px;margin-top:6px}.message-row.mine .bubble .time{color:#fffc}.composer{background:#fafafa;border-top:1px solid #eee;display:flex;gap:8px;padding:12px}.composer-input{border:1px solid #ddd;border-radius:10px;flex:1 1;height:40px;outline:none;padding:0 12px}.composer-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.composer-send{background:#3b82f6;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;height:40px;padding:0 16px}.composer-send:disabled{background:#bcd1ff;cursor:not-allowed}.chat-shell{background:#f4f6f8;display:flex;height:100vh}.chat-sidebar{background:#fff;border-right:1px solid #eee;display:flex;flex-direction:column;width:300px}.sidebar-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:12px 14px}.sidebar-header .title{font-weight:600}.add-btn{background:#f5f5f5;border:none;border-radius:8px;cursor:pointer;padding:6px 10px}.room-search{border-bottom:1px solid #f0f0f0;padding:10px 12px}.room-search input{border:1px solid #e6e6e6;border-radius:8px;height:34px;outline:none;padding:0 10px;width:100%}.room-search input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.room-list{overflow:auto;padding:8px 6px}.room-item{align-items:center;border-radius:10px;color:#222;display:flex;gap:10px;padding:10px;text-decoration:none}.room-item:hover{background:#f6f7fb}.room-item.active{background:#e9f0ff}.room-avatar{background:#dfe6ff;border-radius:10px;color:#3b5bfd;display:grid;font-weight:700;height:36px;place-items:center;width:36px}.room-meta{display:flex;flex-direction:column}.room-title{font-weight:600}.room-sub{color:#888;font-size:12px}.chat-main{flex:1 1;min-width:0}.modal-backdrop{align-items:center;background:#0006;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.modal{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-height:80vh;padding:24px;width:400px}.modal h3{color:#333;font-size:20px;font-weight:600;margin:0 0 16px}.list{flex:1 1;margin-bottom:16px;overflow-y:auto}.list-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;padding:8px 6px;transition:background .2s}.list-item:hover{background:#f5f5f5}.avatar,.list-item input{margin-right:12px}.avatar{border:1px solid #ddd;border-radius:50%;height:32px;object-fit:cover;width:32px}.actions{display:flex;gap:12px;justify-content:flex-end}.actions button{border:none;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.actions button:first-of-type{background:#f5f5f5;color:#333}.actions button:first-of-type:hover{background:#e5e5e5}.actions button:last-of-type{background:#7c3aed;color:#fff}.actions button:last-of-type:disabled{background:#c4b5fd;cursor:not-allowed}.actions button:last-of-type:hover:not(:disabled){background:#6d28d9}
/*# sourceMappingURL=main.d58fdf4f.css.map*/