.common-btn{--common-btn-fill: #FFFFFF;--common-btn-accent: #FF57A1;--common-btn-accent-soft: #FFE6F2;--common-btn-tag-text: var(--rank-accent-light, #FF57A1);--common-btn-tag-border: var(--rank-border, #FF005D);--common-btn-tag-fill: var(--rank-soft-bg, #FFE6F2);--common-btn-tag-active-bg: var(--rank-bg-gradient, linear-gradient(263.01deg, #4df9ff -33.86%, #0aa598 128.5%));--common-btn-cta-gradient: linear-gradient(135deg, #FFE32A 0%, #FF0084 100%);--common-btn-cta-glow: rgba(255, 87, 161, 0.35);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;margin:0;border:none;background:var(--common-btn-fill);color:var(--common-btn-tag-text);font-family:'M PLUS 1', 'M PLUS 1p', sans-serif;font-weight:700;line-height:1.2;text-decoration:none;white-space:nowrap;cursor:pointer;appearance:none;-webkit-appearance:none;transition:background 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease}.common-btn:hover{filter:brightness(0.98)}.common-btn:active{transform:scale(0.98)}.common-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--common-btn-accent-soft)}.common-btn:disabled,.common-btn[aria-disabled='true']{opacity:0.5;cursor:not-allowed;pointer-events:none}.common-btn__label{position:relative;z-index:1}.common-btn__icon{position:relative;z-index:1;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background-repeat:no-repeat;background-position:center;background-size:contain}.common-btn--tag-sm{min-height:31px;padding:4px 16px;border-radius:100px;font-size:12px;font-weight:700;line-height:1.4;border:none;background:transparent;color:var(--common-btn-tag-text)}.common-btn--tag-plain{border:none;background:var(--common-btn-tag-fill);color:var(--common-btn-tag-text)}.common-btn--tag-outline{border:1px solid var(--common-btn-tag-border);background:var(--common-btn-fill, #fff);color:var(--common-btn-tag-text)}.common-btn--tag-gradient-border{border:1px solid transparent;background:linear-gradient(var(--common-btn-fill, #fff), var(--common-btn-fill, #fff)) padding-box,var(--rank-bg-gradient, linear-gradient(261.96deg, #F3A4EF -7.03%, #FFB6D4 100.14%)) border-box;color:var(--common-btn-tag-text)}.common-btn--tag-md{min-width:88px;min-height:37px;padding:8px 16px;border-radius:10px;font-size:14px}.common-btn--tag-lg{min-width:120px;min-height:37px;padding:8px 16px;border-radius:100px;font-size:14px}.common-btn--outline{border:1px solid var(--common-btn-tag-border);background:var(--common-btn-fill, #fff);color:var(--common-btn-tag-text)}.common-btn--soft{border:none;background:var(--common-btn-tag-fill);color:var(--common-btn-tag-text)}.common-btn--gradient-border{border:1px solid transparent;background:linear-gradient(var(--common-btn-fill, #fff), var(--common-btn-fill, #fff)) padding-box,var(--rank-bg-gradient, linear-gradient(261.96deg, #F3A4EF -7.03%, #FFB6D4 100.14%)) border-box;color:var(--common-btn-tag-text)}.common-btn--filled{border:none;background:var(--common-btn-tag-active-bg);color:var(--rank-on-accent, #fff)}.common-btn--static{cursor:default;pointer-events:none}.common-btn--static:hover{filter:none}.common-btn--static:active{transform:none}.common-btn--neon{--common-btn-tag-border: #FF005D;--common-btn-tag-text: #FF005D}.common-btn--has-count{margin-top:10px}.common-btn--has-count .common-btn__count{position:absolute;top:-7px;right:-6px;z-index:2;display:flex;align-items:center;justify-content:center;width:21px;height:21px;min-width:21px;max-width:21px;min-height:21px;max-height:21px;padding:1px 0 0;border-radius:50%;box-sizing:border-box;overflow:hidden;flex-shrink:0;font-family:'Montserrat', sans-serif;font-size:7px;font-weight:700;font-style:normal;line-height:1;letter-spacing:0;font-variant-numeric:tabular-nums;text-align:center;pointer-events:none}.common-btn--has-count.common-btn--tag-outline .common-btn__count{background:var(--common-btn-tag-active-bg);color:#FFFFFF;border:none}.common-btn--has-count.common-btn--filled .common-btn__count{background:var(--common-btn-tag-fill);color:var(--common-btn-tag-border);border:1px solid var(--common-btn-tag-border)}.common-btn--has-count:focus-visible{outline:2px solid #5b6cff;outline-offset:2px}.common-btn--focus-preview{outline:2px solid #5b6cff;outline-offset:2px}.common-btn--selected{padding-right:16px}.common-btn--selected::after{content:'';position:absolute;top:-7px;right:-6px;z-index:2;width:21px;height:21px;border-radius:50%;background-color:var(--common-btn-tag-active-bg, var(--common-btn-tag-border));background-image:url(/assets/icons/icon-check-fd609a334cc97ebfa8df7e7fa2101b6f1d8c5ac877bcd04c9655f08e57086dcb.svg);background-repeat:no-repeat;background-position:center;background-size:10px 8px}.common-btn--tag-removable,.common-btn--removable{gap:8px;padding-left:16px;padding-right:12px;justify-content:center}.common-btn--tag-removable .common-btn__remove,.common-btn--removable .common-btn__remove{flex-shrink:0;display:inline-block;width:15px;height:15px;background-color:var(--common-btn-tag-text);mask:url(/assets/icons/icon-close-a00f1d627f4979a2b56466ba324c33752c85dcfdcdb95247871c4bb12eebeb5e.svg) no-repeat center/contain;-webkit-mask:url(/assets/icons/icon-close-a00f1d627f4979a2b56466ba324c33752c85dcfdcdb95247871c4bb12eebeb5e.svg) no-repeat center/contain;pointer-events:none}.common-btn--cta{width:100%;max-width:466px;min-height:58px;padding:12px 56px 12px 24px;border-radius:100px;border-color:transparent;background:#FFFFFF;box-shadow:0 4px 20px var(--common-btn-cta-glow);border:1px solid transparent;background:linear-gradient(var(--common-btn-fill, #fff), var(--common-btn-fill, #fff)) padding-box,var(--common-btn-cta-gradient) border-box;border-radius:100px}.common-btn--cta .common-btn__label{font-size:18px;font-weight:700;letter-spacing:0.02em;background-image:var(--common-btn-cta-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.common-btn--cta.common-btn--icon-check .common-btn__icon,.common-btn--cta.common-btn--icon-chevron .common-btn__icon{position:absolute;top:50%;right:20px;transform:translateY(-50%)}.common-btn--cta-solid{min-width:128px;height:35px;padding:0 20px;border-radius:100px;border:none;background:var(--common-btn-cta-gradient, linear-gradient(135deg, #FFE32A 0%, #FF0084 100%));color:#FFFFFF;font-size:14px;font-weight:800;line-height:1;box-shadow:0 2px 12px var(--common-btn-cta-glow, rgba(255,0,132,0.25))}.common-btn--cta-solid .common-btn__label{color:#FFFFFF;background:none;-webkit-text-fill-color:#FFFFFF}.common-btn--cta-orange{--common-btn-cta-gradient: linear-gradient(135deg, #FFE32A 0%, #FF0084 100%);--common-btn-cta-glow: rgba(255, 140, 0, 0.28)}.common-btn--cta-cyan{--common-btn-cta-gradient: linear-gradient(90deg, #4DF9FF 0%, #14EED5 100%);--common-btn-cta-glow: rgba(20, 238, 213, 0.28)}.common-btn--cta-rank{--common-btn-cta-gradient: var(--rank-bg-gradient, linear-gradient(230deg, #0AA598 0%, #4DF9FF 100%));--common-btn-cta-glow: rgba(77, 249, 255, 0.28)}.common-btn--icon-check .common-btn__icon{width:20px;height:16px;background:var(--common-btn-cta-gradient);mask:url(/assets/icons/icon-check-fd609a334cc97ebfa8df7e7fa2101b6f1d8c5ac877bcd04c9655f08e57086dcb.svg) no-repeat center/contain;-webkit-mask:url(/assets/icons/icon-check-fd609a334cc97ebfa8df7e7fa2101b6f1d8c5ac877bcd04c9655f08e57086dcb.svg) no-repeat center/contain}.common-btn--icon-chevron .common-btn__icon{width:8px;height:14px;background:var(--common-btn-cta-gradient);mask:url(/assets/icons/icon-arrowRight-47d5482f626664c5a033b84fbe578b12a3c8cd7c71f2e8af17ef262487caaedd.svg) no-repeat center/contain;-webkit-mask:url(/assets/icons/icon-arrowRight-47d5482f626664c5a033b84fbe578b12a3c8cd7c71f2e8af17ef262487caaedd.svg) no-repeat center/contain}.common-btn--block{display:flex;width:100%;max-width:466px}body:has(.header--liver) .common-btn,.page_liver_my_page .common-btn{--common-btn-tag-active-bg: linear-gradient(90deg, #CD2C73 0%, #FF57A1 100%)}[data-theme='dark'] .common-btn--tag-plain{--common-btn-tag-fill: var(--rank-soft-bg, #343434)}[data-theme='dark'] .common-btn--tag-outline,[data-theme='dark'] .common-btn--tag-gradient-border{--common-btn-fill: var(--color-surface-primary, #2b2931)}.user_layout.user_layout--recommend-profile{--width-left-menu: 170px}.user_layout.user_layout--recommend-profile .user_layout_body{width:100%;max-width:100%;box-sizing:border-box}@media (min-width: 640px) and (max-width: 1024px){.user_layout.user_layout--recommend-profile .user_layout_body{padding:25px 16px 100px;box-sizing:border-box}.user_layout.user_layout--recommend-profile .user_layout_body>.body_nav,.user_layout.user_layout--recommend-profile .user_layout_body>.body_main,.user_layout.user_layout--recommend-profile .user_layout_body>.body_sidebar{padding-top:0}}@media (min-width: 640px) and (max-width: 810px){.user_layout.user_layout--recommend-profile .user_layout_body{padding:25px 12px 100px;box-sizing:border-box}}@media (max-width: 639px){.user_layout.user_layout--recommend-profile .user_layout_body{padding:0 8px 80px}.user_layout.user_layout--recommend-profile .user_layout_body>.body_main{padding-top:0}}@media (max-width: 810px){.user_layout.user_layout--recommend-profile .user_layout_body{grid-template-columns:minmax(0, 1fr) !important;grid-template-areas:'main' 'sidebar'}.user_layout.user_layout--recommend-profile .user_layout_body>.body_nav{display:none !important}}@media (min-width: 811px) and (max-width: 1023px){.user_layout.user_layout--recommend-profile .user_layout_body{display:grid !important;grid-template-columns:var(--width-left-menu) minmax(0, 1fr) !important;grid-template-areas:'nav main' 'nav sidebar';align-items:start}.user_layout.user_layout--recommend-profile .user_layout_body>.body_nav{display:block !important;grid-area:nav}.user_layout.user_layout--recommend-profile .user_layout_body>.body_main{grid-area:main}.user_layout.user_layout--recommend-profile .user_layout_body>.body_sidebar{display:flex !important;visibility:visible !important;grid-area:sidebar;order:0 !important;flex-direction:column;flex-shrink:0;opacity:1 !important;pointer-events:auto !important;width:100%;min-width:0;max-width:none}.user_layout.user_layout--recommend-profile .user_layout_body>.body_sidebar .sidebar_sticky{display:flex !important;flex-direction:column;gap:16px;width:100%}}@media (min-width: 1024px){.user_layout.user_layout--recommend-profile .user_layout_body{display:grid !important;grid-template-columns:var(--width-left-menu) minmax(0, 1fr) var(--width-right-menu) !important;grid-template-areas:'nav main sidebar';align-items:start}.user_layout.user_layout--recommend-profile .user_layout_body>.body_nav{display:block !important;grid-area:nav}.user_layout.user_layout--recommend-profile .user_layout_body>.body_main{grid-area:main}.user_layout.user_layout--recommend-profile .user_layout_body>.body_sidebar{display:flex !important;visibility:visible !important;grid-area:sidebar;order:0 !important;flex-direction:column;flex-shrink:0;opacity:1 !important;pointer-events:auto !important;width:var(--width-right-menu);min-width:var(--width-right-menu);max-width:var(--width-right-menu)}.user_layout.user_layout--recommend-profile .user_layout_body>.body_sidebar .sidebar_sticky{display:flex !important;flex-direction:column;gap:16px;width:100%}}.user_layout.user_layout--recommend-profile .body_main{min-width:0;max-width:100%;overflow-x:clip}.user_layout.user_layout--recommend-profile .mypage_profile{padding:38px 28px 48px}@media (max-width: 1439px){.user_layout.user_layout--recommend-profile .mypage_profile{padding:24px 10px !important}}.recommend-profile{min-height:75vh}.recommend-profile__header{margin-bottom:20px}.recommend-profile__title{margin:0 0 10px}.recommend-profile__description{margin:0;color:#8D8D8D;font-size:12px;font-weight:700;line-height:1.6}.recommend-profile__toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}@media (max-width: 1439px){.recommend-profile__toolbar{flex-direction:column;align-items:stretch}}.recommend-profile__filters{display:flex;flex-wrap:wrap;gap:12px 10px;overflow:visible}.recommend-profile__filter-btn{position:relative;justify-content:center;min-width:88px;padding:8px 16px 8px 28px;margin-top:8px;overflow:visible}.recommend-profile__filter-btn.common-btn--filled{border:none;background:linear-gradient(263.01deg, #4df9ff -33.86%, #0aa598 128.5%);color:#FFFFFF}.recommend-profile__filter-btn.common-btn--filled .recommend-profile__filter-icon{color:#FFFFFF}.recommend-profile__filter-btn.common-btn--tag-outline{border:none;background:#F4F4F4;color:#8D8D8D}.recommend-profile__filter-btn.common-btn--tag-outline .recommend-profile__filter-icon{color:#14EED5}.recommend-profile__filter-btn.common-btn--has-count.common-btn--filled .common-btn__count,.recommend-profile__filter-btn.common-btn--has-count.common-btn--tag-outline .common-btn__count{background:linear-gradient(263.01deg, #4df9ff -33.86%, #0aa598 128.5%);color:#FFFFFF;border:none}.recommend-profile__filter-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:14px;height:14px;pointer-events:none}.recommend-profile__filter-icon svg{display:block;width:100%;height:100%}.recommend-profile__filter-icon path{fill:none;stroke:currentColor}.recommend-profile__sort{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:118px;height:27px;margin-top:8px;padding:0 18px 0 6px;box-sizing:border-box;border:1px solid rgba(51,45,77,0.11);border-radius:5px;background:#F4F4F4;color:#8D8D8D;font-size:10px;font-weight:700;white-space:nowrap;cursor:pointer}.recommend-profile__sort-icon{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:9px;height:7px;pointer-events:none}.recommend-profile__sort-icon svg{display:block;width:100%;height:100%}.recommend-profile__sort-label{flex-shrink:0}.recommend-profile__sort-select{width:auto;min-width:0;height:auto;padding:0;margin:0;border:none;border-radius:0;background:transparent;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;cursor:pointer;appearance:none;-webkit-appearance:none}.recommend-profile__sort-select:focus{outline:none}.recommend-profile__sort-select:focus-visible{outline:none}.recommend-profile__grid{display:grid;grid-template-columns:1fr;gap:42px 20px;justify-items:center}@media screen and (min-width: 420px){.recommend-profile__grid{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media screen and (min-width: 1080px){.recommend-profile__grid{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media screen and (min-width: 1280px){.recommend-profile__grid{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media screen and (min-width: 1480px){.recommend-profile__grid{grid-template-columns:repeat(5, minmax(0, 1fr))}}.recommend-profile__more-wrap{display:flex;justify-content:center;margin-top:28px}.recommend-profile__paginate{margin-top:28px}.recommend-profile__more-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:346px;height:44px;border:1px solid transparent;background:linear-gradient(var(--common-btn-fill, #fff), var(--common-btn-fill, #fff)) padding-box,linear-gradient(263.01deg, #4df9ff -33.86%, #0aa598 128.5%) border-box;border-radius:100px;font-size:16px;font-weight:700;line-height:100%;letter-spacing:-4%;cursor:pointer;box-shadow:0px 0px 10px 0px #14EED5}.recommend-profile__more-btn span{background-image:linear-gradient(263.01deg, #4df9ff -33.86%, #0aa598 128.5%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.recommend-profile__more-icon{position:absolute;right:20px;top:50%;transform:translateY(-50%);width:10px;height:6px;pointer-events:none}.recommend-profile__more-icon svg{display:block;width:100%;height:100%}.recommend-profile__more-icon path{stroke:#14EED5}.recommend-profile__empty{display:flex;align-items:center;justify-content:center;min-height:280px;margin:0;color:#B7B7B7;font-size:14px;font-weight:700}.recommend-liver-card{display:flex;flex-direction:column;width:100%;box-shadow:0px 0px 10px 0px #14EED5;border-radius:10px;background:#FFFFFF;overflow:hidden}.recommend-liver-card__cover{position:relative;aspect-ratio:1;background-color:#EBEBEB;background-size:cover;background-position:center;border-radius:10px;margin:3px}.recommend-liver-card__compat{position:absolute;top:8px;left:8px;z-index:2;width:48px;height:34px;pointer-events:none}.recommend-liver-card__compat-label{position:absolute;top:0;left:0;z-index:2;padding:2px 6px;border-radius:4px;background:rgba(0,0,0,0.3);color:#FFFFFF;font-size:8px;font-weight:700;line-height:1.2;letter-spacing:0;text-align:center;white-space:nowrap}.recommend-liver-card__compat-value{position:absolute;top:11px;left:3px;z-index:1;display:inline-flex;align-items:center;justify-content:center;min-width:56px;height:33px;border-radius:10px;background:#FFFFFF;color:#FF005D;font-size:14px;line-height:15px;letter-spacing:5%;font-weight:500}.recommend-liver-card__compat-value strong{font-size:16px;font-weight:700;line-height:1}.recommend-liver-card__compat-value span{font-size:10px;font-weight:700;line-height:1}.recommend-liver-card__lock{position:absolute;top:8px;right:8px;z-index:2;display:flex;align-items:center;justify-content:center;width:62px;height:32px;border-radius:100px;background:#025C5299;border:3px solid #14EED5}.recommend-liver-card__lock svg{display:block;width:18px;height:19px}.recommend-liver-card__lock path{fill:#FFFFFF}.recommend-liver-card__body{display:flex;flex:1;flex-direction:column;gap:8px;padding:10px 10px 20px}.recommend-liver-card__name-row{display:flex;gap:4px;min-height:18px}.recommend-liver-card__name{margin:0;color:#4F4F4F;font-size:18px;font-weight:700;padding-left:8px}.recommend-liver-card__verified{width:16px;height:16px;object-fit:contain}.recommend-liver-card__meta{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;color:#8D8D8D;font-size:11px;font-weight:500;line-height:16px;letter-spacing:5%}.recommend-liver-card__tags{display:flex;flex-wrap:wrap;justify-content:start;gap:10px 5px;width:100%}.recommend-liver-card__tag{display:inline-block;align-items:center;justify-content:center;padding:6px 8px;max-width:120px;border-radius:5px;box-sizing:border-box;font-size:8px;font-weight:700;text-align:center;line-height:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.recommend-liver-card__tag--pink{background:#FFE6F2;color:#FF57A1}.recommend-liver-card__tag--cyan{background:#e7fffa;color:#14EED5}.recommend-liver-card__message{margin:0;padding:6px 14px;border-radius:5px;background:#F4F4F4;font-size:12px;font-weight:700;text-align:left;color:#8D8D8D;letter-spacing:5%;line-height:22px;min-height:3.4rem}.recommend-liver-card__expander{flex:1}.recommend-liver-card__actions{display:flex;flex-direction:column;gap:6px;margin-top:2px}.recommend-liver-card__btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:33px;border-radius:100px;font-size:14px;font-weight:700;text-decoration:none;box-sizing:border-box}.recommend-liver-card__btn--primary{border:none;background:#14EED5;color:#FFFFFF}.recommend-liver-card__btn--primary .recommend-liver-card__btn-icon{color:#FFFFFF;width:24px;height:24px}.recommend-liver-card__btn--primary .recommend-liver-card__btn-icon path{fill:none;stroke:currentColor}.recommend-liver-card__btn--primary .recommend-liver-card__btn-icon circle{fill:currentColor}.recommend-liver-card__btn--outline{border:2px solid var(--gray_40, #D9D9D9);background:#FFFFFF;color:#B7B7B7;font-size:12px;font-weight:700;line-height:100%}.recommend-liver-card__btn--outline .recommend-liver-card__btn-icon{color:#14EED5}.recommend-liver-card__btn--outline .recommend-liver-card__btn-icon path{fill:none;stroke:currentColor;stroke-width:5px}.recommend-liver-card__btn-icon{flex-shrink:0;width:14px;height:14px}.recommend-liver-card__btn-icon svg{display:block;width:100%;height:100%}.recommend-profile-sidebar{width:100%;display:flex;flex-direction:column;gap:16px}.recommend-profile-sidebar__card{padding:16px 8px;border:8px solid #EBEBEB;border-radius:4px;background:#FFFFFF;box-shadow:0 2px 10px rgba(0,0,0,0.05)}.recommend-profile-sidebar__heading{margin:0 0 10px;color:#4F4F4F;font-size:13px;font-weight:700;line-height:1.2}.recommend-profile-sidebar__subheading{margin:0 0 6px;color:#8D8D8D;font-size:10px;font-weight:700}.recommend-profile-sidebar__type{margin:0 0 8px;background:linear-gradient(263.01deg, #4df9ff -33.86%, #0aa598 128.5%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:32px;font-weight:700;line-height:25px;text-align:center}.recommend-profile-sidebar__type-tag{display:flex;align-items:center;justify-content:center;width:74px;height:26px;margin:0 auto 14px;border-radius:10px;background:#b9fff7;color:#8D8D8D;font-size:14px;font-weight:700;line-height:12px}.recommend-profile-sidebar__compatible{padding:12px 11px 8px;border:1px solid #14EED5;border-radius:5px;background:rgba(20,238,213,0.04)}.recommend-profile-sidebar__mini-title{margin:0 0 8px;color:#8D8D8D;font-size:10px;font-weight:700}.recommend-profile-sidebar__compatible-list{margin:0 0 8px;background:linear-gradient(263.01deg, #4DF9FF -33.86%, #0AA598 128.5%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-size:20px;font-weight:700;line-height:20px;word-break:break-word}.recommend-profile-sidebar__detail-link{display:block;color:#14EED5;font-size:9px;font-weight:700;text-align:right;text-decoration:none}.recommend-profile-sidebar__detail-link svg{width:10px;height:8px}.recommend-profile-sidebar__detail-link svg path{stroke:#14EED5}.recommend-profile-sidebar__section{margin-top:14px}.recommend-profile-sidebar__section-title{display:flex;align-items:center;gap:5px;margin:0 0 8px;color:#4F4F4F;font-size:14px;font-weight:700;line-height:16px}.recommend-profile-sidebar__section:has(.recommend-profile-sidebar__tendency-list)>.recommend-profile-sidebar__section-title{margin-bottom:19px}.recommend-profile-sidebar__section-icon{flex-shrink:0;width:15px;height:16px}.recommend-profile-sidebar__section-icon svg{display:block;width:100%;height:100%}.recommend-profile-sidebar__section-icon path{stroke:#4F4F4F}.recommend-profile-sidebar__tendency-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.recommend-profile-sidebar__tendency-item{display:grid;grid-template-columns:15px minmax(0, 1fr);column-gap:5px;row-gap:0;color:#8D8D8D;font-size:10px;line-height:1.35}.recommend-profile-sidebar__tendency-item strong{display:block;color:#4F4F4F;font-size:12px;font-weight:700;line-height:16px}.recommend-profile-sidebar__tendency-text{display:block;margin-top:6px;font-size:12px;font-weight:700;line-height:16px;letter-spacing:0;color:#8D8D8D}.recommend-profile-sidebar__check{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;margin-top:1px}.recommend-profile-sidebar__check svg{display:block;width:100%;height:100%}.recommend-profile-sidebar__tags{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:7px;padding-top:8px;overflow:visible}.recommend-profile-sidebar__tags .common-btn--has-count{width:100%;min-width:0;margin-top:8px}.recommend-profile-sidebar__tags .common-btn--has-count .common-btn__count{top:-8px;right:-7px}.recommend-profile-sidebar__tags--pink .common-btn{--common-btn-tag-text: #FF57A1;--common-btn-tag-border: #FF57A1;--common-btn-tag-fill: #FFE6F2;--common-btn-tag-active-bg: #FF57A1}.recommend-profile-sidebar__tags--cyan .common-btn{--common-btn-tag-text: #1CBBB3;--common-btn-tag-border: #14EED5;--common-btn-tag-fill: #e7fffa;--common-btn-tag-active-bg: #14EED5}.recommend-profile-sidebar__tags--cyan .common-btn.common-btn--filled{--common-btn-tag-active-bg: #14EED5}.recommend-profile-sidebar__tags--cyan .common-btn.common-btn--filled .common-btn__count{background:#B9FFF7;color:#8D8D8D;border:none}.recommend-profile-sidebar__mbti-link-container{background:linear-gradient(266.77deg, #2CF8FF 9.5%, #AA3DA4 109.67%);border-radius:10px}.recommend-profile-sidebar__mbti-link{padding:8px;border-radius:8px 8px 8px 0;background:linear-gradient(266.77deg, #2CF8FF 9.5%, #AA3DA4 109.67%);box-shadow:0 3px 10px rgba(0,0,0,0.12)}.recommend-profile-sidebar__mbti-link-title{margin:10px 0px;color:#FFFFFF;font-size:18px;line-height:100%;font-weight:700;letter-spacing:-2%}.recommend-profile-sidebar__mbti-link-body{padding:12px;border-radius:3px;background:#FFFFFF}.recommend-profile-sidebar__mbti-link-body h4{margin:0 0 12px;color:#4F4F4F;font-size:14px;font-weight:700;letter-spacing:-2%}.recommend-profile-sidebar__mbti-link-body p{margin:0 0 10px;color:#8D8D8D;font-size:12px;font-weight:700;line-height:18px;letter-spacing:-3%}.recommend-profile-sidebar__cta{display:flex;align-items:center;justify-content:center;width:134px;height:36px;margin:14px auto 4px;border-radius:100px;background:linear-gradient(263.01deg, #4DF9FF -33.86%, #0AA598 128.5%);color:#FFFFFF;font-size:14px;font-weight:700;line-height:12px;text-decoration:none}.recommend-profile-sidebar__cta svg{margin-left:5px}.recommend-profile-sidebar__cta-note{display:block;color:#8D8D8D;font-size:10px;font-weight:700;line-height:148%;text-align:center}.common-btn--tag-md{min-height:27px;height:27px;font-size:10px;line-height:12px;font-weight:700}[data-theme='dark'] .recommend-profile__empty{color:var(--color-text-muted, #AAA4B7)}[data-theme='dark'] .recommend-liver-card{background:var(--color-surface-primary, #2b2931);box-shadow:0 0 10px 0 rgba(20,238,213,0.25)}[data-theme='dark'] .recommend-liver-card__cover{background-color:var(--color-bg-tertiary, #1F1B2B)}[data-theme='dark'] .recommend-liver-card__compat-value{background:var(--color-surface-elevated, #221E2E)}[data-theme='dark'] .recommend-liver-card__name{color:var(--color-text-secondary, #D6D0E4)}[data-theme='dark'] .recommend-liver-card__meta{color:var(--color-text-muted, #AAA4B7)}[data-theme='dark'] .recommend-liver-card__message{background:var(--color-bg-tertiary, #1F1B2B);color:var(--color-text-muted, #AAA4B7)}[data-theme='dark'] .recommend-liver-card__btn--outline{background:var(--color-surface-primary, #2b2931);border-color:var(--color-border-default, rgba(222,210,255,0.13));color:var(--color-text-muted, #AAA4B7)}[data-theme='dark'] .recommend-profile-sidebar__card{background:var(--color-surface-primary, #2b2931);border-color:var(--color-border-default, rgba(222,210,255,0.13));box-shadow:0 0 10px 0 rgba(20,238,213,0.15)}[data-theme='dark'] .recommend-profile-sidebar__heading{color:var(--color-text-secondary, #D6D0E4)}[data-theme='dark'] .recommend-profile-sidebar__subheading,[data-theme='dark'] .recommend-profile-sidebar__mini-title,[data-theme='dark'] .recommend-profile-sidebar__cta-note{color:var(--color-text-muted, #AAA4B7)}[data-theme='dark'] .recommend-profile-sidebar__section-title{color:var(--color-text-secondary, #D6D0E4)}[data-theme='dark'] .recommend-profile-sidebar__section-title .recommend-profile-sidebar__section-icon path{stroke:var(--color-text-secondary, #D6D0E4)}[data-theme='dark'] .recommend-profile-sidebar__tendency-item,[data-theme='dark'] .recommend-profile-sidebar__tendency-text{color:var(--color-text-muted, #AAA4B7)}[data-theme='dark'] .recommend-profile-sidebar__tendency-item strong,[data-theme='dark'] .recommend-profile-sidebar__tendency-text strong{color:var(--color-text-secondary, #D6D0E4)}[data-theme='dark'] .recommend-profile-sidebar__type-tag{background:var(--color-bg-tertiary, #1F1B2B);color:var(--color-text-muted, #AAA4B7)}[data-theme='dark'] .recommend-profile-sidebar__compatible{background:rgba(20,238,213,0.08)}[data-theme='dark'] .recommend-profile-sidebar__mbti-link-container{border-color:var(--color-border-default, rgba(222,210,255,0.13))}[data-theme='dark'] .recommend-profile-sidebar__mbti-link-body{background:var(--color-surface-primary, #2b2931)}[data-theme='dark'] .recommend-profile-sidebar__mbti-link-body h4{color:var(--color-text-secondary, #D6D0E4)}[data-theme='dark'] .recommend-profile-sidebar__mbti-link-body p{color:var(--color-text-muted, #AAA4B7)}