.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:transparent;opacity:0;touch-action:manipulation;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}@media(prefers-reduced-motion){.cdk-overlay-backdrop{transition-duration:1ms}}.cdk-overlay-backdrop-showing{opacity:1}@media(forced-colors:active){.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-overlay-popover{background:none;border:none;padding:0;outline:0;overflow:visible;position:fixed;pointer-events:none;white-space:normal;color:inherit;text-decoration:none;width:100%;height:100%;inset:0 auto auto 0}.cdk-overlay-popover::backdrop{display:none}.cdk-overlay-popover .cdk-overlay-backdrop{position:fixed;z-index:auto}html{color-scheme:light;--mat-sys-background: #faf9fd;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #f2f0f4;--mat-sys-inverse-primary: #abc7ff;--mat-sys-inverse-surface: #2f3033;--mat-sys-on-background: #1a1b1f;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #93000a;--mat-sys-on-primary-container: #00458f;--mat-sys-on-primary-fixed: #001b3f;--mat-sys-on-primary-fixed-variant: #00458f;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #3e4759;--mat-sys-on-secondary-fixed: #131c2b;--mat-sys-on-secondary-fixed-variant: #3e4759;--mat-sys-on-surface: #1a1b1f;--mat-sys-on-surface-variant: #44474e;--mat-sys-on-tertiary-container: #0000ef;--mat-sys-on-tertiary-fixed: #00006e;--mat-sys-on-tertiary-fixed-variant: #0000ef;--mat-sys-outline: #74777f;--mat-sys-outline-variant: #c4c6d0;--mat-sys-primary: #005cbb;--mat-sys-primary-container: #d7e3ff;--mat-sys-primary-fixed: #d7e3ff;--mat-sys-primary-fixed-dim: #abc7ff;--mat-sys-scrim: #000000;--mat-sys-secondary: #565e71;--mat-sys-secondary-container: #dae2f9;--mat-sys-secondary-fixed: #dae2f9;--mat-sys-secondary-fixed-dim: #bec6dc;--mat-sys-shadow: #000000;--mat-sys-surface: #faf9fd;--mat-sys-surface-bright: #faf9fd;--mat-sys-surface-container: #efedf0;--mat-sys-surface-container-high: #e9e7eb;--mat-sys-surface-container-highest: #e3e2e6;--mat-sys-surface-container-low: #f4f3f6;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #dbd9dd;--mat-sys-surface-tint: #005cbb;--mat-sys-surface-variant: #e0e2ec;--mat-sys-tertiary: #343dff;--mat-sys-tertiary-container: #e0e0ff;--mat-sys-tertiary-fixed: #e0e0ff;--mat-sys-tertiary-fixed-dim: #bec2ff;--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12;--brand-green: #10b981;--brand-sky: #0ea5e9;--brand-deep: #0a3a53;--brand-amber: #f59e0b;--action-negative: #cc2230;--action-negative-soft: #fad2d9;--action-negative-outline: #e88391;--mat-sys-primary: #0b98d8;--mat-sys-on-primary: #ffffff;--mat-sys-primary-container: #dff4ff;--mat-sys-on-primary-container: #08364f;--mat-sys-tertiary: #0fae84;--mat-sys-on-tertiary: #ffffff;--mat-sys-tertiary-container: #d8f8ee;--mat-sys-on-tertiary-container: #083c2f}html,body{height:100%}@media(max-width:600px){.mat-mdc-dialog-container{--mdc-dialog-container-shape: 12px}.cdk-overlay-pane.mat-mdc-dialog-panel{max-width:calc(100vw - 32px)!important;width:calc(100vw - 32px)!important}.mat-mdc-dialog-content{max-height:70vh!important}}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif;background-color:#fff;background:radial-gradient(1200px 600px at 15% -15%,color-mix(in srgb,var(--brand-sky) 14%,transparent),transparent 70%),radial-gradient(900px 560px at 100% 0%,color-mix(in srgb,var(--brand-green) 12%,transparent),transparent 72%);background-repeat:no-repeat,no-repeat;background-size:100% 520px,100% 520px;background-position:top left,top right;color:var(--mat-sys-on-surface)}a{color:color-mix(in srgb,var(--brand-sky) 78%,var(--brand-deep))}.mat-mdc-unelevated-button:not(:disabled),a.mat-mdc-unelevated-button{background:linear-gradient(135deg,var(--brand-green),var(--brand-sky))!important;color:#fff!important;box-shadow:0 8px 18px color-mix(in srgb,var(--brand-sky) 30%,transparent)}.mat-mdc-unelevated-button:hover:not(:disabled),a.mat-mdc-unelevated-button:hover{filter:saturate(1.08) brightness(1.02)}.mat-mdc-fab.mat-primary:not(:disabled),.mat-mdc-mini-fab.mat-primary:not(:disabled){background:linear-gradient(135deg,var(--brand-green),var(--brand-sky))!important;color:#fff!important}.mat-mdc-outlined-button.mat-primary:not(:disabled),a.mat-mdc-outlined-button.mat-primary{border-color:color-mix(in srgb,var(--brand-sky) 48%,transparent)!important;color:color-mix(in srgb,var(--brand-sky) 80%,var(--brand-deep))!important;background:color-mix(in srgb,var(--brand-sky) 7%,transparent)}.action-negative.mat-mdc-button:not(:disabled),.action-negative.mat-mdc-outlined-button:not(:disabled),.action-negative.mat-mdc-menu-item:not(:disabled){color:var(--action-negative)!important}.action-negative.mat-mdc-outlined-button:not(:disabled){border-color:color-mix(in srgb,var(--action-negative-outline) 76%,transparent)!important;background:color-mix(in srgb,var(--action-negative-soft) 42%,transparent)}.action-negative.mat-mdc-unelevated-button:not(:disabled){background:linear-gradient(135deg,color-mix(in srgb,var(--action-negative) 88%,#dc2626),color-mix(in srgb,var(--action-negative) 72%,#ef4444))!important;color:#fff!important;box-shadow:0 8px 18px color-mix(in srgb,var(--action-negative) 26%,transparent)}.action-negative.mat-mdc-menu-item:not(:disabled):hover,.action-negative.mat-mdc-button:not(:disabled):hover,.action-negative.mat-mdc-outlined-button:not(:disabled):hover{background:color-mix(in srgb,var(--action-negative-soft) 66%,transparent)}.pet-action-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-right:4px;flex-shrink:0}.pet-action-icon .pet-main{font-size:18px;width:18px;height:18px}.pet-action-icon .pet-badge{position:absolute;right:-5px;top:-5px;color:currentColor;font-size:12px;line-height:1;font-weight:700}.notif-menu-panel.mat-mdc-menu-panel{--mat-menu-container-color: transparent;--mat-menu-container-shape: 0;min-width:0!important;max-width:none!important;overflow:visible!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.notif-menu-panel .mat-mdc-menu-content{padding:0!important}app-root{display:flex;flex-direction:column;min-height:100vh}app-root>main.app-content{flex:1}.mat-mdc-form-field-subscript-wrapper{margin-bottom:6px}.filters-row .filter-field,.finder-filters .filter-field,.filters-row .city-field,.finder-filters .city-field{--mdc-outlined-text-field-container-shape: 12px;--mdc-outlined-text-field-outline-width: 1px;--mdc-outlined-text-field-focus-outline-width: 1px;--mdc-outlined-text-field-outline-color: transparent;--mdc-outlined-text-field-hover-outline-color: transparent;--mdc-outlined-text-field-focus-outline-color: transparent;--mat-form-field-container-height: 44px;--mat-form-field-container-vertical-padding: 8px}.filters-row .filter-field .mat-mdc-text-field-wrapper,.finder-filters .filter-field .mat-mdc-text-field-wrapper,.filters-row .city-field .mat-mdc-text-field-wrapper,.finder-filters .city-field .mat-mdc-text-field-wrapper{border-radius:12px;background:color-mix(in srgb,var(--mat-sys-surface-container-low) 78%,var(--mat-sys-surface));border:1px solid color-mix(in srgb,var(--mat-sys-outline-variant, currentColor) 65%,transparent);box-shadow:inset 0 1px color-mix(in srgb,#fff 45%,transparent);transition:border-color .14s ease,background .14s ease,box-shadow .14s ease,transform .14s ease}.filters-row .filter-field:hover .mat-mdc-text-field-wrapper,.finder-filters .filter-field:hover .mat-mdc-text-field-wrapper,.filters-row .city-field:hover .mat-mdc-text-field-wrapper,.finder-filters .city-field:hover .mat-mdc-text-field-wrapper{background:color-mix(in srgb,var(--mat-sys-surface-container) 82%,var(--mat-sys-surface));border-color:color-mix(in srgb,var(--mat-sys-outline, currentColor) 45%,transparent);box-shadow:inset 0 1px color-mix(in srgb,#fff 55%,transparent),0 6px 16px color-mix(in srgb,#000 8%,transparent)}.filters-row .filter-field.mat-focused .mat-mdc-text-field-wrapper,.finder-filters .filter-field.mat-focused .mat-mdc-text-field-wrapper,.filters-row .city-field.mat-focused .mat-mdc-text-field-wrapper,.finder-filters .city-field.mat-focused .mat-mdc-text-field-wrapper{background:color-mix(in srgb,var(--mat-sys-surface-container-high) 84%,var(--mat-sys-surface));border-color:color-mix(in srgb,var(--mat-sys-primary) 65%,transparent);box-shadow:inset 0 1px color-mix(in srgb,#fff 60%,transparent),0 0 0 4px color-mix(in srgb,var(--mat-sys-primary) 14%,transparent)}.filters-row .filter-field .mdc-notched-outline,.finder-filters .filter-field .mdc-notched-outline,.filters-row .city-field .mdc-notched-outline,.finder-filters .city-field .mdc-notched-outline{display:none}.characteristics-row{display:flex;flex-wrap:wrap;gap:6px}.characteristic-tag{display:inline-flex;align-items:center;font-size:.72rem;line-height:1;padding:4px 8px;border-radius:999px;background:color-mix(in srgb,var(--mat-sys-primary) 12%,transparent);color:var(--mat-sys-on-surface)}.finder-empty,.friends-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 16px;opacity:.7}.finder-empty mat-icon,.friends-empty mat-icon{font-size:40px;width:40px;height:40px;margin-bottom:8px}.finder-empty p,.friends-empty p{margin:0;font-size:.9rem}.friend-card,.candidate-card{overflow:hidden;height:100%}.friend-card mat-card-content,.candidate-card mat-card-content{height:100%;display:flex;flex-direction:column}.candidate-photo,.friend-photo{aspect-ratio:4/3;background:color-mix(in srgb,currentColor 10%,transparent) center/cover no-repeat;display:flex;align-items:center;justify-content:center}.candidate-photo mat-icon,.friend-photo mat-icon{font-size:48px;width:48px;height:48px;opacity:.5}.candidate-name,.friend-name{margin-top:8px;font-size:1rem;font-weight:600}.candidate-meta,.friend-meta{font-size:.82rem;opacity:.75}.candidate-city,.friend-city{display:flex;align-items:center;gap:2px;font-size:.8rem;opacity:.65;margin-top:4px}.candidate-city mat-icon,.friend-city mat-icon{font-size:13px;width:13px;height:13px}.friend-card-actions,.finder-card-actions{margin-top:auto}.friend-card-actions{padding-top:12px;display:flex;justify-content:center}.finder-card-actions{padding-top:10px}.add-friend-btn{width:100%;font-size:.85rem}.add-friend-btn mat-icon{font-size:18px;width:18px;height:18px;margin-right:4px}