@import"https://fonts.googleapis.com/css2?family=Readex+Pro:wght@200;300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Poor+Story&display=swap";:root{font-size:16px;--color-primary: #ffc0cb;--color-primary-rgb: 255, 192, 203;--color-secondary: #53c8a0;--color-secondary-rgb: 83, 200, 160;--color-accent: #b51010;--color-white: #ffffff;--color-black: #000000;--color-gray-light: #f8f9fa;--color-gray-border: #f0f0f0;--color-gray-skeleton: whitesmoke;--color-gray-divider: #eee;--color-gray-text: #666;--color-text-dark: #333;--color-error: hsl(0, 100%, 70%);--color-error-dark: #c62828;--color-warning: #f59e0b;--color-warning-bg: #fef3c7;--color-warning-text: #92400e;--color-success: #15803d;--color-success-bg: #f0fdf4;--color-success-border: #bbf7d0;--color-pink-light: rgba(255, 193, 203, .3);--color-pink-border: rgb(255, 193, 203);--color-pink-disabled: rgba(255, 192, 203, .85);--color-pink-bubble: rgb(255, 241, 243);--spacing-xxs: .125rem;--spacing-3xs: .3125rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-md-lg: 1.25rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-2-5xl: 2.5rem;--spacing-5xl: 5rem;--spacing-button-v: .75rem;--spacing-button-h: 1.875rem;--spacing-button-sm-v: .625rem;--spacing-button-sm-h: .9375rem;--font-primary: "Readex Pro", sans-serif;--font-secondary: "Poor Story", system-ui;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-base: .9375rem;--font-size-md: 1rem;--font-size-lg: 1.0625rem;--font-size-xl: 1.125rem;--font-size-2xl: 3.75rem;--font-size-warning: 4rem;--font-size-h1: clamp( 1.875rem, 5vw, 3.75rem );--font-size-h2: clamp(1.5rem, 4vw, 2.5rem);--font-size-h3: clamp(1.25rem, 3vw, 2rem);--font-size-h4: clamp( 1.125rem, 2.5vw, 1.75rem );--font-size-h5: clamp(1rem, 2vw, 1.5rem);--font-size-display: clamp(1rem, 1.5vw, 1.25rem);--font-size-body-fluid: clamp(.9375rem, 1.2vw, 1.125rem);--line-height-tight: 1.25;--line-height-extra-tight: 1.05;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--line-height-loose: 2;--font-weight-light: 200;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--radius-sm: .5rem;--radius-md: .625rem;--radius-lg: 1.5625rem;--radius-xl: 1.875rem;--radius-2xl: 2.5rem;--radius-full: 50%;--border-width-thin: 1px;--border-width-normal: 2px;--border-width-thick: 4px;--transition-fast: .2s ease;--transition-normal: .3s ease;--shadow-sm: 0 4px 12px rgba(0, 0, 0, .15);--shadow-md: 0 1rem 2rem rgba(0, 0, 0, .3);--shadow-modal: rgba(0, 0, 0, .16) 0px 10px 36px 0px, rgba(0, 0, 0, .06) 0px 0px 0px 1px;--focus-outline-color: hsl(200, 100%, 50%);--focus-outline-width: 2px;--focus-outline-offset: 2px;--focus-ring: 0 0 0 3px rgba(var(--color-primary-rgb), .3);--z-base: 1;--z-dropdown: 999;--z-overlay: 1000;--z-modal: 1001;--z-tooltip: 9999}:root{--breakpoint-xs: 320px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--max-content-width: 1200px;--max-container-width: 100%;--safe-area-inset-top: env(safe-area-inset-top, 0);--safe-area-inset-right: env(safe-area-inset-right, 0);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0);--safe-area-inset-left: env(safe-area-inset-left, 0)}@media(orientation:landscape)and (max-height:500px){html{--safe-area-inset-top: env(safe-area-inset-top, 0)}}@media print{:root{--max-content-width: 100%}body{background:transparent;color:#000}nav,.navigation,.buttons,.interactive-controls{display:none!important}}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(min-width:640px){html{font-size:16px}}body{margin:0;padding:0;text-align:center;overflow-x:hidden;background-color:var(--color-white);color:var(--color-text-dark);line-height:var(--line-height-normal);font-size:var(--font-size-base)}*{font-family:var(--font-primary);box-sizing:border-box}a{color:var(--color-black);background-color:transparent;text-decoration:none}h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-extrabold);line-height:var(--line-height-tight);margin:var(--spacing-md) 0}h2{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);font-style:italic;margin:var(--spacing-md) 0}h3{font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);line-height:var(--line-height-normal);margin:var(--spacing-sm) 0}h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);margin:var(--spacing-sm) 0}p{font-size:var(--font-size-body-fluid);line-height:var(--line-height-relaxed);margin:var(--spacing-md) 0}.primary-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-white);margin:var(--spacing-sm);margin-top:2rem;line-height:var(--line-height-tight);@media screen and (max-width:639px){margin-top:5.5rem;color:var(--color-black)}}.error-background{padding-top:var(--spacing-2xl);padding-left:var(--safe-area-inset-left);padding-right:var(--safe-area-inset-right);background-color:var(--color-primary);width:100%;min-height:100dvh;color:var(--color-white);display:flex;flex-direction:column;align-items:center;justify-content:center}.error-background h3{margin:0;margin-top:calc(var(--spacing-md) * -1)}.warning{font-size:var(--font-size-warning);font-weight:var(--font-weight-bold)}.spin{animation:spin 1s linear infinite}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.spinner{display:flex;justify-content:center;align-items:flex-start;padding-top:var(--spacing-xl);width:100%;height:100%;min-height:100dvh}.spinner svg{animation:spin 1s linear infinite;width:10rem;height:10rem}.container{width:100%;max-width:var(--max-content-width);margin-left:auto;margin-right:auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}@media(min-width:640px){.container{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}}@media(max-width:639px){[ez-title=""]{margin-top:3rem!important}}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[role=button]:focus-visible,[tabindex]:focus-visible{outline:var(--focus-outline-width) solid var(--focus-outline-color);outline-offset:var(--focus-outline-offset)}.primary-button:focus-visible,.secondary-button:focus-visible,.edit-button:focus-visible,nav .nav-button:focus-visible,.allow-geo-location:focus-visible{box-shadow:var(--focus-ring);outline:var(--focus-outline-width) solid var(--color-white);outline-offset:var(--focus-outline-offset)}input[type=text]:focus-visible,input[type=email]:focus-visible,input[type=password]:focus-visible,input[type=number]:focus-visible,textarea:focus-visible{border-color:var(--focus-outline-color);box-shadow:var(--focus-ring)}.primary-button{color:var(--color-white);text-transform:uppercase;font-size:var(--font-size-base);background:linear-gradient(45deg,var(--color-accent),var(--color-accent));padding:var(--spacing-button-v) var(--spacing-button-h);border-radius:var(--radius-xl);border:none;cursor:pointer}.secondary-button,.edit-button{color:var(--color-white);background-color:var(--color-primary);font-weight:500;font-size:var(--font-size-base);text-transform:uppercase;padding:var(--spacing-button-v) var(--spacing-button-h);border-radius:var(--radius-xl);border:none;margin:var(--spacing-xs);cursor:pointer;outline:none}.edit-button{text-transform:none;&:hover{color:var(--color-white);background-color:var(--color-primary)}}.secondary-button{&:hover{color:var(--color-white);background-color:var(--color-secondary)}}.allow-geo-location{color:var(--color-white);background-color:var(--color-primary);font-size:var(--font-size-md);padding:var(--spacing-sm) var(--spacing-button-h);border-radius:var(--radius-2xl);border:none;margin-bottom:var(--spacing-xl);cursor:pointer;position:relative;box-shadow:0 0 rgba(var(--color-primary-rgb),.4);animation:pulse 1.5s infinite;& p{display:inline-block;padding-left:var(--spacing-3xs);&:after{content:"";background:var(--color-white);width:var(--spacing-md-lg);height:var(--spacing-md-lg);position:absolute;left:var(--spacing-sm);border-radius:50% 50% 50% 0%;transform:rotate(-49deg)}&:before{content:"";background:var(--color-primary);width:var(--spacing-sm);position:absolute;height:var(--spacing-sm);left:var(--spacing-md);margin-left:-.09375rem;border-radius:50%;top:1.9375rem;z-index:var(--z-base)}}}nav{width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;position:absolute;top:0}nav .nav-button{padding:var(--spacing-button-v) var(--spacing-button-h);color:var(--color-white);background-color:var(--color-primary);font-size:var(--font-size-md);border-radius:var(--radius-2xl);border:none;cursor:pointer;position:absolute;top:var(--spacing-button-sm-v);right:var(--spacing-sm)}nav .nav-button:disabled{background-color:var(--color-pink-disabled);color:var(--color-white)}nav .logo-container{margin:var(--spacing-button-sm-v) 0 0 0}@media only screen and (min-width:640px){nav .nav-button{max-width:620px}}@media only screen and (max-width:639px){.account-settings{top:5.2rem}nav{flex-direction:column;align-items:center;justify-content:flex-start}nav .logo-container{margin:var(--spacing-button-sm-v) var(--spacing-sm) 0 var(--spacing-sm);height:auto}nav .logo-container .logo{width:100%}nav .nav-button{position:static;margin:var(--spacing-button-sm-v) var(--spacing-sm) var(--spacing-xl) var(--spacing-sm)}.header-chat-container .header{background:var(--color-secondary)}}.auth-modal form,.forgot-password-message{display:flex;flex-direction:column;border:1px solid var(--color-pink-border);background-color:var(--color-pink-light);padding:var(--spacing-lg) .3em var(--spacing-lg) .3rem;text-align:left;padding-top:.3rem}.edit form{flex-direction:column}.auth-modal form.image-submit{border:none;background-color:var(--color-white)}.forgot-password-message{text-align:left;padding:1rem}.auth-modal .form-verify-email{display:flex;flex-direction:row;border:1px solid var(--color-pink-border);background-color:var(--color-pink-light);justify-content:center;gap:var(--spacing-sm);margin:0 0 var(--spacing-md) 0;padding:var(--spacing-md);flex-wrap:nowrap}.auth-modal .form-verify-email input{text-align:center;width:35px;height:35px;font-size:1.5rem;font-weight:600;border:2px solid var(--color-primary);border-radius:var(--radius-sm);padding:0;margin:0;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;outline:none;&:hover{border-color:var(--color-primary-dark, #8b4513);background-color:#ffffff80}&:focus{border-color:#0af;box-shadow:0 0 0 3px #00aaff1a;background-color:var(--color-white)}&:disabled{background-color:var(--color-gray-light, #f5f5f5);cursor:not-allowed;opacity:.6}}.auth-modal input[type=password],.auth-modal input[type=email],.auth-modal input[type=text],.auth-modal input[type=number]{padding:var(--spacing-sm);margin:var(--spacing-xs);font-size:var(--font-size-lg);border:1px solid var(--color-primary);border-radius:var(--radius-sm);transition:border-color .2s ease,box-shadow .2s ease;outline:none}.auth-modal.onboarding input[type=text],.auth-modal.onboarding input[type=number]{padding:var(--spacing-lg)}.auth-modal input[type=password]:hover,.auth-modal input[type=email]:hover,.auth-modal input[type=text]:hover,.auth-modal input[type=number]:hover{border-color:var(--color-primary-dark, #8b4513)}.auth-modal input[type=password]:disabled,.auth-modal input[type=email]:disabled,.auth-modal input[type=text]:disabled,.auth-modal input[type=number]:disabled{background-color:var(--color-gray-light, #f5f5f5);cursor:not-allowed;opacity:.6}.forgot-password{display:inline-block;align-self:flex-start;text-align:left;color:var(--color-primary);font-size:14px;text-decoration:underline;padding-left:var(--spacing-sm);margin:var(--spacing-md) 0}.forgot-password-text{color:var(--color-black);text-align:left;padding-left:var(--spacing-sm);font-size:var(--font-size-sm);text-decoration:none;font-style:italic;margin:-.2rem 0 var(--spacing-xl) 0}.auth-modal form .secondary-button{display:block;align-self:flex-start;width:fit-content;margin:var(--spacing-xs) var(--spacing-xs) var(--spacing-xs) var(--spacing-xs)}.auth-modal h2{margin:0}@media only screen and (min-width:640px){.auth-modal h2{font-size:var(--font-size-h3)}}.auth-modal .form-group{display:flex;flex-direction:column;gap:.25rem}.form-group.error .input,.form-group.error input[type=password],.form-group.error input[type=email],.form-group.error input[type=text],.form-group.error input[type=number]{border-color:var(--color-error);color:var(--color-error);box-shadow:0 0 0 3px #d926261a}.auth-modal .input:focus,.auth-modal input[type=password]:focus,.auth-modal input[type=email]:focus,.auth-modal input[type=text]:focus,.auth-modal input[type=number]:focus{border-color:#0af;box-shadow:0 0 0 3px #00aaff1a}.auth-modal .btn:focus{outline:auto}.form-group.error .msg,.server-error,.auth-error{font-size:.9em;margin-left:var(--spacing-md);color:var(--color-error);text-align:left;white-space:pre-line;line-height:1.4rem;position:relative}.auth-error{text-align:center}.auth-modal .form-group label{text-align:left;margin-left:var(--spacing-sm);visibility:hidden;height:0}.verify-email{position:absolute;left:0;right:0;top:100px;margin-left:auto;margin-right:auto;max-width:360px;height:auto;background-color:var(--color-white);border-radius:var(--radius-md);padding:var(--spacing-2-5xl)}.verify-email form{border:1px solid var(--color-pink-border);background-color:var(--color-pink-light);margin:var(--spacing-sm);padding:var(--spacing-lg)}.verify-email input{width:35px;height:35px;padding:0;margin:var(--spacing-sm);font-size:1.5rem;font-weight:600;border:2px solid var(--color-primary);border-radius:var(--radius-sm);text-align:center;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;outline:none;&:hover{border-color:var(--color-primary-dark, #8b4513);background-color:#ffffff80}&:focus{border-color:#0af;box-shadow:0 0 0 3px #00aaff1a;background-color:var(--color-white)}&:disabled{background-color:var(--color-gray-light, #f5f5f5);cursor:not-allowed;opacity:.6}}form label{display:block}select{margin:var(--spacing-sm) var(--spacing-md);font-size:14px;appearance:none;color:var(--color-black);outline:none;background-color:var(--color-white);background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="35" height="30" viewBox="0 0 43.874 37.268"><g id="noun-puppy-2778283" transform="matrix(0.914, 0.407, -0.407, 0.914, 9.848, 0)"><path id="Path_24" data-name="Path 24" d="M4.08,9.61C6.307,6.66,7.909,5.088,9.064,4.619A12.2,12.2,0,0,1,28.537,5.1,5.606,5.606,0,0,1,30,6.161,20.646,20.646,0,0,1,33.163,9.61c3.352,4.433,4.961,8.858,3.6,9.878-1.1.819-3.777-.8-6.526-3.77a12.187,12.187,0,0,1-23.213.045C4.207,18.87,1.592,20.315.489,19.488-.882,18.468.728,14.043,4.08,9.61ZM18.622,23.25a11.206,11.206,0,0,0,10.854-8.388c-.119-.134-.238-.276-.35-.417-2.391,1.6-6.66,1.646-8.5-.6C18.234,10.914,20.395,7.4,22.8,5.6a5.423,5.423,0,0,1,4.068-1.028,11.23,11.23,0,0,0-16.538.037,1.226,1.226,0,0,1,.164.1c1.371,1.013-.246,6.913-1.49,8.6-.417.566-.834,1.1-1.244,1.587A11.239,11.239,0,0,0,18.622,23.25Zm6.228-12.337A1.691,1.691,0,1,0,23.158,12.6,1.688,1.688,0,0,0,24.849,10.914Z" transform="translate(0)" fill="%23674d24"/><ellipse id="Ellipse_1" data-name="Ellipse 1" cx="0.484" cy="0.477" rx="0.484" ry="0.477" transform="translate(23.158 9.878)"/><path id="Path_25" data-name="Path 25" d="M1.691,0A1.684,1.684,0,1,1,0,1.684,1.688,1.688,0,0,1,1.691,0Zm.38,1.6a.477.477,0,1,0-.484-.477A.492.492,0,0,0,2.071,1.6Z" transform="translate(12.394 9.23)"/><path id="Path_26" data-name="Path 26" d="M.8,3.431A1.5,1.5,0,0,0,3.306,2.38V2.373c-.521-.305-1.289-.864-1.289-1.5,0-.976.76-.864,1.743-.864s1.8-.112,1.8.864c0,.641-.767,1.2-1.289,1.5h0a1.5,1.5,0,0,0,1.5,1.438,1.548,1.548,0,0,0,1.013-.387.491.491,0,0,1,.685.03.482.482,0,0,1-.03.678,2.442,2.442,0,0,1-1.661.641A2.469,2.469,0,0,1,3.8,3.781a2.476,2.476,0,0,1-3.643.35.482.482,0,0,1-.03-.678A.472.472,0,0,1,.8,3.431Z" transform="translate(14.839 15.841)"/></g></svg>');background-position:right;background-repeat:no-repeat;border:1px solid transparent;padding:.7rem 7rem .7rem .6rem;cursor:pointer;border-radius:var(--radius-2xl);transition:border-color .2s ease,box-shadow .2s ease}select:hover{border-color:var(--color-primary)}select:focus{border-color:#0af;box-shadow:0 0 0 3px #00aaff1a;outline:none}select:disabled{cursor:not-allowed;opacity:.6;background-color:var(--color-gray-light, #f5f5f5)}.select-distance{margin-top:-1rem}.select-distance label{color:var(--color-white);font-size:1.1rem;text-align:left;text-indent:1rem}@media screen and (min-width:640px){.select-distance .dropdown-menu{max-height:none}}.custom-dropdown{position:relative;display:inline-block;width:100%}.dropdown-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.7rem 1rem;margin:0;font-size:14px;color:var(--color-black);background-color:var(--color-white);border:4px solid var(--color-gray-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-primary)}.dropdown-trigger:hover{border-color:var(--color-primary)}.dropdown-trigger:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.2)}.dropdown-trigger span{flex:1;text-align:left}.dropdown-trigger svg{transition:transform var(--transition-fast);flex-shrink:0;margin-left:.5rem}.dropdown-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + .5rem);left:50%;transform:translate(-50%);width:115%;list-style:none;padding:.5rem 0;margin:0;background-color:var(--color-white);border:4px solid var(--color-gray-border);border-radius:var(--radius-md);box-shadow:var(--shadow-modal);z-index:var(--z-dropdown);max-height:130px;overflow-y:auto;overflow-x:hidden;scrollbar-color:var(--color-primary) var(--color-white);scrollbar-width:thin;&::-webkit-scrollbar{width:8px}&::-webkit-scrollbar-track{background:var(--color-white)}&::-webkit-scrollbar-thumb{background-color:var(--color-primary);border-radius:4px}}.dropdown-menu li{display:inline-block}.dropdown-option{display:block;padding:.4rem 1rem;background:none;border:none;color:var(--color-black);font-size:14px;text-align:center;cursor:pointer;transition:background-color var(--transition-fast);font-family:var(--font-primary)}.dropdown-option.selected{background-color:var(--color-pink-light);font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg)}.dropdown-option:focus{outline:none;background-color:var(--color-pink-light)}.keep-delete .secondary-button{text-transform:unset;margin:.8rem 0}.auth-modal{position:absolute;left:var(--spacing-md-lg);right:var(--spacing-md-lg);top:80px;margin-left:auto;margin-right:auto;max-width:360px;height:auto;background-color:var(--color-white);border-radius:var(--radius-md);padding:var(--spacing-md-lg);box-shadow:var(--shadow-modal);&.onboarding{max-width:700px}.close-icon{position:absolute;top:var(--spacing-sm);right:var(--spacing-md);cursor:pointer;font-size:1.7rem;color:var(--color-primary);font-weight:bolder;border:none;background:none}.modal-copy{line-height:1.4rem;text-align:left;padding:0 .4rem}}.container{.close-icon{position:absolute;right:0;cursor:pointer;font-size:1.7rem;color:var(--color-primary);font-weight:bolder}}.chat-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:flex-start;z-index:1002;padding:.625rem;height:100dvh;@media screen and (min-width:768px){align-items:center;justify-content:center;padding:0 9rem}}.chat-modal{position:relative;width:100%;height:calc(100dvh - 1.25rem);background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-modal);display:flex;flex-direction:column;overflow:hidden;max-height:calc(100dvh - 1.25rem);@media screen and (min-width:768px){height:auto;max-height:70vh;min-height:70vh;border-radius:var(--radius-md)}.close-icon{position:absolute;top:var(--spacing-xxs);right:var(--spacing-md);cursor:pointer;font-size:1.7rem;color:var(--color-primary);font-weight:bolder;z-index:10;border:none;background:none}}.chat-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--color-gray-divider);border-radius:var(--radius-md) var(--radius-md) 0 0;box-shadow:0 2px 8px #0000000a;gap:var(--spacing-sm);margin-top:0;position:relative;.header-user-info{display:flex;flex-direction:column;align-items:center}.header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}& h4{font-size:1.2rem;color:var(--color-text-dark);margin:0}}.unmatch-btn{padding:.25rem .5rem;font-size:var(--font-size-xs);font-weight:500;color:var(--color-white);background-color:#dc3545;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-normal);text-transform:uppercase;letter-spacing:.03125rem;&:hover{background-color:#c82333;transform:translateY(-.0625rem)}&:active{transform:translateY(0)}}.clear-chat-btn{padding:.25rem .5rem;font-size:var(--font-size-xs);font-weight:500;color:var(--color-white);background-color:var(--color-primary);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-normal);text-transform:uppercase;letter-spacing:.03125rem;&:hover{background-color:var(--color-secondary);transform:translateY(-1px)}&:active{transform:translateY(0)}}@media screen and (min-width:768px){.padding-border .unmatch-btn,.padding-border .clear-chat-btn{top:-.7rem;position:relative;margin-top:1.4rem}}.chat-modal{.chat-scroll{flex:1;overflow-y:auto;padding:var(--spacing-md);min-height:0;max-height:unset;scrollbar-color:var(--color-primary) var(--color-white)}.message-input-container{flex-shrink:0;border-top:1px solid var(--color-gray-divider);background-color:var(--color-white);border-radius:0 0 var(--radius-md) var(--radius-md);min-height:80px;margin:0;padding:0;box-shadow:0 -2px 8px #00000014}.container-input{padding:.75rem;box-sizing:border-box}.container-form{display:flex;gap:.5rem;align-items:center;width:100%;padding-right:var(--spacing-3xs);.text-buttons{flex-shrink:0;min-width:2.5rem;min-height:2.5rem;display:flex;align-items:center;justify-content:center}.row{overflow:visible;min-height:var(--spacing-button-h)}}.row{display:flex;flex:1;gap:.25rem;align-items:center;width:100%}.border-form{flex:1;min-height:2rem;padding:.125rem .75rem;border:.125rem solid var(--color-primary);border-radius:var(--spacing-sm);font-size:var(--font-size-md);line-height:1.2}.text-buttons{flex-shrink:0;display:flex;align-items:center;justify-content:center;min-width:2.5rem;min-height:2.5rem;color:var(--color-primary);background:none;border:none;padding:0;cursor:pointer;&:last-child{margin-right:0}& svg{width:2.375rem;height:2.375rem;stroke-width:1.5}}.input-absolute{position:absolute;top:-.5rem;right:-.5rem;width:1.5rem;height:1.5rem;border-radius:50%;background-color:var(--color-primary);color:var(--color-white);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem;font-weight:700;z-index:10}}.simple-image-upload{margin-top:.2rem;padding:0;border:none;border-radius:0;background-color:transparent;display:flex;flex-direction:column;align-items:center;.upload-container{background-color:var(--color-white);padding:var(--spacing-md) var(--spacing-lg) 0 var(--spacing-lg);display:flex;flex-direction:column;align-items:center;width:100%;& h3{margin:0 0 .5rem;font-size:1.1rem;color:var(--color-text-dark);font-weight:600}}.upload-description{margin:0 0 var(--spacing-md) 0;font-size:.9rem;color:var(--color-gray-text);line-height:1.4}.upload-status{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;border-radius:4px;margin-bottom:1rem;font-size:.9rem;&.uploading{background-color:rgba(var(--color-secondary-rgb),.1);color:var(--color-secondary)}&.success{display:block;width:100%;background-color:rgba(var(--color-secondary-rgb),.1);color:var(--color-secondary);margin-bottom:1rem;padding:.75rem;text-align:center}&.error{background-color:var(--color-pink-light);color:var(--color-error-dark)}}.image-preview{margin:1rem auto;text-align:center;width:150px;height:auto;overflow:hidden;display:flex;flex-direction:column;align-items:center;& img{width:100px;height:100px;max-width:none;max-height:none;border-radius:0;box-shadow:none;border:none;outline:none;object-fit:cover;display:block;margin:0;padding:0}}.current-image-label{margin-top:var(--spacing-sm);font-size:.8rem;color:var(--color-gray-text);font-style:italic;text-align:center;width:100%}.upload-actions{display:flex;justify-content:center;gap:.5rem}.image-actions{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.upload-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-button-v) var(--spacing-button-h);border:none;border-radius:var(--radius-xl);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:var(--transition-normal);text-decoration:none;text-transform:uppercase;&.primary{background-color:var(--color-primary);color:var(--color-white);&:hover:not(:disabled){background-color:var(--color-secondary);transform:none;box-shadow:none}}&.secondary{background-color:var(--color-secondary);color:var(--color-white);&:hover:not(:disabled){background-color:var(--color-secondary);color:var(--color-white)}}&:disabled{opacity:.6;cursor:not-allowed;transform:none}&.bouncing{animation:bounce .6s ease-in-out infinite}}.spin{animation:spin 1s linear infinite}}.simple-image-upload.dog-photo{.image-preview.dog-preview{display:flex;flex-direction:column;gap:20px;align-items:center;text-align:center;width:auto;overflow:visible;margin:1rem auto;& img{width:100px;height:100px;flex-shrink:0;border-radius:0;border:none}@media(min-width:768px){flex-direction:row;align-items:flex-start;text-align:left}}}.breed-list{flex:1;text-align:center;.breed-list-title{margin:0 0 12px;font-size:14px;font-weight:600;color:#333}@media(min-width:768px){text-align:left}}.breed-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.breed-item{padding:0 12px;background-color:#fff;border-radius:4px;font-size:13px;display:flex;justify-content:space-between;align-items:center}.breed-name{font-weight:500;text-transform:capitalize;color:#333}.breed-probability{font-size:12px;font-weight:600;color:#000;background-color:#f0f0f0;padding:2px 8px;border-radius:3px}.profile{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.credits-display{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:#ffffff26;border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--color-white);margin-top:var(--spacing-xs);padding:.5rem 1rem;&.low{background-color:var(--color-secondary);border:1px solid var(--color-secondary);padding:.7rem;border-radius:var(--radius-2xl)}&.empty{background-color:#dc3545;border:1px solid #dc3545;animation:pulse 2s infinite}.credits-icon{font-size:var(--font-size-base)}.credits-text{font-weight:500}.buy-credits-btn{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-white);color:var(--color-text-dark);border:none;font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:var(--transition-fast);margin-left:var(--spacing-xs);border-radius:var(--radius-2xl);&:hover{background-color:var(--color-gray-light);transform:scale(1.05)}}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.hamburger-menu{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:none;border:none;cursor:pointer;padding:var(--spacing-sm);z-index:1001;display:flex;flex-direction:column;justify-content:space-around;width:56px;height:56px;border-radius:6px;transition:background-color .2s ease;&:hover{background-color:#ffffff1a}& span{display:block;height:4px;width:100%;background-color:var(--color-white);border-radius:2px;transition:var(--transition-normal)}&.open span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}&.open span:nth-child(2){opacity:0}&.open span:nth-child(3){transform:rotate(-45deg) translate(8px,-8px)}}.menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:999}.header-dropdown-menu{position:absolute;top:60px;right:var(--spacing-md-lg);background-color:var(--color-white);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);z-index:var(--z-overlay);width:170px;padding:var(--spacing-sm) 0;overflow:hidden}.menu-item{display:flex;align-items:center;width:100%;margin:4px 0;color:var(--color-black);text-decoration:none;border-bottom:1px solid var(--color-gray-border);cursor:pointer;transition:var(--transition-fast);font-size:var(--font-size-md);min-height:48px;box-sizing:border-box;&:last-child{border-bottom:none;padding:14px var(--spacing-sm) 14px var(--spacing-sm)}&:hover{background-color:var(--color-gray-light)}.edit-icon,.account-icon{margin-right:var(--spacing-button-v);color:var(--color-secondary);font-size:var(--font-size-xl)}& svg{margin-right:var(--spacing-sm);min-width:var(--spacing-md-lg)}}.edit-dog-profile{font-size:var(--font-size-base);cursor:pointer;text-decoration:none}.menu-item{@media screen and (max-width:767px){padding:18px var(--spacing-sm) 18px var(--spacing-sm);min-height:52px;font-size:17px}@media screen and (min-width:768px){padding:14px var(--spacing-sm) 14px var(--spacing-sm);min-height:46px}}.log-out-link{appearance:none;background:none;border:none;padding:0;cursor:pointer}.profile-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:flex-start;z-index:1100;padding:.625rem;height:100dvh;@media screen and (min-width:768px){align-items:center;justify-content:center;padding:0 9em}}.profile-modal{position:relative;width:100%;background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-modal);display:flex;flex-direction:column;overflow:hidden;height:calc(100dvh - 1.25rem);max-height:calc(100dvh - 1.25rem);@media screen and (min-width:768px){height:auto;max-height:70vh;min-height:70vh;border-radius:var(--radius-md)}}.profile-modal-header{display:flex;justify-content:center;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--color-gray-divider);border-radius:var(--radius-md) var(--radius-md) 0 0;box-shadow:0 2px 8px #0000000a;flex-shrink:0;position:relative}.profile-modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-dark);margin:0}.profile-modal-close{position:absolute;right:var(--spacing-md);background:none;border:none;cursor:pointer;color:var(--color-primary);z-index:10;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs);transition:color var(--transition-fast);font-size:1.7rem;font-weight:bolder;&:hover{color:var(--color-secondary)}}.profile-modal-scroll{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-primary) var(--color-white);display:flex;flex-direction:column;padding:var(--spacing-lg);@media screen and (min-width:768px){padding:var(--spacing-2xl)}}.profile-modal-gallery{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);margin-top:var(--spacing-sm);@media screen and (min-width:768px){grid-template-columns:1fr 1fr}}.profile-modal-image{width:100%;height:200px;object-fit:cover;border-radius:var(--radius-md);display:block;@media screen and (min-width:768px){height:250px}}.profile-modal-info{display:flex;flex-direction:column;gap:var(--spacing-lg)}.profile-section{border-top:1px solid var(--color-gray-border);padding-top:var(--spacing-md);&:first-of-type{border-top:none;padding-top:0}}.profile-details{display:flex;flex-direction:column;gap:var(--spacing-sm);& p{margin:0;color:var(--color-black);line-height:var(--line-height-relaxed);font-size:var(--font-size-base)}& h4{margin:0}}.profile-distance{font-style:italic;color:var(--color-gray-text);font-size:var(--font-size-sm)}.profile-meetup-type{background-color:var(--color-pink-light);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-weight:500}.profile-bio{margin-top:var(--spacing-sm);text-align:left;& strong{display:block;margin-bottom:var(--spacing-xs);color:var(--color-text-dark)}& p{color:var(--color-black);line-height:var(--line-height-normal);margin:0;white-space:pre-wrap}@media screen and (min-width:768px){max-width:600px;margin-left:auto;margin-right:auto}}.profile-modal-footer{flex-shrink:0;border-top:1px solid var(--color-gray-divider);background-color:var(--color-white);border-radius:0 0 var(--radius-md) var(--radius-md);height:60px;box-shadow:0 -2px 8px #0000000a;display:flex;align-items:center;justify-content:center;padding:0 var(--spacing-md)}.profile-modal-like-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;&.liked{background-color:var(--color-primary)!important;&:hover:not(:disabled){background-color:pink!important}}}.confirmation-modal{& h2{color:var(--color-black);margin:0 0 1rem;font-size:1.5rem}& p{margin:0 0 1.5rem;font-size:1rem;color:var(--color-text-dark);line-height:1.5;white-space:pre-wrap}}.confirmation-modal-message{margin-bottom:1.5rem;& p{margin:0 0 1rem;font-size:1rem;color:var(--color-text-dark);line-height:1.5;&:last-child{margin-bottom:0}}}.confirmation-modal-actions{display:flex;gap:var(--spacing-md);flex-direction:column;& button{width:100%}}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield;-moz-appearance:textfield}.social-share-buttons{display:flex;gap:var(--spacing-sm);align-items:center;justify-content:flex-start;flex:1}.share-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:none;background-color:var(--color-gray-light);color:var(--color-text-dark);cursor:pointer;font-size:.875rem;font-weight:600;transition:all var(--transition-fast);&:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}&.twitter{background-color:#1da1f2;color:#fff;&:hover{background-color:#1a8cd8}}&.facebook{background-color:#1877f2;color:#fff;&:hover{background-color:#165ac8}}&.linkedin{background-color:#0a66c2;color:#fff;&:hover{background-color:#084fa0}}&.whatsapp{background-color:#25d366;color:#fff;&:hover{background-color:#20ba5d}}&.copy{background-color:var(--color-gray-light);color:var(--color-text-dark);&:hover{background-color:var(--color-gray-medium)}}}@keyframes bounce{0%,to{transform:translateY(0)}25%{transform:translateY(-.5rem)}50%{transform:translateY(-1rem)}75%{transform:translateY(-.5rem)}}.polaroid{background:var(--color-white);color:var(--color-black);max-width:clamp(16rem,80vw,33.875rem);padding:var(--spacing-md-lg);padding-bottom:clamp(5.5rem,6vw,6rem);position:relative;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;cursor:grab;touch-action:pan-x;transition:transform var(--transition-normal),opacity var(--transition-normal);>img{max-width:100%;height:auto}&:active{cursor:grabbing}&:nth-of-type(4n+1){transform:scale(.8) rotate(2deg)}}.photo{background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:flex-end;width:clamp(12rem,65vw,31.25rem);height:clamp(10.9rem,59vw,25rem);position:relative;aspect-ratio:1.1 / 1}.caption{position:relative;transform:translateY(clamp(6.3rem,6.5vw,6.6rem));user-select:none;& p,span{font-size:clamp(1.25rem,1.4vw,1.5rem);line-height:var(--line-height-extra-tight);text-align:center;font-family:var(--font-secondary);font-weight:var(--font-weight-semibold);font-style:normal;min-height:5rem}}.dog-info{font-size:clamp(1.4rem,1.5vw,1.65rem)!important;color:var(--color-black)}.user-about{display:block;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.profile{.avatar,.img-container{border:var(--border-width-thick) solid var(--color-white);width:clamp(4.5rem,12vw,8rem);height:clamp(4.5rem,12vw,8rem)}}.match-button{.avatar,.img-container{border:var(--border-width-thick) solid var(--color-primary);width:clamp(4.5rem,12vw,8rem);height:clamp(4.5rem,12vw,8rem)}}.dashboard{.swipe-container{user-select:none}}.polaroid-container{.swipe:first-child .polaroid{box-shadow:var(--shadow-md)}}.exercise-buddy:before{content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="65" height="62" viewBox="0 0 46.157 44.41" fill="%23fff"><g transform="translate(0)"><g transform="translate(0)"><path d="M391.866,439.079a34.849,34.849,0,0,0,9.142-.29l1.6-3.628L413.923,434l11.9,5.079,4.934-1.306a2.113,2.113,0,0,1,1.161,4.063l-5.079,1.451-2.177,4.789a26.8,26.8,0,0,0,7.256,7.691c2.322,1.6-.145,5.079-2.467,3.483a29.32,29.32,0,0,1-5.369-4.934,19.1,19.1,0,0,0,2.757,4.208c1.741,2.177-1.6,4.789-3.338,2.612a30.565,30.565,0,0,1-5.659-11.029L401.589,443a39.715,39.715,0,0,1-10.158.29A2.116,2.116,0,0,1,391.866,439.079Z" transform="translate(-387.273 -417.545)" fill-rule="evenodd"/><path d="M533.936,334.014c-3.193,0-8.126-1.306-6.675-5.369.726-2.032,5.95-1.451,6.53-1.741,1.741-.58,2.612-1.741,4.353-2.032,1.886-.435,1.161-.29,1.886-2.177,1.016-2.757,4.5-3.047,3.918.726-.435,3.047,1.016,8.707,1.741,12.044L535.1,336.626S534.226,334.014,533.936,334.014Z" transform="translate(-519.476 -320.606)" fill-rule="evenodd"/><circle cx="2" cy="2" r="2" transform="translate(0 3.919)"/><circle cx="1.5" cy="1.5" r="1.5" transform="translate(17 5.919)" fill="%23fff"/></g></g></svg>');top:-4.2rem;left:1rem;position:absolute;z-index:-1}.play-dates:before{content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="65" height="43" viewBox="0 0 55.307 37.674" fill="%23fff"><g transform="translate(-1702.632 -161.357)"><g transform="translate(1702.632 161.357)"><g transform="translate(0)"><path d="M150.449,91.635a1.811,1.811,0,0,0-2.422.833,16.955,16.955,0,0,1-8.428,8.219c-7.943-2.914-9.2,4.339-18.036,2.887a22.864,22.864,0,0,1-3.659,4.046c-.584.727-1.257,1.5-2.033,2.288l-12.154,10.537a2.129,2.129,0,1,0,2.789,3.218l0,0c.054-.028.108-.053.16-.085l11.746-7.374a15.491,15.491,0,0,0,6.531,2.261c5,.069,11.98-6.657,12.281-6.727-.243,1.623.108,6.605-.982,9.219a2.265,2.265,0,0,0,4.18,1.746,26.7,26.7,0,0,0,2.384-10.045c.023-.012.044-.027.066-.042.715,2.295.66,5.206,1.207,8.665a2.271,2.271,0,0,0,2.492,1.9l.1-.015a2.265,2.265,0,0,0,1.881-2.592c-.832-5.249-2.4-12.813-2.5-13.1a13.008,13.008,0,0,0-2.442-4.5c-.049-.08-.1-.163-.145-.232a20.662,20.662,0,0,0,7.811-8.674A1.808,1.808,0,0,0,150.449,91.635Z" transform="translate(-102.408 -86.51)"/><path d="M119.783,100.945c-.744-2.477-2.742-5.824-5.78-6.829.119-1.781-.227-3.226-2.245-4.177-1.7-.8-3.611-.224-2.795.468,2.337,1.981,1.14,4.032,1.057,4.108a7.521,7.521,0,0,1-3.214,3.044c-1.373.51-5.217,1.441-5.174,3.19.044,1.771.26,2.134,1.053,3.048,1.137,1.308,3.89.216,5.794.523.875.14,2.88,2.039,3.989,3.236a12.9,12.9,0,0,0,1.592-.861A19.757,19.757,0,0,0,119.783,100.945Zm-9.589-.953a1.384,1.384,0,1,1,1.384-1.384A1.384,1.384,0,0,1,110.193,99.992Z" transform="translate(-101.632 -85.42)"/><path d="M203.278,85.389c.053,0,.106,0,.159,0a.426.426,0,1,0,.055-.85c-.076-.006-.147-.007-.215-.007a3.435,3.435,0,0,0-2.659,1.268,4.375,4.375,0,0,0-.756,1.251.426.426,0,1,0,.8.29h0a3.067,3.067,0,0,1,.138-.3A2.851,2.851,0,0,1,203.278,85.389Z" transform="translate(-158.016 -82.541)"/><path d="M200.731,79.876c-.222-.019-.434-.027-.637-.027A4.582,4.582,0,0,0,196,81.9a5.092,5.092,0,0,0-.766,2.048.426.426,0,0,0,.379.468l.044,0a.427.427,0,0,0,.424-.382h0a3.174,3.174,0,0,1,.11-.508,3.736,3.736,0,0,1,3.9-2.831c.18,0,.366.008.563.025a.426.426,0,0,0,.073-.849Z" transform="translate(-155.374 -79.849)"/><path d="M223.252,90.021a.425.425,0,1,0-.563.638h0a1.476,1.476,0,0,1,.127.13,2.862,2.862,0,0,1,.756,1.852A3.176,3.176,0,0,1,222.7,94.7a.426.426,0,1,0,.651.549,4.033,4.033,0,0,0,1.074-2.613A3.738,3.738,0,0,0,223.252,90.021Z" transform="translate(-171.054 -85.627)"/><path d="M227.086,87.257a.425.425,0,0,0-.124.589s.051.077.139.244a7.092,7.092,0,0,1,.807,3.216,6.23,6.23,0,0,1-1.111,3.539.426.426,0,1,0,.707.475,7.085,7.085,0,0,0,1.256-4.014,7.792,7.792,0,0,0-1.085-3.926A.426.426,0,0,0,227.086,87.257Z" transform="translate(-173.454 -84.062)"/></g></g></g></svg>');top:-3rem;left:1rem;position:absolute;z-index:-1}.walk-companion:before{content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="55" height="58" viewBox="0 0 46.157 48.015" fill="%23fff"><g transform="translate(0 0)"><g transform="translate(0 0)"><g transform="translate(0 0)"><g transform="translate(0 9.568)"><path d="M48.148,279.246c2.092,0,9.432-8.977,5.652-10.485-1.075-.43-.133-2.02,1.9-1.748a4.149,4.149,0,0,1,3.792,3.5c4.088,0,5.258,3.1,7.263,5.687l-6.98,8.376c-.631-1.024-1.274-1.83-2.179-1.83-1.9,1.748-5.155,3.986-7.586,1.748C48.111,282.741,46.252,279.246,48.148,279.246Zm8.738-1.748a1.748,1.748,0,1,0-1.748-1.748A1.746,1.746,0,0,0,56.886,277.5Z" transform="translate(-47.355 -265.266)"/><path d="M41.679,279.981H57.418a6.649,6.649,0,0,0,3.291-3.832c.825-3.448-2.728-7.1-2.793-7.168a1.747,1.747,0,0,1,2.475-2.467c.2.2,4.988,5.064,3.722,10.428-.568,2.41-2.247,4.437-4.958,6.076v18.809a2.621,2.621,0,0,1-5.243,0v-7.864H38.184v7.864a2.621,2.621,0,0,1-5.243,0V288.718a6.8,6.8,0,0,1-.9-1.068l7.371-8.848A7.19,7.19,0,0,0,41.679,279.981Z" transform="translate(-18.168 -266)"/></g><g transform="translate(20.376 0)"><rect width="2.621" height="25.18" transform="translate(2.014 21.022) rotate(-140.193)"/></g></g></g></g></svg>');top:-4rem;left:1rem;position:absolute;z-index:-1}.swipe-info{& p{color:var(--color-white);font-size:1.7rem;text-align:center}}.age{font-style:italic}.swipe-indicator{position:absolute;bottom:var(--spacing-md);left:var(--spacing-md);background:none;border:none;color:var(--color-white);opacity:1;cursor:pointer;user-select:none;transition:opacity var(--transition-fast);padding:var(--spacing-sm);z-index:10;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;touch-action:manipulation;animation:bounce .5s infinite;&.animation-hidden{animation:none;opacity:.5}&:hover{color:var(--color-white);opacity:1}&:active{opacity:1}}.swipe-indicator-icons{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;& svg:last-child{margin-top:-1.2rem}}.card-info-button{position:absolute;bottom:var(--spacing-md);right:var(--spacing-md);background-color:var(--color-secondary);border:none;border-radius:var(--radius-full);color:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:center;width:50px;height:50px;padding:0;transition:background-color var(--transition-fast);z-index:5;&:active{background-color:#fff}&:hover{background-color:var(--color-secondary)}}.header-chat-container{background-color:var(--color-white);flex:1.3;min-width:0;text-align:left;z-index:var(--z-base)}.header-chat-container .header{background:var(--color-primary);height:auto;display:flex;justify-content:space-evenly;align-items:center;padding:.7rem 0}.header-chat-container .profile,.header-chat-container .log-out-icon,.header-chat-container .edit-dog-profile{display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;justify-content:space-evenly;color:var(--color-white);text-decoration:none}.padding-border{padding:.2rem .8rem;margin-top:var(--spacing-sm);background:linear-gradient(to bottom,rgba(var(--color-primary-rgb),.25),rgba(var(--color-primary-rgb),.005))}.container{display:flex;justify-content:flex-start;position:relative;gap:var(--spacing-sm)}.position{display:flex;gap:.75rem;align-items:center}.sizing{position:relative;border-radius:9999px}.online{border:none;padding:.5rem 1.25rem 1rem 1rem}.hide{display:none;margin:.25rem 0 1rem;gap:.5rem;align-items:center;@media(min-width:1024px){display:flex}}.cursor{display:flex;gap:.5rem;align-items:center;cursor:pointer}.background-button{position:relative;display:flex;padding:.75rem;gap:.65rem;align-items:center;justify-content:center;width:100%;border:none;color:var(--color-white);background:var(--color-secondary);cursor:pointer;border-radius:var(--radius-2xl);box-shadow:#0003 -4px 9px 15px -6px}.background-button .avatar{border:4px solid var(--color-white)}.background-button-selected{background-color:var(--color-primary)}.avatar{object-fit:cover;border-radius:9999px;width:3.5rem;height:3.5rem;border:3px solid var(--color-primary)}.online-users{position:absolute;left:5.7rem;top:1rem;width:10px;height:10px;background-color:var(--color-secondary);border-radius:50%}span.blink{display:block;width:10px;height:10px;background-color:var(--color-secondary);opacity:.7;border-radius:50%;animation:blink 1s linear infinite}.status{position:relative}.truncate{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.small-text{font-size:.875rem;line-height:1.25rem}.no-online-users{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md);text-align:center;color:#d3d3d3}.chat-scroll{max-height:26rem;overflow-y:auto;scrollbar-color:var(--color-primary) var(--color-white)}.padding{overflow-y:auto;padding:1rem;margin-top:0;flex:1 1 0%}.chat{display:grid;column-gap:.75rem;padding-block:.25rem}.chat-start{place-items:start;grid-template-columns:auto 1fr}.chat-image{grid-row:span 2 / span 2;align-self:flex-end}.chat-image .avatar{position:relative;display:inline-flex;vertical-align:middle}.chat-header{grid-column-start:2}.chat-header{grid-row-start:1;display:flex;gap:.25rem;font-size:.6875rem;margin-bottom:calc(var(--spacing) * 1)}.chat-start{.chat-bubble{&:before{transform:rotateY(0);inset-inline-start:-.75rem}}}.chat-start{.chat-bubble{grid-column-start:2;border-end-start-radius:0}}.chat-end{.chat-bubble{grid-column-start:2;border-end-end-radius:0}}.chat-bubble{&:before{position:absolute;bottom:-.25rem;height:.75rem;width:.75rem;background-color:var(--color-primary);content:"";mask-repeat:no-repeat;mask-image:var(--mask-chat);mask-position:0px -1px;mask-size:13px}}.chat-end{.chat-bubble{&:before{transform:rotateY(180deg);inset-inline-start:100%}}}.chat-end{place-items:end;grid-template-columns:1fr auto}.chat-bubble{display:flex;flex-direction:column;position:relative;display:block;width:fit-content;border-radius:var(--radius-2xl);background-color:var(--color-white);border:4px solid var(--color-primary);padding-inline:1.25rem;padding-block:1.125rem;color:var(--color-text-dark);grid-row-end:3;min-height:2rem;min-width:2.5rem;max-width:100%;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;line-height:1.5;box-shadow:0 2px 8px #0000001a;transition:box-shadow .2s ease,transform .2s ease;&:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}}.chat{--mask-chat: url("data:image/svg+xml,%3csvg width='13' height='13' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M0 11.5004C0 13.0004 2 13.0004 2 13.0004H12H13V0.00036329L12.5 0C12.5 0 11.977 2.09572 11.8581 2.50033C11.6075 3.35237 10.9149 4.22374 9 5.50036C6 7.50036 0 10.0004 0 11.5004Z'/%3e%3c/svg%3e")}.chat-end{.chat-image{grid-column-start:3}}.chat-start{.chat-image{grid-column-start:1}}.container-input{padding:1rem}.column-input{display:flex;margin-bottom:.75rem;gap:.5rem;align-items:center}.input-relative{position:relative}.border-input{object-fit:cover;border-radius:.5rem;border-width:1px;width:5rem;height:5rem}.input-absolute{display:flex;position:absolute;top:-.75rem;right:-.75rem;justify-content:center;align-items:center;border-radius:9999px;width:1.25rem;height:1.25rem;cursor:pointer;background-color:var(--color-primary);color:var(--color-white)}.container-form{display:flex;gap:.5rem;align-items:start}.row{display:flex;flex:1 1 0%;gap:.25rem}.border-form{border-radius:.5rem;width:100%;font-size:16px}.chat-bubble img{max-width:100%;height:auto;display:block;border-radius:var(--radius-2xl);@media screen and (min-width:768px){max-width:300px}}.container-form input{border:2px solid var(--color-primary)}.text-buttons{color:var(--color-primary);background:none;border:none;padding:0}.text-buttons svg{width:35px;height:35px;stroke-width:1.5}.sending-indicator{display:inline-flex;align-items:center;gap:var(--spacing-sm);margin-left:.5rem;height:1.25rem}.sending-indicator .dot{width:10px;height:10px;border-radius:9999px;background-color:var(--color-primary);opacity:.7;animation:sending-bounce 1.2s infinite ease-in-out both}.sending-indicator .dot:nth-child(2){animation-delay:.15s}.sending-indicator .dot:nth-child(3){animation-delay:.3s}.loading{position:relative}.loading:after{display:block;content:"";position:absolute;width:100%;height:100%;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);-webkit-animation:loading 1.5s infinite;animation:loading 1.5s infinite}.sidebar-render .avatar.gray{margin-top:-.45rem}.avatar.gray{background-color:var(--color-gray-skeleton);border-color:var(--color-gray-skeleton);width:clamp(4.5rem,12vw,8rem);height:clamp(4.5rem,12vw,8rem)}.chat-bubble.gray{background-color:var(--color-gray-skeleton)}.chat-header.gray{background-color:var(--color-gray-skeleton);color:var(--color-gray-skeleton)}.sidebar{padding:var(--spacing-sm) var(--spacing-md-lg) 0 var(--spacing-md-lg);max-height:12rem;overflow-x:auto;overflow-y:hidden;display:flex;flex-wrap:nowrap;justify-content:space-evenly}.sidebar-render{cursor:pointer;display:flex;align-items:center;flex-direction:column;margin-right:1rem;flex-shrink:0;position:relative;overflow:visible}.edit .auth-modal{margin-top:2rem;max-width:710px}.edit .auth-modal input[type=text],.edit .auth-modal input[type=number]{height:1.9rem;border-color:var(--color-primary);border-style:solid;border-width:1.5px;padding-left:.6rem;outline:none;margin:0 0 10px;font-size:var(--font-size-lg);border-radius:0}.background-color-edit{background-color:var(--color-secondary);padding-top:var(--spacing-2xl);height:250vh}.instructions{background-color:var(--color-pink-light);padding:var(--spacing-md) var(--spacing-sm) var(--spacing-md) var(--spacing-sm);list-style-type:none;line-height:1.7;margin-bottom:var(--spacing-md)}.instructions p{padding:var(--spacing-md);border-radius:var(--radius-xl)}.chat-message-header{margin-bottom:2.5rem}.dogs-name{margin-right:.5rem}.profile h4{margin:4px 0 0}.match-button h4{margin:4px 0 8px}.chat-bubble{background-color:var(--color-white);border:4px solid var(--color-primary)}.talk-bubble{margin:0 0 15px 65px;display:inline-block;position:relative;height:auto;background-color:var(--color-pink-bubble)}.round{border-radius:var(--radius-lg)}.tri-right.btm-left:after{content:" ";position:absolute;width:0;height:0;inset:auto auto -20px 0;border:28px solid;border-color:transparent transparent transparent var(--color-pink-bubble)}.talktext{padding:1em;text-align:left;line-height:1.5em}.talktext p{-webkit-margin-before:0em;-webkit-margin-after:0em;margin:0}.chat-display{padding:var(--spacing-sm) var(--spacing-md-lg) 0 var(--spacing-md-lg);max-height:12rem;overflow-y:auto;scrollbar-color:var(--color-primary) var(--color-white);display:flex;flex-wrap:wrap;justify-content:flex-start}.matches-display{padding:var(--spacing-sm) var(--spacing-md-lg) 0 var(--spacing-md-lg);max-height:12rem;overflow-x:auto;overflow-y:hidden;display:flex;flex-wrap:nowrap;justify-content:space-evenly;scrollbar-color:var(--color-primary) var(--color-white);scrollbar-width:thin}.matches-display::-webkit-scrollbar{height:8px}.matches-display::-webkit-scrollbar-track{background:var(--color-white)}.matches-display::-webkit-scrollbar-thumb{background-color:var(--color-primary);border-radius:4px}.match-button{cursor:pointer;display:flex;align-items:center;flex-direction:column;margin-right:1rem;flex-shrink:0;position:relative;overflow:visible;&.fountain-active img{position:relative;z-index:1}&.fountain-active:before,&.fountain-active:after{content:"❤️";position:absolute;font-size:24px;pointer-events:none;z-index:10;left:50%;top:50%;transform-origin:center}&.fountain-active:before{animation:fountain-heart-left 1.5s ease-out infinite}&.fountain-active:after{animation:fountain-heart-right 1.5s ease-out infinite;animation-delay:.3s}}.match-button h3{margin-top:.35rem;font-weight:500}.chat-input{padding:var(--spacing-md-lg);display:flex;flex-direction:column}.chat-input textarea{border-color:var(--color-primary);margin-bottom:var(--spacing-xl)}@keyframes fountain-heart-left{0%{transform:translate(-50%) translateY(0) scale(1);opacity:1}25%{transform:translate(-120px) translateY(-60px) scale(.9);opacity:.9}50%{transform:translate(-160px) translateY(-120px) scale(.7);opacity:.6}75%{transform:translate(-140px) translateY(-160px) scale(.5);opacity:.3}to{transform:translate(-100px) translateY(-200px) scale(.2);opacity:0}}@keyframes fountain-heart-right{0%{transform:translate(-50%) translateY(0) scale(1);opacity:1}25%{transform:translate(20px) translateY(-60px) scale(.9);opacity:.9}50%{transform:translate(60px) translateY(-120px) scale(.7);opacity:.6}75%{transform:translate(90px) translateY(-160px) scale(.5);opacity:.3}to{transform:translate(100px) translateY(-200px) scale(.2);opacity:0}}.avatar{width:3.5rem;height:3.5rem;border-radius:var(--border-radius-round, 50%);object-fit:cover;object-position:center;aspect-ratio:1 / 1;background-color:var(--color-neutral-light, #f5f5f5);flex-shrink:0;loading:lazy;decoding:async}.avatar-sm{width:1.5rem;height:1.5rem;aspect-ratio:1 / 1}.avatar-md{width:2rem;height:2rem;aspect-ratio:1 / 1}.avatar-lg{width:3.5rem;height:3.5rem;aspect-ratio:1 / 1}.avatar-xl{width:5rem;height:5rem;aspect-ratio:1 / 1}.avatar-2xl{width:8rem;height:8rem;aspect-ratio:1 / 1}.avatar-bordered{border:2px solid var(--color-white);box-shadow:0 0 0 1px var(--color-border, #e0e0e0)}.avatar-with-status{position:relative;display:inline-block}.avatar-with-status:after{content:"";position:absolute;bottom:0;right:0;width:1rem;height:1rem;border-radius:50%;background-color:var(--color-success, #10b981);border:2px solid var(--color-white)}.avatar-offline:after{background-color:var(--color-neutral-light, #9ca3af)}.avatar-placeholder{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.5rem}.avatar-stack{display:flex;margin-right:-.75rem}.avatar-stack .avatar{border:2px solid var(--color-white);margin-right:-.75rem;position:relative;z-index:1}.avatar-stack .avatar:first-child{z-index:3}.avatar-stack .avatar:nth-child(2){z-index:2}.avatar-stack .avatar:nth-child(3){z-index:1}.avatar-group{display:flex;gap:var(--spacing-sm);align-items:center}.avatar-with-text{display:flex;align-items:center;gap:var(--spacing-sm)}.avatar-with-text .avatar{flex-shrink:0}.avatar-loading{background:linear-gradient(90deg,var(--color-neutral-light, #f0f0f0) 25%,var(--color-neutral, #e0e0e0) 50%,var(--color-neutral-light, #f0f0f0) 75%);background-size:200% 100%;animation:shimmer 2s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.avatar-error{background-color:var(--color-neutral-light, #f5f5f5);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted, #999);font-size:1.5rem}@media(max-width:640px){.avatar{width:2.5rem;height:2.5rem}.avatar-lg{width:3rem;height:3rem}.avatar-xl{width:3.5rem;height:3.5rem}.avatar-2xl{width:4rem;height:4rem}.avatar-stack .avatar{margin-right:-.5rem}}.avatar:focus-visible{outline:2px solid var(--color-primary, #667eea);outline-offset:2px}@media(prefers-contrast:more){.avatar-bordered{border-width:3px}.avatar-with-status:after{border-width:3px}}@media(prefers-reduced-motion:reduce){.avatar-loading,.avatar-with-status{animation:none}}.background-color{background-color:var(--color-secondary);padding-top:6.9rem}.overlay{width:100vw;height:100vh;background-image:url(/assets/bg-homepg-polaroids-C-Z663cO.svg);overflow-y:hidden}.overlay-onboarding{height:230vh;background:url(/assets/bg-polaroids-9sqNJXdw.svg);background-repeat:repeat-y}.home{display:flex;flex-direction:column;justify-content:center;align-items:center;height:108%;padding-inline:var(--spacing-md)}.primary-title{background-color:#fffffff2;color:var(--color-black);padding:clamp(2.5rem,8vw,4rem) clamp(1rem,4vw,2rem);border-radius:var(--radius-lg);position:relative;width:fit-content;max-width:min(90vw,30rem);text-align:center;box-shadow:#0000001a 0 4px 12px;&:before{content:"";position:absolute;bottom:calc(-1rem + 0px);height:0;border-left:1rem solid transparent;border-top:1rem solid rgba(255,255,255,.95);@media(max-width:640px){right:1.5rem}@media(min-width:641px){right:6.5rem}}@media(max-width:640px){font-size:var(--font-size-h2);margin-right:var(--spacing-sm)}@media(min-width:641px){margin-right:var(--spacing-lg)}}.home-share-section{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);z-index:100;@media(max-width:640px){bottom:var(--spacing-md);right:var(--spacing-md)}}.home-share-text{font-size:var(--font-size-lg);font-weight:600;color:var(--color-black);margin:0;text-shadow:0 2px 4px rgba(0,0,0,.2)}.home-share-buttons{display:flex;gap:var(--spacing-xs);flex-direction:column}.home-share-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:none;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;transition:all var(--transition-fast);box-shadow:0 4px 12px #00000026;&:hover{transform:scale(1.1);box-shadow:0 6px 16px #0003}&.twitter{background-color:#1da1f2;&:hover{background-color:#1a8cd8}}&.facebook{background-color:#1877f2;&:hover{background-color:#165ac8}}&.linkedin{background-color:#0a66c2;&:hover{background-color:#084fa0}}}@media only screen and (max-width:1023px){.dashboard{display:grid;grid-template-columns:1fr;width:100%;height:auto;min-height:100dvh}}@media only screen and (min-width:1024px){.home h1{display:block}nav .logo-container img{width:450px}.dashboard{display:grid;grid-template-columns:1fr 1.5fr;width:100%;height:auto;min-height:100dvh}.instructions{padding:0 var(--spacing-xl)}.image-identification{padding:1rem}}@media only screen and (min-width:1920px){.dashboard{grid-template-columns:.8fr 1.5fr;max-width:1600px}}.dashboard .swipe-container{padding-top:2.5rem;display:flex;flex-direction:column;align-items:center;position:relative;background:linear-gradient(-45deg,#53c8a0,#38be8f,#198a62,#41f7b7);background-size:400% 400%;animation:gradient 15s ease infinite;height:100vh;overflow:auto;height:auto;min-height:100%;width:100%}.dashboard .swipe-container:has(.polaroid-container:empty){overflow:hidden}@media only screen and (max-width:1023px){.dashboard .swipe-container{min-height:100dvh;height:auto}}@media only screen and (min-width:1024px){.dashboard .swipe-container{height:100dvh;max-height:100dvh;overflow-y:auto}}.account-settings{display:flex;justify-content:center;align-items:center;gap:var(--spacing-button-h);flex-wrap:wrap;font-weight:500;position:absolute;left:0;right:0;top:4.5rem}.account-settings p{margin:0 3rem 1rem}.account-settings a{color:var(--color-white);line-height:0}.account-settings .delete-button{padding:1.7rem}.account-settings .delete{z-index:1;top:4rem;max-width:600px}.account-settings .delete h2{color:var(--color-black);margin:0 0 1rem;font-size:1.5rem}.account-settings .delete>p{margin:0 0 1.5rem;font-size:1rem;color:var(--color-text-dark)}.account-settings .delete .deletion-policy{background-color:var(--color-pink-light);border:1px solid var(--color-pink-border);border-radius:var(--radius-sm);padding:1rem 1.5rem;margin:0 0 1.5rem;text-align:left}.account-settings .delete .deletion-policy h3{color:var(--color-black);margin:0 0 .75rem;font-size:1.1rem}.account-settings .delete .deletion-policy ol{margin:0;padding-left:1.5rem;color:var(--color-text-dark)}.account-settings .delete .deletion-policy li{margin-bottom:.5rem;line-height:1.4;font-size:.9rem}.account-settings .delete .deletion-policy li:last-child{margin-bottom:0}main{background-color:var(--color-white);opacity:.93;border-radius:var(--radius-md)}summary{font-size:var(--font-size-md)}.account-settings .nav-button{display:none}.account-settings-link{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="20" viewBox="0 0 171.069 145.311"><g transform="matrix(0.914, 0.407, -0.407, 0.914, 38.397, 0)"><path d="M15.908,37.471c8.685-11.5,14.93-17.632,19.432-19.461a47.557,47.557,0,0,1,75.929,1.859,21.859,21.859,0,0,1,5.693,4.154,80.5,80.5,0,0,1,12.345,13.449c13.071,17.283,19.345,34.537,14.03,38.516-4.27,3.2-14.727-3.137-25.445-14.7a47.519,47.519,0,0,1-90.51.174C16.4,73.576,6.206,79.211,1.907,75.987-3.437,72.007,2.837,54.754,15.908,37.471Zm56.7,53.185a43.692,43.692,0,0,0,42.321-32.707c-.465-.523-.93-1.075-1.365-1.627-9.324,6.245-25.968,6.419-33.143-2.353-9.324-11.415-.9-25.1,8.482-32.126a21.144,21.144,0,0,1,15.86-4.008,43.787,43.787,0,0,0-64.484.145,4.779,4.779,0,0,1,.639.407c5.345,3.95-.959,26.956-5.809,33.52-1.627,2.208-3.253,4.27-4.851,6.187A43.823,43.823,0,0,0,72.608,90.656Zm24.283-48.1A6.594,6.594,0,1,0,90.3,49.118,6.583,6.583,0,0,0,96.891,42.554Z" transform="translate(0)" fill="%23fff"/><ellipse cx="1.888" cy="1.859" rx="1.888" ry="1.859" transform="translate(90.297 38.516)" fill="%23fff"/><path d="M6.594,0A6.565,6.565,0,1,1,0,6.565,6.583,6.583,0,0,1,6.594,0ZM8.075,6.245A1.859,1.859,0,1,0,6.187,4.386,1.917,1.917,0,0,0,8.075,6.245Z" transform="translate(48.324 35.989)" fill="%23fff"/><path d="M3.1,13.377a5.865,5.865,0,0,0,9.789-4.1V9.252C10.858,8.061,7.866,5.883,7.866,3.385c0-3.805,2.963-3.369,6.8-3.369,3.805,0,7.029-.436,7.029,3.369,0,2.5-2.992,4.677-5.025,5.867h0a5.832,5.832,0,0,0,5.838,5.606,6.038,6.038,0,0,0,3.95-1.51,1.914,1.914,0,0,1,2.672.116,1.878,1.878,0,0,1-.116,2.643,9.521,9.521,0,0,1-6.477,2.5,9.628,9.628,0,0,1-7.726-3.863A9.653,9.653,0,0,1,.6,16.107a1.878,1.878,0,0,1-.116-2.643A1.841,1.841,0,0,1,3.1,13.377Z" transform="translate(57.857 61.768)" fill="%23fff"/></g></svg>');background-position:left;background-repeat:no-repeat;color:var(--color-white);font-size:var(--font-size-md);text-decoration:none;position:absolute;right:var(--spacing-sm);top:var(--spacing-sm)}.header-dropdown-menu .account-settings-link{position:static;background-image:none;color:var(--color-black);right:auto;top:auto}.external-script-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:flex-start;z-index:1002;padding:.625rem;height:100dvh;@media screen and (min-width:768px){align-items:center;justify-content:center;padding:0 9rem}}.external-script-modal{position:relative;width:100%;background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-modal);display:flex;flex-direction:column;overflow:hidden;height:calc(100dvh - 1.25rem);max-height:calc(100dvh - 1.25rem);@media screen and (min-width:768px){height:auto;max-height:70vh;min-height:70vh;border-radius:var(--radius-md)}}.external-script-modal-header{display:flex;justify-content:center;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--color-gray-divider);border-radius:var(--radius-md) var(--radius-md) 0 0;box-shadow:0 2px 8px #0000000a;flex-shrink:0;position:relative}.external-script-modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-dark);margin:0;visibility:hidden}.external-script-close-icon{position:absolute;right:var(--spacing-md);background:none;border:none;cursor:pointer;color:var(--color-primary);z-index:10;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs);transition:color var(--transition-fast);font-size:1.7rem;font-weight:bolder;&:hover{color:var(--color-secondary)}}.external-script-modal-scroll{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-primary) var(--color-white);display:flex;flex-direction:column;@media screen and (min-width:768px){padding:var(--spacing-2xl)}& main{margin-top:-3rem!important}[ez-policy]{margin-top:-3rem!important}.script-loading{padding:2rem;text-align:center;color:var(--color-text-dark);& p{margin:0;font-size:var(--font-size-sm);animation:pulse 1.5s ease-in-out infinite}}.script-error{background-color:var(--color-pink-light);border:1px solid var(--color-pink-border);border-radius:var(--radius-sm);padding:1rem;margin-bottom:1rem;& p{margin:0 0 1rem;color:var(--color-text-dark);font-size:var(--font-size-sm)}& button{margin:0}}}.external-script-modal-footer{flex-shrink:0;border-top:1px solid var(--color-gray-divider);background-color:var(--color-white);border-radius:0 0 var(--radius-md) var(--radius-md);height:60px;box-shadow:0 -2px 8px #0000000a}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.privacy-policy ul,.terms-conditions ul{padding-left:1rem;list-style-type:none;word-wrap:break-word}.privacy-policy,.terms-conditions{text-align:left;padding:var(--spacing-md-lg)}@media screen and (min-width:1024px){.privacy-policy,.terms-conditions{text-align:left;padding:0 20%}}.swipe{position:absolute;left:0;right:0;top:4.7rem}.onboarding{user-select:none}.onboarding h2{margin-bottom:0}.edit.onboarding h2{margin-bottom:.3rem}.onboarding form{display:flex;justify-content:center}.onboarding form section{display:flex;flex-direction:column;padding:var(--spacing-md-lg);width:auto;text-align:start}.auth-modal.onboarding form section input[type=text],.auth-modal.onboarding form section input[type=number],.auth-modal.onboarding form section .dog-profile-section input[type=text],.auth-modal.onboarding form section .dog-profile-section input[type=number]{height:1.9rem;border-color:var(--color-primary);border-style:solid;border-width:1.5px;padding-left:.6rem;outline:none;margin:0 0 10px;font-size:var(--font-size-lg);border-radius:0}#dogs_name,#about,#age{margin:0}.onboarding form button,.image-identification button{padding:var(--spacing-button-sm-v) var(--spacing-button-h);margin:var(--spacing-sm) 0;font-size:var(--font-size-base);border:solid 2px var(--color-secondary);border-radius:var(--radius-md)}.image-identification form{padding:0}#show-meetup-type{align-self:flex-start;position:relative;top:-14px;left:-3px}.onboarding form label{margin:var(--spacing-sm) 0;line-height:1.4rem}.onboarding form .multiple-input-container{display:flex;flex-direction:column}.onboarding form input::-webkit-outer-spin-button,.onboarding form input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.onboarding form .multiple-input-container input{margin-right:var(--spacing-sm)}.onboarding form .multiple-input-container label{padding:var(--spacing-sm);border:solid 2px var(--color-white);transition:var(--transition-normal);margin-right:var(--spacing-sm);cursor:pointer}.onboarding form input[type=radio]{display:none}.onboarding form input[type=radio]:checked+label{border:solid 2px var(--color-primary);background-color:var(--color-primary);color:var(--color-white);border-radius:0}.onboarding form button[type=submit],.image-identification button{background-color:var(--color-primary);color:var(--color-white);border:none;cursor:pointer}.onboarding form button[type=submit]:hover{background-color:var(--color-secondary);cursor:pointer}.onboarding form button[type=submit]:active{background-color:var(--color-secondary);border:none;color:var(--color-white)}.dog-profile-section{display:flex;flex-direction:column;width:100%;margin:0;padding:0}.dog-profile-section label{margin:var(--spacing-3xs) 0;line-height:1.4rem;text-align:start}.dog-profile-section input{height:1.9rem;border-color:var(--color-primary);border-style:solid;border-width:1.5px;padding-left:.6rem;outline:none;margin:0 0 10px;width:100%;box-sizing:border-box;font-size:var(--font-size-lg);border-radius:0;transition:opacity .2s ease,background-color .2s ease}.dog-profile-section input:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}.user-profile-section{display:flex;flex-direction:column;width:100%;margin:0;padding:0}.user-profile-section label{margin:var(--spacing-3xs) 0;line-height:1.4rem;text-align:start}.user-profile-section input{height:2.9rem;border-color:var(--color-primary);border-style:solid;border-width:1.5px;padding-left:.6rem;outline:none;margin:0 0 10px;width:100%;box-sizing:border-box;font-size:var(--font-size-lg);border-radius:0}.user-profile-section textarea{border-color:var(--color-primary);border-style:solid;border-width:1.5px;padding-left:.6rem;padding-top:.6rem;outline:none;margin:0 0 10px;width:100%;box-sizing:border-box;font-size:var(--font-size-lg);border-radius:0;font-family:inherit;resize:none}.onboarding form .photo-container img{width:100%}.hr{width:35%}.uploadInput{width:0px;height:0px;visibility:hidden;opacity:0}.image-identification section p{margin:-1rem 0 1rem;line-height:1.8rem}.imageHolder img{width:100%;height:100%;object-fit:contain}.resultsHolder{margin:1rem 0;line-height:1.8rem}.name{display:block;text-transform:capitalize}.confidence{display:block}.confidence hr{max-width:22%}.bestGuess{display:block}.model-loading-alert{background-color:var(--color-warning-bg);border:1px solid var(--color-warning);color:var(--color-warning-text);padding:var(--spacing-md);margin-bottom:var(--spacing-2xl);text-align:center;line-height:1.4}.model-ready-alert{background-color:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--color-success);padding:var(--spacing-md);margin-bottom:0;text-align:center;line-height:1.4}.image-identification .upload-status{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border-radius:4px;margin:1rem 0;font-size:.9rem}.image-identification .upload-status.uploading{background-color:rgba(var(--color-secondary-rgb),.1);color:var(--color-secondary)}.image-identification .upload-status.error{background-color:var(--color-pink-light);color:var(--color-error-dark)}.image-identification .upload-status.error p{display:inline-block;margin:0;padding:.75rem 1rem;background-color:#f66;color:#fff;border-radius:4px}.back-to-dashboard{display:block;text-align:center;color:var(--color-white);font-weight:500;text-decoration:none;font-size:var(--font-size-base);transition:var(--transition-fast);margin-bottom:var(--spacing-md)}.back-to-dashboard:hover{text-decoration:underline}.pricing-page h1{text-align:center;font-size:2.5rem;color:var(--color-white);margin-bottom:var(--spacing-sm);font-weight:700}.pricing-page .subtitle{text-align:center;font-size:var(--font-size-lg);color:var(--color-white);margin-bottom:var(--spacing-2xl);line-height:var(--spacing-lg)}.pricing-tabs{display:flex;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl);flex-wrap:wrap}.tab-button{padding:var(--spacing-button-v) var(--spacing-button-h);font-size:var(--font-size-base);font-weight:500;text-transform:uppercase;border:2px solid var(--color-white);background-color:transparent;color:var(--color-white);border-radius:var(--radius-xl);cursor:pointer;transition:var(--transition-normal);min-width:160px}.tab-button:hover{background-color:#fff3;transform:translateY(-2px)}.tab-button.active{background-color:var(--color-white);color:var(--color-secondary)}.pricing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl);max-width:1000px;margin-left:auto;margin-right:auto}.pricing-card{background-color:var(--color-white);border:2px solid var(--color-gray-border);border-radius:var(--radius-md);padding:var(--spacing-xl);position:relative;transition:var(--transition-normal);display:flex;flex-direction:column;box-shadow:0 2px 8px #00000014}.pricing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm)}.pricing-card.featured{background-color:var(--color-black);border-color:var(--color-black);border-width:3px;box-shadow:0 4px 16px #00000080}.pricing-card.featured .plan-header h3,.pricing-card.featured .price .amount,.pricing-card.featured .price .period,.pricing-card.featured .features li,.pricing-card.featured .credits-amount,.pricing-card.featured .credits-note{color:var(--color-white)}.pricing-card.featured .features li{border-bottom-color:#fff3}.pricing-card .badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--color-black);color:var(--color-white);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.plan-header{text-align:center}.plan-header h3{font-size:1.75rem;color:var(--color-text-dark);font-weight:700}.price{display:flex;align-items:baseline;justify-content:center;gap:var(--spacing-xs)}.price .amount{font-size:2.5rem;font-weight:700;color:var(--color-secondary)}.price .period{font-size:var(--font-size-base);color:var(--color-gray-text)}.features{list-style:none;padding:0;margin:0 0 var(--spacing-xl) 0;flex-grow:1;display:flex;flex-direction:column;gap:var(--spacing-md)}.features li{font-size:var(--font-size-base);color:var(--color-text-dark);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-gray-border);text-align:left}.features li:last-child{border-bottom:none}.credits-amount{text-align:center;font-size:1.5rem;font-weight:700;color:var(--color-gray-text-dark)}.credits-note{text-align:center;font-size:var(--font-size-sm);color:var(--color-gray-text);margin-bottom:var(--spacing-xl);font-style:italic}.plan-button{width:100%;padding:var(--spacing-button-v) var(--spacing-button-h);font-size:var(--font-size-base);font-weight:600;text-transform:uppercase;border:2px solid var(--color-primary);background-color:var(--color-primary);color:var(--color-white);border-radius:var(--radius-xl);cursor:pointer;transition:var(--transition-normal);margin-top:auto}.plan-button:hover:not(:disabled){background-color:var(--color-secondary);border-color:var(--color-secondary);transform:translateY(-2px)}.plan-button.primary{background-color:var(--color-black);color:var(--color-white);border:2px solid var(--color-black)}.plan-button.primary:hover:not(:disabled){background-color:#333;border-color:#333;transform:translateY(-2px)}.plan-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.pricing-footer{text-align:center;padding-top:var(--spacing-xl);border-top:1px solid rgba(255,255,255,.3);max-width:380px;margin:0 auto}.pricing-footer p{font-size:var(--font-size-sm);color:var(--color-white);margin:var(--spacing-sm) 0}@media screen and (max-width:768px){.pricing-page{padding:var(--spacing-xl) var(--spacing-md);padding-top:0;margin-top:-2.5rem}.pricing-page h1{font-size:2rem}.pricing-page .subtitle{font-size:var(--font-size-base)}.pricing-cards{grid-template-columns:1fr;gap:var(--spacing-lg)}.pricing-card{padding:var(--spacing-lg)}.plan-header h3{font-size:1.5rem}.price .amount{font-size:2rem}.credits-amount{font-size:1.75rem}.tab-button{min-width:140px;padding:var(--spacing-button-sm-v) var(--spacing-button-sm-h)}}@media screen and (max-width:480px){.pricing-page h1{font-size:1.75rem}.pricing-tabs{gap:var(--spacing-sm)}.tab-button{min-width:120px;font-size:var(--font-size-sm)}.features li{font-size:var(--font-size-sm)}}.payment-success-page{margin:0 auto;padding:var(--spacing-2xl) var(--spacing-md);min-height:calc(100vh - 80px);display:flex;align-items:flex-start;justify-content:center;padding-top:7rem}.success-container{background-color:var(--color-white);border-radius:var(--radius-md);padding:var(--spacing-2xl) var(--spacing-xl);max-width:600px;width:100%;text-align:center;box-shadow:0 4px 16px #0000001a}.success-icon{width:80px;height:80px;background-color:var(--color-secondary);color:var(--color-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;margin:0 auto var(--spacing-xl) auto}.success-container h1{font-size:2rem;color:var(--color-text-dark);margin-bottom:var(--spacing-md);font-weight:700}.success-container p{font-size:var(--font-size-lg);color:var(--color-gray-text);margin-bottom:var(--spacing-md);line-height:1.6}.redirect-message{font-size:var(--font-size-base);color:var(--color-secondary);font-weight:500;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.success-actions{margin-top:var(--spacing-xl)}.success-actions .primary-button{padding:var(--spacing-button-v) var(--spacing-button-h);font-size:var(--font-size-base);font-weight:600;text-transform:uppercase;border:2px solid var(--color-primary);background-color:var(--color-primary);color:var(--color-white);border-radius:var(--radius-xl);cursor:pointer;transition:var(--transition-normal);min-width:200px}.success-actions .primary-button:hover:not(:disabled){background-color:var(--color-secondary);border-color:var(--color-secondary);transform:translateY(-2px)}.success-actions .primary-button:disabled{opacity:.6;cursor:not-allowed;transform:none}@media screen and (max-width:768px){.payment-success-page{padding:var(--spacing-xl) var(--spacing-md);padding-top:6rem}.success-container{padding:var(--spacing-xl) var(--spacing-lg)}.success-icon{width:60px;height:60px;font-size:2.5rem}.success-container h1{font-size:1.75rem}.success-container p{font-size:var(--font-size-base)}.success-actions .primary-button{width:100%;min-width:unset}}@media screen and (max-width:480px){.success-container{padding:var(--spacing-lg) var(--spacing-md)}.success-icon{width:50px;height:50px;font-size:2rem}.success-container h1{font-size:1.5rem}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{box-shadow:0 0 rgba(var(--color-primary-rgb),1)}70%{box-shadow:0 0 0 var(--spacing-sm) rgba(var(--color-primary-rgb),.3)}to{box-shadow:0 0 0 50px rgba(var(--color-primary-rgb),.1)}}@keyframes blink{to{transform:scale(3);opacity:0}}@keyframes sending-bounce{0%,80%,to{transform:scale(.8);opacity:.4}40%{transform:scale(1.3);opacity:1}}@keyframes loading{to{transform:translate(100%)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes fountain-heart-left{0%{transform:translate(-20px) translateY(0) scale(1.5);opacity:1}to{transform:translate(-60px) translateY(-120px) scale(.3);opacity:0}}@keyframes fountain-heart-right{0%{transform:translate(20px) translateY(0) scale(1.5);opacity:1}to{transform:translate(60px) translateY(-120px) scale(.3);opacity:0}}@keyframes fountain-heart-center{0%{transform:translateY(0) scale(1.5);opacity:1}to{transform:translateY(-120px) scale(.3);opacity:0}}@keyframes move{to{transform:translateZ(1px) rotate(360deg)}}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}:root{--container-xs: 280px;--container-sm: 400px;--container-md: 600px;--container-lg: 800px;--container-xl: 1000px}.card-container{container-type:inline-size}@container (max-width: 320px){.card{padding:var(--spacing-sm)}.card-image{aspect-ratio:1}.card-content{gap:var(--spacing-xs)}.card-title{font-size:var(--font-size-base)}.card-meta{font-size:var(--font-size-xs)}}@container (min-width: 321px) and (max-width: 399px){.card{padding:var(--spacing-md)}.card-title{font-size:var(--font-size-lg)}}@container (min-width: 400px){.card{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-md);padding:var(--spacing-lg)}.card-image{width:80px;aspect-ratio:1}.card-content{display:flex;flex-direction:column;justify-content:center}}@container (min-width: 600px){.card{grid-template-columns:1fr auto;padding:var(--spacing-xl)}.card-actions{display:flex;gap:var(--spacing-md);align-items:flex-end}}.chat-message-container{container-type:inline-size}@container (min-width: 600px){.chat-message{max-width:75%}.message-group{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}}.form-container{container-type:inline-size}@container (max-width: 399px){.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-row{grid-template-columns:1fr}}@container (min-width: 400px){.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.form-row.full{grid-template-columns:1fr}}.grid-container{container-type:inline-size}@container (max-width: 399px){.grid-auto{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}}@container (min-width: 400px) and (max-width: 799px){.grid-auto{grid-template-columns:repeat(2,1fr)}}@container (min-width: 800px){.grid-auto{grid-template-columns:repeat(3,1fr)}}@container (min-width: 1200px){.grid-auto{grid-template-columns:repeat(4,1fr)}}.nav-container{container-type:inline-size}@container (max-width: 399px){.nav-items{flex-direction:column}.nav-item{width:100%;padding:var(--spacing-sm)}}@container (min-width: 400px){.nav-items{flex-direction:row;gap:var(--spacing-md)}}.modal-container{container-type:inline-size}@container (max-width: 399px){.modal-content{padding:var(--spacing-md);border-radius:var(--radius-sm)}.modal-header{flex-direction:column;align-items:flex-start}}@container (min-width: 400px){.modal-content{padding:var(--spacing-lg);border-radius:var(--radius-md)}.modal-header{flex-direction:row;align-items:center;justify-content:space-between}}img{display:block;max-width:100%;height:auto}[class*=background-image],[class*=bg-image]{background-size:cover;background-position:center;background-repeat:no-repeat}.aspect-square,.aspect-1-1{aspect-ratio:1 / 1}.aspect-portrait,.aspect-4-5{aspect-ratio:4 / 5}.aspect-video,.aspect-16-9{aspect-ratio:16 / 9}.aspect-wide,.aspect-21-9{aspect-ratio:21 / 9}.aspect-card{aspect-ratio:1.1 / 1}.img-sm,.image-small{width:2rem;height:2rem;object-fit:cover}.img-md,.image-medium{width:3rem;height:3rem;object-fit:cover}.img-lg,.image-large{width:4rem;height:4rem;object-fit:cover}.img-xl,.image-xlarge{width:6rem;height:6rem;object-fit:cover}.object-cover{object-fit:cover;object-position:center}.object-contain{object-fit:contain;object-position:center}.object-fill{object-fit:fill}picture{display:block}picture img{display:block;width:100%;height:auto}@keyframes imageLoadFade{0%{opacity:0}to{opacity:1}}img[loading=lazy]:not([src=""]){animation:imageLoadFade .3s ease-out}@media(max-width:640px){.img-responsive-mobile{max-width:100%;height:auto}.img-hide-mobile{display:none}}@media(min-width:641px)and (max-width:1024px){.img-hide-tablet{display:none}}@media(min-width:1025px){.img-hide-desktop{display:none}}img:broken{display:block;width:100%;padding:1rem;background-color:var(--color-neutral-light, #f5f5f5);border:1px solid var(--color-border, #e0e0e0);text-align:center}@media print{img{max-width:100%;page-break-inside:avoid}picture{max-width:100%}}[ez-acc-title=""]{font-size:16px!important;text-align:left}