:root{--montage-blue-0: #000000;--montage-blue-10: #001536;--montage-blue-20: #002966;--montage-blue-30: #003e9c;--montage-blue-40: #0054d1;--montage-blue-45: #005eeb;--montage-blue-50: #0066ff;--montage-blue-55: #1a75ff;--montage-blue-60: #3385ff;--montage-blue-65: #4f95ff;--montage-blue-70: #69a5ff;--montage-blue-80: #9ec5ff;--montage-blue-90: #c9defe;--montage-blue-95: #eaf2fe;--montage-blue-99: #f7fbff;--montage-blue-100: #ffffff;--montage-cn-0: #000000;--montage-cn-5: #0f0f10;--montage-cn-7: #141415;--montage-cn-10: #171719;--montage-cn-15: #1b1c1e;--montage-cn-17: #212225;--montage-cn-20: #292a2d;--montage-cn-22: #2e2f33;--montage-cn-23: #333438;--montage-cn-25: #37383c;--montage-cn-30: #46474c;--montage-cn-40: #5a5c63;--montage-cn-50: #70737c;--montage-cn-60: #878a93;--montage-cn-70: #989ba2;--montage-cn-80: #aeb0b6;--montage-cn-90: #c2c4c8;--montage-cn-95: #dbdcdf;--montage-cn-96: #e1e2e4;--montage-cn-97: #eaebec;--montage-cn-98: #f4f4f5;--montage-cn-99: #f7f7f8;--montage-cn-100: #ffffff;--montage-red-40: #e52222;--montage-red-50: #ff4242;--montage-red-95: #feecec;--montage-green-40: #009632;--montage-green-50: #00bf40;--montage-green-95: #d9ffe6;--montage-orange-40: #d47800;--montage-orange-50: #ff9200;--montage-orange-95: #fef4e6;--montage-common-0: #000000;--montage-common-100: #ffffff;--static-white: #ffffff;--static-black: #000000;--primary-normal: var(--montage-blue-50);--primary-strong: var(--montage-blue-40);--primary-heavy: var(--montage-blue-30);--primary-tint: var(--montage-blue-95);--label-normal: var(--montage-cn-10);--label-strong: var(--montage-cn-5);--label-neutral: var(--montage-cn-30);--label-alternative: var(--montage-cn-50);--label-assistive: var(--montage-cn-60);--label-disable: var(--montage-cn-70);--label-on-primary: #ffffff;--background-normal: #ffffff;--background-normal-alternative: var(--montage-cn-99);--background-elevated: #ffffff;--background-elevated-alternative: var(--montage-cn-98);--background-canvas: var(--montage-cn-98);--line-normal: var(--montage-cn-95);--line-neutral: var(--montage-cn-96);--line-alternative: var(--montage-cn-97);--line-solid-normal: var(--montage-cn-90);--interaction-inactive: var(--montage-cn-80);--interaction-disable: var(--montage-cn-98);--interaction-hover: rgba(0, 0, 0, .04);--interaction-press: rgba(0, 0, 0, .08);--status-positive: var(--montage-green-40);--status-cautionary: var(--montage-orange-40);--status-negative: var(--montage-red-40);--background-status-positive: var(--montage-green-95);--background-status-cautionary: var(--montage-orange-95);--background-status-negative: var(--montage-red-95);--space-1: 1px;--space-2: 2px;--space-4: 4px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--space-28: 28px;--space-32: 32px;--space-36: 36px;--space-40: 40px;--space-48: 48px;--space-56: 56px;--space-64: 64px;--space-72: 72px;--space-80: 80px;--radius-4: 4px;--radius-8: 8px;--radius-12: 12px;--radius-16: 16px;--radius-20: 20px;--radius-full: 999px;--shadow-1: 0 1px 2px rgba(0, 0, 0, .06), 0 1px 3px rgba(0, 0, 0, .05);--shadow-2: 0 2px 8px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04);--shadow-3: 0 8px 24px rgba(0, 0, 0, .12), 0 2px 6px rgba(0, 0, 0, .06);--font-sans: "Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--type-display1: 700 56px / 1.2 var(--font-sans);--type-display2: 700 40px / 1.25 var(--font-sans);--type-display3: 700 36px / 1.28 var(--font-sans);--type-title1: 700 32px / 1.31 var(--font-sans);--type-title2: 700 28px / 1.34 var(--font-sans);--type-title3: 700 24px / 1.34 var(--font-sans);--type-heading1: 700 22px / 1.36 var(--font-sans);--type-heading2: 700 20px / 1.4 var(--font-sans);--type-headline1: 600 18px / 1.44 var(--font-sans);--type-headline2: 600 17px / 1.44 var(--font-sans);--type-body1: 400 16px / 1.5 var(--font-sans);--type-body2: 400 14px / 1.57 var(--font-sans);--type-label1: 600 15px / 1.4 var(--font-sans);--type-label2: 600 13px / 1.38 var(--font-sans);--type-caption1: 400 12px / 1.34 var(--font-sans);--type-caption2: 400 11px / 1.27 var(--font-sans)}@media (prefers-color-scheme: dark){:root{--primary-normal: var(--montage-blue-55);--primary-strong: var(--montage-blue-60);--primary-heavy: var(--montage-blue-70);--primary-tint: var(--montage-blue-20);--label-normal: var(--montage-cn-99);--label-strong: #ffffff;--label-neutral: var(--montage-cn-80);--label-alternative: var(--montage-cn-70);--label-assistive: var(--montage-cn-60);--label-disable: var(--montage-cn-40);--label-on-primary: #ffffff;--background-normal: var(--montage-cn-7);--background-normal-alternative: var(--montage-cn-10);--background-elevated: var(--montage-cn-15);--background-elevated-alternative: var(--montage-cn-17);--background-canvas: var(--montage-cn-5);--line-normal: var(--montage-cn-25);--line-neutral: var(--montage-cn-23);--line-alternative: var(--montage-cn-22);--line-solid-normal: var(--montage-cn-30);--interaction-inactive: var(--montage-cn-40);--interaction-disable: var(--montage-cn-17);--interaction-hover: rgba(255, 255, 255, .06);--interaction-press: rgba(255, 255, 255, .12);--status-positive: var(--montage-green-50);--status-cautionary: var(--montage-orange-50);--status-negative: var(--montage-red-50);--background-status-positive: #10241a;--background-status-cautionary: #2a1f0c;--background-status-negative: #2a1416;--shadow-1: 0 1px 2px rgba(0, 0, 0, .4);--shadow-2: 0 2px 10px rgba(0, 0, 0, .45);--shadow-3: 0 10px 28px rgba(0, 0, 0, .55)}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font:var(--type-body1);color:var(--label-normal);background:var(--background-canvas);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;word-break:keep-all}button,input,textarea{font:inherit;color:inherit}a{color:var(--primary-normal);text-decoration:none}:focus-visible{outline:2px solid var(--primary-normal);outline-offset:2px;border-radius:var(--radius-4)}h1,h2,h3,h4,p{margin:0}.mtg-type-display1{font:var(--type-display1);letter-spacing:-.02em}.mtg-type-display2{font:var(--type-display2);letter-spacing:-.02em}.mtg-type-display3{font:var(--type-display3);letter-spacing:-.02em}.mtg-type-title1{font:var(--type-title1);letter-spacing:-.02em}.mtg-type-title2{font:var(--type-title2);letter-spacing:-.015em}.mtg-type-title3{font:var(--type-title3);letter-spacing:-.015em}.mtg-type-heading1{font:var(--type-heading1);letter-spacing:-.01em}.mtg-type-heading2{font:var(--type-heading2);letter-spacing:-.01em}.mtg-type-headline1{font:var(--type-headline1);letter-spacing:-.01em}.mtg-type-headline2{font:var(--type-headline2);letter-spacing:-.01em}.mtg-type-body1{font:var(--type-body1)}.mtg-type-body2{font:var(--type-body2)}.mtg-type-label1{font:var(--type-label1)}.mtg-type-label2{font:var(--type-label2)}.mtg-type-caption1{font:var(--type-caption1)}.mtg-type-caption2{font:var(--type-caption2)}.mtg-fg-normal{color:var(--label-normal)}.mtg-fg-neutral{color:var(--label-neutral)}.mtg-fg-alternative{color:var(--label-alternative)}.mtg-fg-assistive{color:var(--label-assistive)}.mtg-fg-primary{color:var(--primary-normal)}.mtg-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mtg-btn{--_h: 48px;--_px: var(--space-20);--_fs: var(--type-label1);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);height:var(--_h);padding-inline:var(--_px);border:1px solid transparent;border-radius:var(--radius-12);font:var(--_fs);cursor:pointer;transition:background-color .12s ease,border-color .12s ease,opacity .12s ease,transform .06s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.mtg-btn:active{transform:scale(.985)}.mtg-btn:disabled{cursor:not-allowed;opacity:1}.mtg-btn--sm{--_h: 36px;--_px: var(--space-16);--_fs: var(--type-label2)}.mtg-btn--lg{--_h: 56px;--_px: var(--space-24);--_fs: var(--type-headline2);border-radius:var(--radius-16)}.mtg-btn--block{display:flex;width:100%}.mtg-btn--solid{background:var(--primary-normal);color:var(--label-on-primary)}.mtg-btn--solid:hover:not(:disabled){background:var(--primary-strong)}.mtg-btn--solid:disabled{background:var(--interaction-disable);color:var(--label-disable)}.mtg-btn--outlined{background:transparent;border-color:var(--line-solid-normal);color:var(--label-normal)}.mtg-btn--outlined:hover:not(:disabled){background:var(--interaction-hover)}.mtg-btn--outlined:disabled{color:var(--label-disable);border-color:var(--line-normal)}.mtg-btn--text{background:transparent;color:var(--primary-normal);padding-inline:var(--space-8)}.mtg-btn--text:hover:not(:disabled){background:var(--interaction-hover)}.mtg-btn--text:disabled{color:var(--label-disable)}.mtg-slider{display:block;width:100%}.mtg-slider__head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-12);margin-bottom:var(--space-12)}.mtg-slider__poles{display:flex;justify-content:space-between;margin-top:var(--space-8);color:var(--label-alternative);font:var(--type-caption1)}.mtg-slider__pole--active{color:var(--primary-normal);font-weight:600}.mtg-slider__track-wrap{position:relative;height:24px;display:flex;align-items:center}.mtg-slider__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:24px;background:transparent;margin:0;cursor:pointer}.mtg-slider__input::-webkit-slider-runnable-track{height:6px;border-radius:var(--radius-full);background:var(--line-solid-normal)}.mtg-slider__input::-moz-range-track{height:6px;border-radius:var(--radius-full);background:var(--line-solid-normal)}.mtg-slider__input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;margin-top:-9px;border-radius:var(--radius-full);background:var(--static-white);border:2px solid var(--primary-normal);box-shadow:var(--shadow-1)}.mtg-slider__input::-moz-range-thumb{width:24px;height:24px;border-radius:var(--radius-full);background:var(--static-white);border:2px solid var(--primary-normal);box-shadow:var(--shadow-1)}.mtg-slider__fill{position:absolute;left:0;height:6px;border-radius:var(--radius-full);background:var(--primary-normal);pointer-events:none}.mtg-slider__center{position:absolute;left:50%;top:50%;width:2px;height:12px;transform:translate(-50%,-50%);background:var(--background-normal);border-radius:1px;pointer-events:none}.mtg-slider__degree{color:var(--label-alternative);font:var(--type-caption1)}.mtg-slider--balanced .mtg-slider__degree{color:var(--label-assistive)}.mtg-segmented{display:inline-flex;width:100%;padding:var(--space-4);gap:var(--space-4);background:var(--background-normal-alternative);border:1px solid var(--line-normal);border-radius:var(--radius-12)}.mtg-segmented__item{flex:1;border:none;background:transparent;border-radius:var(--radius-8);padding:var(--space-8) var(--space-12);font:var(--type-label2);color:var(--label-alternative);cursor:pointer;transition:background-color .12s ease,color .12s ease}.mtg-segmented__item:hover{color:var(--label-normal)}.mtg-segmented__item[aria-selected=true]{background:var(--background-elevated);color:var(--label-normal);box-shadow:var(--shadow-1)}.mtg-card{background:var(--background-elevated);border:1px solid var(--line-normal);border-radius:var(--radius-16);padding:var(--space-20)}.mtg-card--flat{box-shadow:none}.mtg-card--raised{box-shadow:var(--shadow-2);border-color:transparent}.mtg-card--accent{border-color:var(--primary-normal);background:var(--primary-tint)}.mtg-chip{display:inline-flex;align-items:center;gap:var(--space-4);height:28px;padding-inline:var(--space-12);border-radius:var(--radius-full);background:var(--background-normal-alternative);border:1px solid var(--line-normal);color:var(--label-neutral);font:var(--type-caption1);white-space:nowrap}.mtg-chip--primary{background:var(--primary-tint);border-color:transparent;color:var(--primary-strong)}.mtg-badge{display:inline-flex;align-items:center;height:24px;padding-inline:var(--space-8);border-radius:var(--radius-8);font:var(--type-label2);font-weight:700}.mtg-badge--soulmate{background:var(--background-status-positive);color:var(--status-positive)}.mtg-badge--great{background:var(--primary-tint);color:var(--primary-strong)}.mtg-badge--fine{background:var(--background-normal-alternative);color:var(--label-neutral)}.mtg-badge--effort{background:var(--background-status-cautionary);color:var(--status-cautionary)}.mtg-progress{display:block;width:100%;height:8px;border-radius:var(--radius-full);background:var(--line-normal);overflow:hidden}.mtg-progress__bar{height:100%;border-radius:var(--radius-full);background:var(--primary-normal);transition:width .5s cubic-bezier(.22,1,.36,1)}.mtg-progress--track{background:var(--montage-cn-95)}.mtg-steps{display:flex;align-items:center;gap:var(--space-8)}.mtg-steps__dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--line-solid-normal);flex:none}.mtg-steps__dot--done{background:var(--primary-normal)}.mtg-steps__dot--current{background:var(--primary-normal);box-shadow:0 0 0 4px var(--primary-tint)}.mtg-steps__bar{flex:1;height:2px;background:var(--line-normal)}.mtg-steps__bar--done{background:var(--primary-normal)}.mtg-accordion{border-top:1px solid var(--line-normal)}.mtg-accordion__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);padding:var(--space-16) 0;background:none;border:none;cursor:pointer;text-align:left;color:var(--label-normal);font:var(--type-headline2)}.mtg-accordion__icon{transition:transform .16s ease;color:var(--label-assistive);flex:none}.mtg-accordion__trigger[aria-expanded=true] .mtg-accordion__icon{transform:rotate(180deg)}.mtg-accordion__panel{padding-bottom:var(--space-16);color:var(--label-neutral);font:var(--type-body2)}.mtg-topnav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--space-8);height:56px;padding-inline:var(--space-16);background:color-mix(in srgb,var(--background-normal) 88%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line-normal)}.mtg-topnav__title{font:var(--type-headline1);color:var(--label-normal)}.mtg-topnav__spacer{flex:1}.mtg-topnav__back{border:none;background:none;cursor:pointer;color:var(--label-normal);padding:var(--space-8);margin-left:calc(var(--space-8) * -1);border-radius:var(--radius-8);display:inline-flex}.mtg-topnav__back:hover{background:var(--interaction-hover)}.mtg-section-header{margin-bottom:var(--space-16)}.mtg-section-header__eyebrow{color:var(--primary-normal);font:var(--type-label2);margin-bottom:var(--space-4)}.mtg-section-header__desc{color:var(--label-alternative);font:var(--type-body2);margin-top:var(--space-8)}.page{max-width:560px;margin:0 auto;padding:var(--space-24) var(--space-20) var(--space-80)}.stack{display:flex;flex-direction:column}.stack-8>*+*{margin-top:var(--space-8)}.stack-12>*+*{margin-top:var(--space-12)}.stack-16>*+*{margin-top:var(--space-16)}.stack-24>*+*{margin-top:var(--space-24)}.stack-32>*+*{margin-top:var(--space-32)}.row{display:flex;align-items:center;gap:var(--space-8)}.row--between{justify-content:space-between}.wrap{flex-wrap:wrap}.sticky-cta{position:sticky;bottom:0;margin-top:var(--space-24);padding:var(--space-16) 0 calc(var(--space-16) + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--background-canvas) 68%,color-mix(in srgb,var(--background-canvas) 0%,transparent))}.hero{position:relative;text-align:center;padding:var(--space-40) 0 var(--space-24)}.hero__visual{position:relative;width:min(280px,72vw);margin:0 auto var(--space-32);aspect-ratio:1;border-radius:var(--radius-full);overflow:hidden;background:radial-gradient(circle at 30% 30%,var(--montage-blue-60),transparent 60%),radial-gradient(circle at 72% 68%,var(--montage-blue-45),transparent 55%),var(--primary-tint);animation:hero-float 7s ease-in-out infinite}.hero__visual-img{position:absolute;top:8%;right:8%;bottom:8%;left:8%;width:84%;height:84%;object-fit:contain;object-position:center 58%;filter:drop-shadow(0 10px 16px rgba(0,0,0,.16))}@keyframes hero-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(6deg)}}@media (prefers-reduced-motion: reduce){.hero__visual{animation:none}}.hero__title{margin-bottom:var(--space-16)}.hero__desc{color:var(--label-alternative)}.home-steps{display:grid;gap:var(--space-12);margin-top:var(--space-16)}.home-step{display:flex;gap:var(--space-12);align-items:flex-start}.home-step__no{flex:none;width:24px;height:24px;border-radius:var(--radius-full);background:var(--primary-tint);color:var(--primary-strong);display:grid;place-items:center;font:var(--type-label2);font-weight:700}.slider-block{padding:var(--space-20) 0;border-top:1px solid var(--line-normal)}.slider-block:first-of-type{border-top:none}.slider-help{margin-top:var(--space-12)}.result-header{text-align:center;padding:var(--space-16) 0 var(--space-24)}.result-code{font:var(--type-display3);letter-spacing:.06em;color:var(--primary-normal)}.mini-bars{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8);margin-top:var(--space-16)}.mini-bar__label{display:flex;justify-content:space-between;font:var(--type-caption2);color:var(--label-assistive);margin-bottom:var(--space-4)}.result-tabs{position:sticky;top:56px;z-index:10;padding:var(--space-12) 0;background:var(--background-canvas)}.axis-legend{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8) var(--space-16);margin-top:var(--space-16)}.axis-legend__row{display:flex;justify-content:space-between;font:var(--type-body2)}.axis-legend__row b{color:var(--label-normal)}.field-row{padding:var(--space-16) 0;border-top:1px solid var(--line-normal)}.field-row:first-child{border-top:none}.field-row__top{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-12)}.field-row__pct{font:var(--type-headline1);color:var(--label-normal)}.field-row__bar{margin:var(--space-8) 0}.compat-grid{display:grid;gap:var(--space-12)}.compat-card__head{display:flex;align-items:center;gap:var(--space-8)}.compat-card__code{font:var(--type-heading2);color:var(--label-normal)}.tf-role{display:flex;gap:var(--space-12);padding:var(--space-12) 0;border-top:1px solid var(--line-normal)}.tf-role:first-child{border-top:none}.tf-role--me{margin-inline:calc(var(--space-12) * -1);padding-inline:var(--space-12);background:var(--primary-tint);border-radius:var(--radius-12);border-top-color:transparent}.tf-role__axis{flex:none;width:44px;height:44px;border-radius:var(--radius-12);background:var(--background-normal-alternative);display:grid;place-items:center;color:var(--label-neutral);font:var(--type-label2)}.tf-role--me .tf-role__axis{background:var(--primary-normal);color:#fff}.portrait-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4)}.portrait-card__img{width:160px;height:160px;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(0,0,0,.12))}.disclaimer{margin-top:var(--space-32);padding:var(--space-16);border-radius:var(--radius-12);background:var(--background-normal-alternative);color:var(--label-assistive);font:var(--type-caption1)}