.app-root .tinder-product-shell{--product-page-gutter:clamp(16px, 3vw, 32px);--product-content-max:760px;--product-wide-max:960px;--product-section-gap:20px;--product-card-radius:24px;background:#111112}.app-root .tinder-product-shell>:is(.app-home-screen,.app-missions-screen,.app-chat-screen,.app-profile-screen){background:#111112}.app-root .tinder-product-shell :is(.app-home-screen,.app-missions-screen,.app-chat-empty-screen,.app-profile-screen)>.app-page-heading{width:100%;max-width:none;padding:24px var(--product-page-gutter) 20px;border:0;border-bottom:1px solid var(--line);background:#111112;border-radius:0;align-content:center;gap:7px;margin:0;display:grid}.app-root .tinder-product-shell :is(.app-home-screen,.app-missions-screen,.app-chat-empty-screen,.app-profile-screen)>.app-page-heading .eyebrow{min-height:18px;color:var(--primary-ink)}.app-root .tinder-product-shell :is(.app-home-screen,.app-missions-screen,.app-chat-empty-screen,.app-profile-screen)>.app-page-heading h1{color:#fff;letter-spacing:-.05em;margin:0;font-size:clamp(27px,3vw,34px);font-weight:780;line-height:1.08}.app-root .tinder-product-shell :is(.app-home-screen,.app-missions-screen,.app-chat-empty-screen,.app-profile-screen)>.app-page-heading p{max-width:620px;color:var(--muted);margin:0;font-size:14px;line-height:1.55}.app-root .tinder-product-shell .app-missions-screen>:is(.timeline,.empty-state,.card,.inhu-card),.app-root .tinder-product-shell .app-profile-screen>:is(.mask-card,.settings-group,.legal,.profile-landing-link,.save-bar),.app-root .tinder-product-shell .app-chat-empty-screen>.empty-state{width:min(calc(100% - (var(--product-page-gutter) * 2)), var(--product-content-max));max-width:none;margin-left:auto;margin-right:auto}.app-root .tinder-product-shell .app-missions-screen>.timeline{padding:var(--product-section-gap) 0 0}.app-root .tinder-product-shell .app-missions-screen .timeline-item,.app-root .tinder-product-shell .app-missions-screen .timeline-item.active,.app-root .tinder-product-shell :is(.timeline-item,.inhu-card,.empty-state,.settings-card,.mask-card){border-radius:var(--product-card-radius)}.app-root .tinder-product-shell .app-missions-screen>:is(.inhu-card,.inhu-card.locked){min-height:0;margin-top:var(--product-section-gap);border:1px solid var(--line);border-radius:var(--product-card-radius);margin-bottom:24px;padding:24px}.app-root .tinder-product-shell .app-profile-screen>.mask-card{min-height:460px;margin-top:var(--product-section-gap);margin-bottom:var(--product-section-gap);border:1px solid var(--line);border-radius:var(--product-card-radius);position:relative;top:auto}.app-root .tinder-product-shell .app-profile-screen>.settings-group{border-top:1px solid var(--line);margin-top:0;padding:22px 0}.app-root .tinder-product-shell .app-profile-screen>.account-settings-group .settings-card{padding:4px 18px}.app-root .tinder-product-shell .app-chat-empty-screen>.empty-state{min-height:280px;margin-top:var(--product-section-gap);margin-bottom:var(--product-section-gap);border:1px solid var(--line);border-radius:var(--product-card-radius)}.app-root .tinder-product-shell .app-home-screen .tinder-discovery{min-height:0}.app-root .tinder-product-shell .app-home-screen .tinder-discovery>.tinder-start-card{box-shadow:none;background:0 0;border:0;border-radius:0}.app-root .tinder-product-shell .app-home-screen .tinder-card-visual{border-radius:var(--product-card-radius)}@media not (min-width:1100px){.app-root .tinder-product-shell{height:100dvh;min-height:0;overflow:hidden}.app-root .tinder-product-shell>.app-header{flex:0 0 var(--header-h)}.app-root .tinder-product-shell>.screen{overscroll-behavior:contain;min-height:0;overflow-y:auto}.app-root .tinder-product-shell:after{content:"";z-index:19;height:calc(var(--nav-clearance) + 34px);pointer-events:none;background:linear-gradient(#11111200,#111112f0 44%,#111112 100%);position:fixed;bottom:0;left:0;right:0}.app-root .tinder-product-shell>:is(.app-home-screen,.app-missions-screen,.app-chat-empty-screen,.app-profile-screen){padding-top:0;padding-left:0;padding-right:0;display:block;overflow:hidden auto}.app-root .tinder-product-shell.product-chat-immersive>.app-header{display:flex}.app-root .tinder-product-shell.product-chat-immersive>.app-chat-screen{height:calc(100dvh - var(--header-h) - var(--nav-height) - max(var(--nav-gap), var(--safe-bottom)));padding-bottom:0}.app-root .tinder-product-shell .app-chat-screen .chat-top,.app-root .tinder-product-shell .app-chat-screen .messages,.app-root .tinder-product-shell .app-chat-screen .quick-replies,.app-root .tinder-product-shell .app-chat-screen .composer{padding-right:var(--product-page-gutter);padding-left:var(--product-page-gutter)}.app-root .tinder-product-shell .app-home-screen>:is(.card,.hero-card,.verification-gate,.card-stack:not(.tinder-discovery)){width:min(calc(100% - (var(--product-page-gutter) * 2)), var(--product-content-max));max-width:none;margin-left:auto;margin-right:auto}.app-root .tinder-product-shell .app-profile-screen>.save-bar{right:auto;bottom:calc(var(--nav-height) + max(var(--nav-gap), var(--safe-bottom)) + 12px);margin:0;position:fixed;left:50%;transform:translate(-50%)}}@media (720px<=width<1100px){.app-root .tinder-product-shell :is(.app-home-screen,.app-missions-screen,.app-chat-empty-screen,.app-profile-screen)>.app-page-heading{min-height:134px;padding-right:max(var(--product-page-gutter), calc((100% - var(--product-content-max)) / 2));padding-left:max(var(--product-page-gutter), calc((100% - var(--product-content-max)) / 2))}.app-root .tinder-product-shell .app-home-screen .tinder-discovery{width:min(calc(100% - (var(--product-page-gutter) * 2)), var(--product-content-max));margin-left:auto;margin-right:auto}.app-root .tinder-product-shell .app-home-screen .tinder-mode-switch,.app-root .tinder-product-shell .app-home-screen .tinder-card-visual,.app-root .tinder-product-shell .app-home-screen .discovery-join{width:min(100%,41.6667vw + 220px)}}@media (min-width:1100px){.app-root .tinder-product-shell{--desktop-body-gutter:max(32px, calc((100vw - 360px - var(--product-content-max)) / 2))}.app-root .tinder-product-shell>:is(.app-home-screen,.app-missions-screen,.app-chat-empty-screen,.app-profile-screen){width:100%;max-width:none;padding-top:0;padding-bottom:32px;overflow:hidden auto}.app-root .tinder-product-shell :is(.app-home-screen,.app-missions-screen,.app-chat-empty-screen,.app-profile-screen)>.app-page-heading{min-height:134px;padding-right:var(--desktop-body-gutter);padding-left:var(--desktop-body-gutter)}.app-root .tinder-product-shell .app-home-screen{flex-direction:column;display:flex}.app-root .tinder-product-shell .app-home-screen .tinder-discovery{width:calc(100% - (var(--desktop-body-gutter) * 2));max-width:var(--product-wide-max);min-height:0;padding:var(--product-section-gap) 0 32px;flex:none;margin-left:auto;margin-right:auto}.app-root .tinder-product-shell .app-home-screen .tinder-mode-switch,.app-root .tinder-product-shell .app-home-screen .tinder-card-visual,.app-root .tinder-product-shell .app-home-screen .discovery-join{width:min(100%,440px)}.app-root .tinder-product-shell .app-home-screen .tinder-discovery>.tinder-start-card>.tinder-card-visual{height:clamp(400px,100dvh - 380px,540px);min-height:400px}.app-root .tinder-product-shell .app-home-screen>:is(.card,.hero-card,.verification-gate,.card-stack:not(.tinder-discovery)){width:min(calc(100% - (var(--desktop-body-gutter) * 2)), var(--product-content-max));max-width:none;margin-left:auto;margin-right:auto}.app-root .tinder-product-shell .app-chat-screen .chat-top,.app-root .tinder-product-shell .app-chat-screen .messages,.app-root .tinder-product-shell .app-chat-screen .quick-replies,.app-root .tinder-product-shell .app-chat-screen .composer{padding-right:var(--desktop-body-gutter);padding-left:var(--desktop-body-gutter)}.app-root .tinder-product-shell .app-chat-screen .msg-row{max-width:min(72%,680px)}.app-root .tinder-product-shell .app-chat-empty-screen>.empty-state{width:min(calc(100% - (var(--desktop-body-gutter) * 2)), var(--product-content-max))}.app-root .tinder-product-shell>.app-chat-empty-screen{grid-template-rows:auto auto minmax(0,1fr);align-content:start;gap:0;display:grid}.app-root .tinder-product-shell .app-chat-empty-screen>.empty-state{align-self:start;min-height:280px;padding:28px}.app-root .tinder-product-shell>.app-profile-screen{grid-template-columns:minmax(var(--product-page-gutter), 1fr) minmax(0, var(--product-content-max)) minmax(var(--product-page-gutter), 1fr);row-gap:var(--product-section-gap);grid-auto-rows:max-content;align-content:start;padding-left:0;padding-right:0;display:grid}.app-root .tinder-product-shell .app-profile-screen>.app-page-heading{width:100%;padding-right:max(var(--product-page-gutter), calc((100% - var(--product-content-max)) / 2));padding-left:max(var(--product-page-gutter), calc((100% - var(--product-content-max)) / 2));grid-column:1/-1;margin:0}.app-root .tinder-product-shell .app-profile-screen>.mask-card{border-radius:var(--product-card-radius);text-align:left;grid-area:auto/2;grid-template-rows:repeat(3,auto);grid-template-columns:156px minmax(0,1fr);align-content:center;place-items:center start;gap:12px 28px;width:100%;height:auto;min-height:280px;margin:0;padding:28px}.app-root .tinder-product-shell .app-profile-screen>.mask-card>.mask-avatar{grid-area:1/1/-1;justify-self:center;margin:0}.app-root .tinder-product-shell .app-profile-screen>.mask-card>:is(h2,.mask-card-meta,.chip-row){grid-column:2;min-width:0}.app-root .tinder-product-shell .app-profile-screen>.mask-card>:is(.mask-card-meta,.chip-row){justify-content:flex-start}.app-root .tinder-product-shell .app-profile-screen>:is(.settings-group,.legal,.profile-landing-link,.save-bar){grid-column:2;width:100%;margin:0}.app-root .tinder-product-shell .app-profile-screen>.settings-group{border:1px solid var(--line);border-radius:var(--product-card-radius);background:var(--surface);gap:18px;padding:24px}.app-root .tinder-product-shell .app-profile-screen>.settings-group>.settings-card,.app-root .tinder-product-shell .app-profile-screen>.account-settings-group>.settings-card{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.app-root .tinder-product-shell .app-profile-screen>.settings-group>h3{padding:0}}@media (1100px<=width<1440px){.app-root .tinder-product-shell>.app-missions-screen{padding-left:0;padding-right:0;display:block}.app-root .tinder-product-shell .app-missions-screen>:is(.timeline,.empty-state,.card,.inhu-card){width:min(calc(100% - (var(--product-page-gutter) * 2)), var(--product-content-max));margin-left:auto;margin-right:auto}}@media (min-width:1440px){.app-root .tinder-product-shell{--desktop-body-gutter:max(32px, calc((100vw - 360px - var(--product-wide-max)) / 2))}.app-root .tinder-product-shell>.app-missions-screen{padding:0 var(--desktop-body-gutter) 40px;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1.45fr) minmax(320px,1fr);align-content:start;align-items:start;gap:0 24px;display:grid}.app-root .tinder-product-shell .app-missions-screen>.app-page-heading{width:auto;margin-right:calc(var(--desktop-body-gutter) * -1);margin-left:calc(var(--desktop-body-gutter) * -1);grid-area:1/1/auto/-1}.app-root .tinder-product-shell .app-missions-screen>.timeline{width:100%;padding:var(--product-section-gap) 0 0;grid-area:2/1;margin:0}.app-root .tinder-product-shell>.app-missions-screen.app-missions-empty-screen{grid-template-rows:auto auto auto;align-content:start}.app-root .tinder-product-shell .app-missions-empty-screen>.empty-state{margin-top:var(--product-section-gap);grid-area:2/1/auto/-1}.app-root .tinder-product-shell .app-missions-empty-screen>.card{margin-top:var(--product-section-gap);grid-area:3/1/auto/-1}.app-root .tinder-product-shell .app-missions-screen>:is(.inhu-card,.inhu-card.locked){width:100%;margin:var(--product-section-gap) 0 0;grid-area:2/2}.app-root .tinder-product-shell .app-missions-screen>:is(.empty-state,.card){width:min(100%, var(--product-content-max));margin:var(--product-section-gap) auto 0;grid-column:1/-1}}
.app-root :is(.onboarding-shell,.tinder-product-shell) .interest-picker{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 70%, transparent);border-radius:18px;gap:14px;width:100%;min-width:0;max-width:100%;padding:14px;display:grid;overflow:hidden}.app-root :is(.onboarding-shell,.tinder-product-shell) .interest-picker__summary{gap:9px;min-width:0;display:grid}.app-root :is(.onboarding-shell,.tinder-product-shell) .interest-picker__summary-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.app-root :is(.onboarding-shell,.tinder-product-shell) .interest-picker__summary-heading>span{color:var(--ink-2);font-size:13px;font-weight:750}.app-root :is(.onboarding-shell,.tinder-product-shell) .interest-picker__summary-heading>strong{background:var(--primary-soft);min-width:48px;color:var(--primary-ink);font-variant-numeric:tabular-nums;text-align:center;border-radius:999px;padding:4px 10px;font-size:12px;line-height:1.35}.app-root :is(.onboarding-shell,.tinder-product-shell) .interest-picker__selected{flex-wrap:wrap;gap:7px;min-width:0;display:flex}.app-root :is(.onboarding-shell,.tinder-product-shell) .interest-picker__selected-item{background:var(--primary-soft);max-width:100%;min-height:34px;color:var(--ink);font:inherit;border:1px solid #ff718480;border-radius:999px;align-items:center;gap:6px;padding:6px 10px 6px 12px;font-size:13px;font-weight:700;line-height:1.2;display:inline-flex}.app-root :is(.onboarding-shell,.tinder-product-shell) .interest-picker__selected-item>span{overflow-wrap:anywhere;min-width:0}.app-root :is(.onboarding-shell,.tinder-product-shell) :is(.interest-picker__empty,.interest-picker__helper){color:var(--muted);font-size:12px;line-height:1.45}.app-root :is(.onboarding-shell,.tinder-product-shell) .interest-picker__category-viewport{overscroll-behavior-inline:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;width:100%;min-width:0;max-width:100%;overflow:auto hidden}.app-root :is(.onboarding-shell,.tinder-product-shell) .interest-picker__category-viewport::-webkit-scrollbar{display:none}.app-root :is(.onboarding-shell,.tinder-product-shell) .interest-picker__categories{gap:7px;width:max-content;min-width:100%;padding-bottom:2px;display:flex}.app-root :is(.onboarding-shell,.tinder-product-shell) .interest-picker__category{border:1px solid var(--line);background:var(--surface-3);min-height:38px;color:var(--muted);font:inherit;white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:7px;padding:7px 12px;font-size:13px;font-weight:700;line-height:1.2;display:inline-flex}.app-root :is(.onboarding-shell,.tinder-product-shell) .interest-picker__category b{background:var(--surface-hover);min-width:19px;height:19px;color:var(--ink-2);border-radius:999px;place-items:center;padding-inline:5px;font-size:10px;line-height:1;display:grid}.app-root :is(.onboarding-shell,.tinder-product-shell) .interest-picker__category.active{color:#181618;background:#f7f5f6;border-color:#f7f5f6}.app-root :is(.onboarding-shell,.tinder-product-shell) .interest-picker__category.active b{color:#181618;background:#1816181a}.app-root :is(.onboarding-shell,.tinder-product-shell) .interest-picker__panel{border-top:1px solid var(--line);gap:12px;min-width:0;padding-top:13px;display:grid}.app-root :is(.onboarding-shell,.tinder-product-shell) .interest-picker__panel[hidden]{display:none}.app-root :is(.onboarding-shell,.tinder-product-shell) .interest-picker__group-heading{gap:2px;min-width:0;display:grid}.app-root :is(.onboarding-shell,.tinder-product-shell) .interest-picker__group-heading strong{color:var(--ink);font-size:14px;line-height:1.4}.app-root :is(.onboarding-shell,.tinder-product-shell) .interest-picker__group-heading p{color:var(--muted);font-size:12px;line-height:1.45}.app-root :is(.onboarding-shell,.tinder-product-shell) .interest-picker__options{gap:8px;width:100%;min-width:0}.app-root :is(.onboarding-shell,.tinder-product-shell) .interest-picker__option{max-width:100%;min-height:40px;padding-inline:13px}.app-root :is(.onboarding-shell,.tinder-product-shell) .interest-picker__option>span{overflow-wrap:anywhere;min-width:0}.app-root :is(.onboarding-shell,.tinder-product-shell) :is(.interest-picker__selected-item,.interest-picker__category,.interest-picker__option):focus-visible{outline-offset:2px;outline:3px solid #ff718457}@media (max-width:420px){.app-root :is(.onboarding-shell,.tinder-product-shell) .interest-picker{border-radius:16px;padding:12px}.app-root :is(.onboarding-shell,.tinder-product-shell) .interest-picker__category{min-height:36px;padding-inline:11px;font-size:12px}.app-root :is(.onboarding-shell,.tinder-product-shell) .interest-picker__option{min-height:38px;padding-inline:11px;font-size:13px}}@media (min-width:1100px){.app-root .tinder-product-shell .interest-picker{width:100%;max-width:100%}}