:root{--brand-hue:200;--brand-saturation:100%;--brand-lightness:50%;--brand-light:hsl(var(--brand-hue) var(--brand-saturation) var(--brand-lightness));--text1-light:hsl(var(--brand-hue) var(--brand-saturation) 10%);--text2-light:hsl(var(--brand-hue) 30% 30%);--surface1-light:hsl(var(--brand-hue) 25% 90%);--surface2-light:hsl(var(--brand-hue) 20% 99%);--surface3-light:hsl(var(--brand-hue) 20% 92%);--surface4-light:hsl(var(--brand-hue) 20% 85%);--surface-shadow-light:var(--brand-hue) 10% 20%;--shadow-strength-light:0.02;--brand-dark:hsl(var(--brand-hue) calc(var(--brand-saturation) / 2) calc(var(--brand-lightness) / 1.5));--text1-dark:hsl(var(--brand-hue) 15% 85%);--text2-dark:hsl(var(--brand-hue) 5% 65%);--surface1-dark:hsl(var(--brand-hue) 10% 10%);--surface2-dark:hsl(var(--brand-hue) 10% 15%);--surface3-dark:hsl(var(--brand-hue) 5% 20%);--surface4-dark:hsl(var(--brand-hue) 5% 25%);--surface-shadow-dark:var(--brand-hue) 50% 3%;--shadow-strength-dark:0.8;--brand-dim:hsl(var(--brand-hue) calc(var(--brand-saturation) / 1.25) calc(var(--brand-lightness) / 1.25));--text1-dim:hsl(var(--brand-hue) 15% 75%);--text2-dim:hsl(var(--brand-hue) 10% 61%);--surface1-dim:hsl(var(--brand-hue) 10% 20%);--surface2-dim:hsl(var(--brand-hue) 10% 25%);--surface3-dim:hsl(var(--brand-hue) 5% 30%);--surface4-dim:hsl(var(--brand-hue) 5% 35%);--surface-shadow-dim:var(--brand-hue) 30% 13%;--shadow-strength-dim:0.2}@media(prefers-color-scheme:light){:root{color-scheme:light;--brand:var(--brand-light);--text1:var(--text1-light);--text2:var(--text2-light);--surface1:var(--surface1-light);--surface2:var(--surface2-light);--surface3:var(--surface3-light);--surface4:var(--surface4-light);--surface-shadow:var(--surface-shadow-light);--shadow-strength:var(--shadow-strength-light)}}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--brand:var(--brand-dim);--text1:var(--text1-dim);--text2:var(--text2-dim);--surface1:var(--surface1-dim);--surface2:var(--surface2-dim);--surface3:var(--surface3-dim);--surface4:var(--surface4-dim);--surface-shadow:var(--surface-shadow-dim);--shadow-strength:var(--shadow-strength-dim)}}:root{color-scheme:dark;--brand:var(--brand-dim);--text1:var(--text1-dim);--text2:var(--text2-dim);--surface1:var(--surface1-dim);--surface2:var(--surface2-dim);--surface3:var(--surface3-dim);--surface4:var(--surface4-dim);--surface-shadow:var(--surface-shadow-dim);--shadow-strength:var(--shadow-strength-dim);--color-bg-primary:var(--surface3);--color-bg-secondary:var(--surface2);--color-bg-tertiary:var(--surface1);--color-bg-hover:var(--surface4);--color-text-primary:var(--text1);--color-text-secondary:var(--text2);--color-text-tertiary:hsl(var(--brand-hue) 10% 55%);--color-text-quaternary:hsl(var(--brand-hue) 10% 45%);--color-border-subtle:var(--surface4);--color-border-default:hsl(var(--brand-hue) 10% 40%);--color-border-strong:hsl(var(--brand-hue) 10% 30%);--color-accent-primary:var(--brand);--color-accent-primary-alpha:hsl(var(--brand-hue) var(--brand-saturation) var(--brand-lightness)/0.1);--color-accent-primary-subtle:var(--surface4);--color-accent-bg:var(--surface4);--color-accent-text:var(--brand);--color-success-bg:rgba(22,162,73,.1);--color-success-text:#16a249;--color-warning-bg:rgba(245,159,10,.1);--color-warning-text:#f59f0a;--color-danger-bg:rgba(239,67,67,.1);--color-danger-text:#ef4343;--radius-xs:0.25rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem}[color-scheme=light]{color-scheme:light;--brand:var(--brand-light);--text1:var(--text1-light);--text2:var(--text2-light);--surface1:var(--surface1-light);--surface2:var(--surface2-light);--surface3:var(--surface3-light);--surface4:var(--surface4-light);--surface-shadow:var(--surface-shadow-light);--shadow-strength:var(--shadow-strength-light)}[color-scheme=dark]{color-scheme:dark;--brand:var(--brand-dark);--text1:var(--text1-dark);--text2:var(--text2-dark);--surface1:var(--surface1-dark);--surface2:var(--surface2-dark);--surface3:var(--surface3-dark);--surface4:var(--surface4-dark);--surface-shadow:var(--surface-shadow-dark);--shadow-strength:var(--shadow-strength-dark)}[color-scheme=dim]{color-scheme:dark;--brand:var(--brand-dim);--text1:var(--text1-dim);--text2:var(--text2-dim);--surface1:var(--surface1-dim);--surface2:var(--surface2-dim);--surface3:var(--surface3-dim);--surface4:var(--surface4-dim);--surface-shadow:var(--surface-shadow-dim);--shadow-strength:var(--shadow-strength-dim)}[data-theme=light]{color-scheme:light;--brand:var(--brand-light);--text1:var(--text1-light);--text2:var(--text2-light);--surface1:var(--surface1-light);--surface2:var(--surface2-light);--surface3:var(--surface3-light);--surface4:var(--surface4-light);--surface-shadow:var(--surface-shadow-light);--shadow-strength:var(--shadow-strength-light)}[data-theme=dark]{color-scheme:dark;--brand:var(--brand-dark);--text1:var(--text1-dark);--text2:var(--text2-dark);--surface1:var(--surface1-dark);--surface2:var(--surface2-dark);--surface3:var(--surface3-dark);--surface4:var(--surface4-dark);--surface-shadow:var(--surface-shadow-dark);--shadow-strength:var(--shadow-strength-dark)}[data-theme=dim]{color-scheme:dark;--brand:var(--brand-dim);--text1:var(--text1-dim);--text2:var(--text2-dim);--surface1:var(--surface1-dim);--surface2:var(--surface2-dim);--surface3:var(--surface3-dim);--surface4:var(--surface4-dim);--surface-shadow:var(--surface-shadow-dim);--shadow-strength:var(--shadow-strength-dim)}.rad-shadow{box-shadow:0 2.8px 2.2px hsl(var(--surface-shadow)/calc(var(--shadow-strength) + .03)),0 6.7px 5.3px hsl(var(--surface-shadow)/calc(var(--shadow-strength) + .01)),0 12.5px 10px hsl(var(--surface-shadow)/calc(var(--shadow-strength) + .02)),0 22.3px 17.9px hsl(var(--surface-shadow)/calc(var(--shadow-strength) + .02)),0 41.8px 33.4px hsl(var(--surface-shadow)/calc(var(--shadow-strength) + .03)),0 100px 80px hsl(var(--surface-shadow)/var(--shadow-strength))}.surface1{background-color:var(--surface1);color:var(--text2)}.surface2{background-color:var(--surface2);color:var(--text2)}.surface3{background-color:var(--surface3);color:var(--text1)}.surface4{background-color:var(--surface4);color:var(--text1)}:root{--space-unit:0.5rem;--space-1:0.0625rem;--space-2:0.125rem;--space-4:0.25rem;--space-8:0.5rem;--space-12:0.75rem;--space-16:1rem;--space-20:1.25rem;--space-24:1.5rem;--space-32:2rem;--space-40:2.5rem;--space-48:3rem;--space-56:3.5rem;--space-64:4rem;--space-best-friends:var(--space-8);--space-friends:var(--space-16);--space-acquaintances:var(--space-24);--space-strangers:var(--space-32);--space-base-compact:calc(var(--space-unit) * 0.75);--space-base-normal:var(--space-unit);--space-base-relaxed:calc(var(--space-unit) * 1.25);--space-xs:var(--space-4);--space-sm:var(--space-8);--space-md:var(--space-16);--space-lg:var(--space-24);--space-xl:var(--space-32);--space-2xl:var(--space-48)}@media(min-width:48rem){:root{--space-best-friends:calc(var(--space-8) * 1.125);--space-friends:calc(var(--space-16) * 1.125);--space-acquaintances:calc(var(--space-24) * 1.125);--space-strangers:calc(var(--space-32) * 1.125)}}@media(min-width:64rem){:root{--space-best-friends:calc(var(--space-8) * 1.25);--space-friends:calc(var(--space-16) * 1.25);--space-acquaintances:calc(var(--space-24) * 1.25);--space-strangers:calc(var(--space-32) * 1.25)}}@media(min-width:80rem){:root{--space-best-friends:var(--space-12);--space-friends:var(--space-20);--space-acquaintances:var(--space-32);--space-strangers:var(--space-48)}}:root{--radius-none:0;--radius-2:0.125rem;--radius-4:0.25rem;--radius-6:0.375rem;--radius-8:0.5rem;--radius-12:0.75rem;--radius-16:1rem;--radius-24:1.5rem;--radius-full:9999px;--radius-interactive:var(--radius-6);--radius-card:var(--radius-8);--radius-modal:var(--radius-12);--radius-hero:var(--radius-16);--radius-sm:var(--radius-4);--radius:var(--radius-4);--radius-md:var(--radius-6);--radius-lg:var(--radius-8);--radius-xl:var(--radius-12);--radius-2xl:var(--radius-16);--radius-3xl:var(--radius-24);--shadow-2:0 1px 2px 0 rgba(0,0,0,.05);--shadow-4:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--shadow-8:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-12:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-16:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--shadow-24:0 25px 50px -12px rgba(0,0,0,.25);--shadow-32:0 50px 100px -20px rgba(0,0,0,.25);--shadow-xs:var(--shadow-2);--shadow-sm:var(--shadow-4);--shadow:var(--shadow-8);--shadow-md:var(--shadow-12);--shadow-lg:var(--shadow-16);--shadow-xl:var(--shadow-24);--shadow-2xl:var(--shadow-32);--font-family-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-family-mono:"SF Mono",Monaco,"Inconsolata","Roboto Mono","Oxygen Mono","Ubuntu Monospace","Source Code Pro","Fira Mono","Droid Sans Mono","Courier New",monospace;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-size-body-mobile:1rem;--font-size-body-tablet:1.125rem;--font-size-body-desktop:1rem;--font-size-body-desktop-compact:1rem;--font-size-caption:0.875rem;--font-size-body:var(--font-size-body-mobile);--font-size-heading:1.5rem;--font-size-display:2rem;--font-size-input-min:1rem;--font-size-touch-min:2.75rem}@media(min-width:48rem){:root{--font-size-body:var(--font-size-body-tablet);--font-size-heading:1.75rem;--font-size-display:2.5rem}}@media(min-width:64rem){:root{--font-size-body:var(--font-size-body-desktop);--font-size-heading:2rem;--font-size-display:3rem}}@media(min-width:80rem){:root{--font-size-body:var(--font-size-body-desktop);--font-size-heading:2.25rem;--font-size-display:3.5rem}}:root [data-content-type=text-heavy]{--font-size-body:var(--font-size-body-desktop)}:root [data-content-type=interaction-heavy]{--font-size-body:var(--font-size-body-desktop-compact)}:root{--font-size-xs:0.75rem;--font-size-sm:var(--font-size-caption);--font-size-base:var(--font-size-body);--font-size-md:1.125rem;--font-size-lg:var(--font-size-heading);--font-size-xl:1.5rem;--font-size-2xl:var(--font-size-display);--font-size-3xl:2.25rem;--font-size-4xl:3rem;--font-size-5xl:3.75rem;--line-height-caption:1.4;--line-height-body:1.6;--line-height-body-tablet:1.65;--line-height-body-desktop:1.7;--line-height-heading:1.2;--line-height-display:1.1}@media(min-width:48rem){:root{--line-height-body:var(--line-height-body-tablet)}}@media(min-width:64rem){:root{--line-height-body:var(--line-height-body-desktop)}}:root{--letter-spacing-caption:0.01em;--letter-spacing-body:0;--letter-spacing-heading:-0.02em;--letter-spacing-display:-0.03em;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:var(--line-height-body);--line-height-relaxed:1.625;--line-height-loose:2;--letter-spacing-tighter:-0.05em;--letter-spacing-tight:-0.025em;--letter-spacing-normal:0;--letter-spacing-wide:0.025em;--letter-spacing-wider:0.05em;--letter-spacing-widest:0.1em;--breakpoint-mobile:23.4375rem;--breakpoint-tablet:48rem;--breakpoint-desktop:64rem;--breakpoint-large:80rem;--breakpoint-xl:90rem;--container-mobile:100vw;--container-tablet:100vw;--container-desktop:64rem;--container-large:80rem;--container-xl:90rem;--container-max-width:var(--container-mobile)}@media(min-width:48rem){:root{--container-max-width:var(--container-tablet)}}@media(min-width:64rem){:root{--container-max-width:var(--container-desktop)}}@media(min-width:80rem){:root{--container-max-width:var(--container-large)}}@media(min-width:90rem){:root{--container-max-width:var(--container-xl)}}.container,.container-interaction-heavy,.container-text-heavy,.content-stage .container,.content-stage .container-interaction-heavy,.content-stage .container-text-heavy,.content-stage .homepage-content,.content-stage .main-nav,.homepage-content,.main-nav{width:100%;max-width:var(--container-max-width);margin:0 auto;padding-left:var(--space-friends);padding-right:var(--space-friends)}@media(min-width:48rem){.container,.container-interaction-heavy,.container-text-heavy,.content-stage .container,.content-stage .container-interaction-heavy,.content-stage .container-text-heavy,.content-stage .homepage-content,.content-stage .main-nav,.homepage-content,.main-nav{padding-left:var(--space-acquaintances);padding-right:var(--space-acquaintances)}}@media(min-width:64rem){.container,.container-interaction-heavy,.container-text-heavy,.content-stage .container,.content-stage .container-interaction-heavy,.content-stage .container-text-heavy,.content-stage .homepage-content,.content-stage .main-nav,.homepage-content,.main-nav{padding-left:var(--space-strangers);padding-right:var(--space-strangers)}}.container-text-heavy{--container-max-width:50rem}.container-interaction-heavy{--container-max-width:var(--container-xl)}[data-content-type=text-heavy] .container,[data-content-type=text-heavy] .container-interaction-heavy,[data-content-type=text-heavy] .container-text-heavy,[data-content-type=text-heavy] .homepage-content,[data-content-type=text-heavy] .main-nav{--container-max-width:50rem}[data-content-type=text-heavy] .text-responsive{font-family:var(--font-family-sans);font-size:calc(var(--font-size-body)*1.125);font-weight:var(--font-weight-normal);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body)}[data-content-type=interaction-heavy] .container,[data-content-type=interaction-heavy] .container-interaction-heavy,[data-content-type=interaction-heavy] .container-text-heavy,[data-content-type=interaction-heavy] .homepage-content,[data-content-type=interaction-heavy] .main-nav{--container-max-width:var(--container-xl)}[data-content-type=interaction-heavy] .text-responsive{font-family:var(--font-family-sans);font-size:var(--font-size-body);font-weight:var(--font-weight-normal);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body)}.space-responsive{padding:var(--space-friends)}@media(min-width:48rem){.space-responsive{padding:var(--space-acquaintances)}}@media(min-width:64rem){.space-responsive{padding:var(--space-strangers)}}.flex{display:flex}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-responsive{gap:var(--space-best-friends)}@media(min-width:48rem){.gap-responsive{gap:var(--space-friends)}}@media(min-width:64rem){.gap-responsive{gap:var(--space-acquaintances)}}.grid{display:grid;grid-gap:var(--space-friends);gap:var(--space-friends);grid-template-columns:1fr}@media(min-width:48rem){.grid{grid-template-columns:repeat(2,1fr);gap:var(--space-acquaintances)}}@media(min-width:64rem){.grid{grid-template-columns:repeat(3,1fr);gap:var(--space-strangers)}}.grid-2{display:grid;grid-gap:var(--space-friends);gap:var(--space-friends);grid-template-columns:1fr}@media(min-width:48rem){.grid-2{grid-template-columns:repeat(2,1fr)}}.grid-3{display:grid;grid-gap:var(--space-friends);gap:var(--space-friends);grid-template-columns:1fr}@media(min-width:48rem){.grid-3{grid-template-columns:repeat(2,1fr)}}@media(min-width:64rem){.grid-3{grid-template-columns:repeat(3,1fr)}}.grid-4{display:grid;grid-gap:var(--space-friends);gap:var(--space-friends);grid-template-columns:1fr}@media(min-width:48rem){.grid-4{grid-template-columns:repeat(2,1fr)}}@media(min-width:64rem){.grid-4{grid-template-columns:repeat(4,1fr)}}.icon{display:inline-block;width:1.25rem;height:1.25rem;fill:currentColor;stroke:currentColor;flex-shrink:0}.icon-sm{width:1.5em;height:1.5em}.icon-lg{width:2em;height:2em}.icon-xl{width:2.5em;height:2.5em}.icon-google{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z'/%3E%3Cpath d='M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z'/%3E%3Cpath d='M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z'/%3E%3Cpath d='M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z'/%3E%3Cpath d='M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z'/%3E%3Cpath d='M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z'/%3E%3Cpath d='M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background:linear-gradient(45deg,#4285f4,#34a853,#fbbc05,#ea4335)}.icon-search{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'%3e%3ccircle cx='11' cy='11' r='8'/%3e%3cpath d='m21 21-4.35-4.35'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'%3e%3ccircle cx='11' cy='11' r='8'/%3e%3cpath d='m21 21-4.35-4.35'/%3e%3c/svg%3e")}.icon-close,.icon-search{-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background-color:currentColor}.icon-close{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'/%3e%3cline x1='6' y1='6' x2='18' y2='18'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'/%3e%3cline x1='6' y1='6' x2='18' y2='18'/%3e%3c/svg%3e")}.icon-clock{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' strokeWidth='2'%3e%3ccircle cx='12' cy='12' r='10'/%3e%3cpolyline points='12,6 12,12 16,14'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' strokeWidth='2'%3e%3ccircle cx='12' cy='12' r='10'/%3e%3cpolyline points='12,6 12,12 16,14'/%3e%3c/svg%3e")}.icon-clock,.icon-grid{-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background-color:currentColor}.icon-grid{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' strokeWidth='2'%3e%3crect x='3' y='3' width='7' height='7'/%3e%3crect x='14' y='3' width='7' height='7'/%3e%3crect x='14' y='14' width='7' height='7'/%3e%3crect x='3' y='14' width='7' height='7'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' strokeWidth='2'%3e%3crect x='3' y='3' width='7' height='7'/%3e%3crect x='14' y='3' width='7' height='7'/%3e%3crect x='14' y='14' width='7' height='7'/%3e%3crect x='3' y='14' width='7' height='7'/%3e%3c/svg%3e")}.icon-check{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' strokeWidth='2'%3e%3cpath d='M9 12l2 2 4-4'/%3e%3cpath d='M21 12c-1 0-3-1-3-3s2-3 3-3 3 1 3 3-2 3-3 3'/%3e%3cpath d='M3 12c1 0 3-1 3-3s-2-3-3-3-3 1-3 3 2 3 3 3'/%3e%3cpath d='M12 21c0-1-1-3-3-3s-3 2-3 3 1 3 3 3 3-2 3-3'/%3e%3cpath d='M12 3c0 1-1 3-3 3s-3-2-3-3 1-3 3-3 3 2 3 3'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' strokeWidth='2'%3e%3cpath d='M9 12l2 2 4-4'/%3e%3cpath d='M21 12c-1 0-3-1-3-3s2-3 3-3 3 1 3 3-2 3-3 3'/%3e%3cpath d='M3 12c1 0 3-1 3-3s-2-3-3-3-3 1-3 3 2 3 3 3'/%3e%3cpath d='M12 21c0-1-1-3-3-3s-3 2-3 3 1 3 3 3 3-2 3-3'/%3e%3cpath d='M12 3c0 1-1 3-3 3s-3-2-3-3 1-3 3-3 3 2 3 3'/%3e%3c/svg%3e")}.icon-check,.icon-chevron-down{-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background-color:currentColor}.icon-chevron-down{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'/%3e%3c/svg%3e")}.icon-chevron-up{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'%3e%3cpolyline points='18,15 12,9 6,15'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round'%3e%3cpolyline points='18,15 12,9 6,15'/%3e%3c/svg%3e")}.icon-chevron-up,.icon-spinner{-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background-color:currentColor}.icon-spinner{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3ccircle cx='12' cy='12' r='10' stroke='currentColor' strokeWidth='4' fill='none' strokeDasharray='32' strokeDashoffset='32'%3e%3canimate attributeName='stroke-dasharray' dur='2s' values='0 32%3b16 16%3b0 32%3b0 32' repeatCount='indefinite'/%3e%3canimate attributeName='stroke-dashoffset' dur='2s' values='0%3b-16%3b-32%3b-32' repeatCount='indefinite'/%3e%3c/circle%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3ccircle cx='12' cy='12' r='10' stroke='currentColor' strokeWidth='4' fill='none' strokeDasharray='32' strokeDashoffset='32'%3e%3canimate attributeName='stroke-dasharray' dur='2s' values='0 32%3b16 16%3b0 32%3b0 32' repeatCount='indefinite'/%3e%3canimate attributeName='stroke-dashoffset' dur='2s' values='0%3b-16%3b-32%3b-32' repeatCount='indefinite'/%3e%3c/circle%3e%3c/svg%3e");animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:var(--font-family-sans);font-size:var(--font-size-body);font-weight:var(--font-weight-normal);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body);color:var(--text1);background:var(--surface1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.main{padding:var(--space-strangers) 0}.app-layout{min-height:100vh;display:flex;flex-direction:column}.content-stage{padding-top:var(--space-strangers)}.site-header{background:var(--surface2);border-bottom:1px solid var(--surface4);position:-webkit-sticky;position:sticky;top:0;z-index:100;width:100%}.main-nav{padding:0;display:flex;justify-content:space-between;align-items:center;height:var(--space-64)}.nav-brand a{font-family:var(--font-family-sans);font-size:calc(var(--font-size-heading)*.875);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-heading);color:var(--text1);text-decoration:none;transition:color .2s ease}.nav-brand a:hover{color:var(--brand)}.nav-user,.user-info{display:flex;align-items:center;gap:var(--space-friends)}.greeting{font-family:var(--font-family-sans);font-size:var(--font-size-caption);font-weight:var(--font-weight-normal);line-height:var(--line-height-caption);letter-spacing:var(--letter-spacing-caption);opacity:.8;font-weight:var(--font-weight-medium)}.user-menu-container{position:relative}.user-icon-button{display:flex;align-items:center;justify-content:center;width:var(--space-12);height:var(--space-12);border-radius:var(--radius-full);background:transparent;border:1px solid var(--surface4);color:var(--text2);cursor:pointer;transition:all .2s ease}.user-icon-button:hover{background:var(--surface4);border-color:var(--brand);color:var(--brand)}.user-icon-button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.user-icon{width:1.25rem;height:1.25rem}.user-menu{position:absolute;top:100%;right:0;margin-top:var(--space-2);background:var(--surface1);border:1px solid var(--surface4);border-radius:var(--radius-card);box-shadow:var(--shadow-8);min-width:180px;z-index:1000}.menu-item{display:block;width:100%;padding:var(--space-4) var(--space-6);text-align:left;background:none;border:none;color:var(--text1);font-family:var(--font-family-sans);font-size:var(--font-size-caption);font-weight:var(--font-weight-normal);line-height:var(--line-height-caption);letter-spacing:var(--letter-spacing-caption);cursor:pointer;transition:background-color .2s ease}.menu-item:hover{background:var(--surface3)}.menu-item:first-child{border-radius:var(--radius-card) var(--radius-card) 0 0}.menu-item:last-child{border-radius:0 0 var(--radius-lg) var(--radius-lg)}.menu-item:only-child{border-radius:var(--radius-lg)}.menu-item.sign-out:hover{background:rgba(239,68,68,.1);color:#ef4444}.menu-item.login:hover{background:rgba(59,130,246,.1);color:#3b82f6}.theme-chooser-container{position:relative}.theme-chooser-button{display:flex;align-items:center;justify-content:center;width:var(--space-12);height:var(--space-12);border-radius:var(--radius-full);background:transparent;border:1px solid var(--surface4);color:var(--text2);cursor:pointer;transition:all .2s ease}.theme-chooser-button:hover{background:var(--surface4);border-color:var(--brand);color:var(--brand)}.theme-chooser-button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.theme-icon{width:1.25rem;height:1.25rem}.theme-menu{position:absolute;top:100%;right:0;margin-top:var(--space-2);background:var(--surface1);border:1px solid var(--surface4);border-radius:var(--radius-card);box-shadow:var(--shadow-8);min-width:140px;z-index:1000;display:flex;flex-direction:column}.theme-option{display:block;width:100%;padding:var(--space-4) var(--space-6);text-align:left;background:none;border:none;color:var(--text1);font-family:var(--font-family-sans);font-size:var(--font-size-caption);font-weight:var(--font-weight-normal);line-height:var(--line-height-caption);letter-spacing:var(--letter-spacing-caption);cursor:pointer;transition:background-color .2s ease}.theme-option:hover{background:var(--surface3)}.theme-option.active{background:var(--brand);color:var(--surface1)}.theme-option:first-child{border-radius:var(--radius-card) var(--radius-card) 0 0}.theme-option:last-child{border-radius:0 0 var(--radius-card) var(--radius-card)}.theme-option:only-child{border-radius:var(--radius-card)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--space-friends)}.modal-content{background:var(--surface2);border-radius:var(--radius-modal);box-shadow:0 2.8px 2.2px hsl(var(--surface-shadow)/calc(var(--shadow-strength) + .03)),0 6.7px 5.3px hsl(var(--surface-shadow)/calc(var(--shadow-strength) + .01)),0 12.5px 10px hsl(var(--surface-shadow)/calc(var(--shadow-strength) + .02)),0 22.3px 17.9px hsl(var(--surface-shadow)/calc(var(--shadow-strength) + .02)),0 41.8px 33.4px hsl(var(--surface-shadow)/calc(var(--shadow-strength) + .03)),0 100px 80px hsl(var(--surface-shadow)/var(--shadow-strength));max-width:400px;width:100%;max-height:90vh;overflow-y:auto}@media(max-width:640px){.modal-content{margin:var(--space-friends);max-width:none;border-radius:0;max-height:100vh;height:100vh}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-acquaintances);border-bottom:1px solid var(--surface4)}.modal-header h2{margin:0;font-size:calc(var(--font-size-heading)*.875);font-weight:var(--font-weight-semibold);color:var(--text1)}.modal-close,.modal-header h2{font-family:var(--font-family-sans);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-heading)}.modal-close{background:none;border:none;font-size:calc(var(--font-size-heading)*.75);font-weight:var(--font-weight-medium);color:var(--text2);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-4);transition:all .2s ease;min-width:var(--space-touch-min);min-height:var(--space-touch-min);display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--surface4);color:var(--text1)}.modal-close:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.modal-body{padding:var(--space-acquaintances)}.modal-body p{margin:0 0 var(--space-friends) 0;font-size:var(--font-size-body);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body);color:var(--text2)}.google-signin-button,.modal-body p{font-family:var(--font-family-sans);font-weight:var(--font-weight-normal)}.google-signin-button{display:flex;align-items:center;justify-content:center;gap:var(--space-4);width:100%;padding:var(--space-4) var(--space-6);background:var(--surface1);border:1px solid var(--surface4);border-radius:var(--radius-interactive);color:var(--text1);font-size:var(--font-size-caption);line-height:var(--line-height-caption);letter-spacing:var(--letter-spacing-caption);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;text-decoration:none;min-height:var(--space-touch-min)}.google-signin-button:hover{background:var(--surface3);border-color:var(--surface4)}.google-signin-button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.google-signin-button:active{transform:scale(.98)}.google-icon{width:var(--space-6);height:var(--space-6)}.search-interface{background:var(--surface3);border-bottom:1px solid var(--surface4);padding:var(--space-acquaintances) var(--space-friends);width:100%}.filters-container,.search-container{max-width:1200px;margin:0 auto;width:100%}.search-container{margin-bottom:var(--space-acquaintances)}.search-row{display:flex;gap:var(--space-friends);align-items:center}.search-actions{display:flex;gap:var(--space-best-friends);flex-shrink:0}@media(max-width:1024px){.search-row{flex-direction:column;align-items:stretch;gap:var(--space-friends)}.search-actions{flex-direction:row;gap:var(--space-friends);width:100%}.search-actions>*{flex:1 1;height:var(--space-touch-min);min-height:var(--space-touch-min)}}@media(max-width:768px){.search-actions{flex-direction:column;gap:var(--space-best-friends)}.search-actions>*{width:100%;height:var(--space-touch-min);min-height:var(--space-touch-min)}}.filters-container{margin-bottom:var(--space-friends)}.content-stage{flex:1 1;padding:var(--space-strangers) var(--space-friends);width:100%}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:var(--space-acquaintances);gap:var(--space-acquaintances);margin-top:var(--space-acquaintances)}.filters-section,.search-section{margin-bottom:var(--space-acquaintances)}.results-section{margin-top:var(--space-acquaintances)}.results-header{margin-bottom:var(--space-acquaintances)}.results-header h2{font-family:var(--font-family-sans);font-size:var(--font-size-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-heading);color:var(--text1)}.no-results{text-align:center;padding:var(--space-strangers)}.no-results h3{font-size:calc(var(--font-size-heading)*.75);font-weight:var(--font-weight-medium);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-heading);margin-bottom:var(--space-best-friends);color:var(--text1)}.no-results h3,.no-results p{font-family:var(--font-family-sans)}.no-results p{font-size:var(--font-size-body);font-weight:var(--font-weight-normal);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body);color:var(--text2)}.hero-header{text-align:center;margin-bottom:var(--space-strangers)}.hero-content h1{font-size:var(--font-size-display);font-weight:var(--font-weight-bold);line-height:var(--line-height-display);letter-spacing:var(--letter-spacing-display);color:var(--text1);margin-bottom:var(--space-friends)}.hero-content h1,.hero-content p{font-family:var(--font-family-sans)}.hero-content p{font-size:calc(var(--font-size-body)*1.125);font-weight:var(--font-weight-normal);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body);color:var(--text2);max-width:600px;margin:0 auto}.recent-cards{margin-top:var(--space-strangers)}.recent-cards h2{font-family:var(--font-family-sans);font-size:var(--font-size-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-heading);color:var(--text1);margin-bottom:var(--space-acquaintances);text-align:center}.placeholder-content{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-acquaintances);gap:var(--space-acquaintances);margin-top:var(--space-acquaintances)}.placeholder-content .card{background:var(--surface1);border:1px solid var(--surface4);border-radius:var(--radius-card);padding:var(--space-acquaintances);transition:all .2s ease;box-shadow:var(--shadow-4)}.placeholder-content .card:hover{border-color:var(--surface3);box-shadow:var(--shadow-8);transform:translateY(-2px)}.placeholder-content .card h3{font-family:var(--font-family-sans);font-size:calc(var(--font-size-heading)*.75);font-weight:var(--font-weight-medium);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-heading);color:var(--text1);margin-bottom:var(--space-best-friends)}.placeholder-content .card p{font-family:var(--font-family-sans);font-size:var(--font-size-body);font-weight:var(--font-weight-normal);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body);color:var(--text2)}.load-more-container{display:flex;justify-content:center;margin-top:var(--space-strangers)}.no-cards{text-align:center;padding:var(--space-strangers);font-family:var(--font-family-sans);font-size:var(--font-size-body);font-weight:var(--font-weight-normal);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body);color:var(--text2)}@media(max-width:1024px){.placeholder-content{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.placeholder-content{grid-template-columns:1fr;gap:var(--space-friends)}}