@font-face{font-family:LolMbti Pretendard;font-style:normal;font-weight:45 920;font-display:swap;src:url(../media/PretendardVariable.0a.~5ku~863u1.woff2)format("woff2-variations")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink-strong:#fff;--ink:#9e9eb1;--ink-muted:#9e9eb1;--line:#424254;--divider:#1c1c1f;--border-hover:#7b7a8e;--paper:#1c1c1f;--surface:#31313c;--surface-subtle:#282830;--opgg-blue:#5383e8;--opgg-blue-dark:#4171d6;--opgg-blue-hover:#2f5ec0;--opgg-blue-ink:#81acff;--opgg-blue-soft:#28344e;--opgg-blue-line:#2f436e;--danger:#ffbac3;--danger-soft:#59343b;--warning:#ffb900;--warning-soft:#4a340e;--radius:4px;--content-max:1080px;--gutter:24px;--font-ui:"LolMbti Pretendard", "Apple SD Gothic Neo", var(--font-cjk), Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{min-height:100%;margin:0}body{background:var(--paper);color:var(--ink-strong);font-family:var(--font-ui);text-rendering:optimizelegibility;font-size:14px;line-height:1.5}button,input,select{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex="-1"]:focus-visible{outline:2px solid var(--opgg-blue-ink);outline-offset:3px}.global-header{background:#1c1c1f}.product-nav{background:var(--surface);border-bottom:1px solid var(--line);min-height:48px;padding:0 max(var(--gutter), calc((100% - var(--content-max)) / 2));align-items:center;gap:24px;display:flex}.product-nav a{color:var(--ink);border-bottom:2px solid #0000;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0 4px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.product-nav a:hover,.product-nav a:focus-visible{border-bottom-color:var(--opgg-blue);color:var(--opgg-blue-ink)}.shell-error{text-align:center;align-content:center;justify-items:center;gap:16px;min-height:100vh;padding:24px;display:grid}.shell-error a{color:var(--opgg-blue-ink)}.landing-page{max-width:calc(var(--content-max) + 2 * var(--gutter));padding:24px var(--gutter) 64px;margin:0 auto}.landing-hero__copy{background:var(--surface);border-radius:var(--radius);min-width:0;padding:32px}.section-kicker{color:var(--opgg-blue-ink);letter-spacing:0;margin:0 0 12px;font-size:12px;font-weight:700}.landing-hero h1{letter-spacing:-.025em;margin:0;font-size:32px;font-weight:700;line-height:1.35}.landing-hero__copy>p:not(.section-kicker){color:var(--ink);max-width:610px;margin:12px 0 0;font-size:14px;line-height:1.75}.landing-choice{border-top:1px solid var(--divider);margin-top:24px;padding-top:20px}.landing-choice__title{margin:0 0 12px;font-size:14px;font-weight:700;line-height:1.5}.landing-choice__cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.landing-choice__card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink-strong);cursor:pointer;text-align:left;grid-template-columns:minmax(0,1fr) auto;align-content:start;gap:8px;min-width:0;min-height:132px;padding:16px;text-decoration:none;transition:background-color .16s,border-color .16s;display:grid}.landing-choice__card:hover,.landing-choice__card[aria-expanded=true]{background:var(--opgg-blue-soft);border-color:var(--opgg-blue)}.landing-choice__card strong{grid-column:1/-1;font-size:14px;font-weight:700;line-height:1.5}.landing-choice__card span{color:var(--ink);text-wrap:pretty;grid-column:1/-1;font-size:12px;line-height:1.6}:lang(ja) .landing-choice__card span,:lang(zh-CN) .landing-choice__card span{word-break:auto-phrase;overflow-wrap:normal}.landing-choice__card>svg{color:var(--opgg-blue)}.landing-choice__arrow{grid-area:1/2}.landing-choice__form{margin-top:16px}.analysis-form{background:var(--surface-subtle);border:1px solid var(--line);border-radius:var(--radius);min-width:0;padding:16px}.analysis-form__fields{grid-template-columns:100px minmax(0,1fr);gap:12px 8px;display:grid}.analysis-field{color:var(--ink);gap:8px;min-width:0;font-size:12px;font-weight:700;display:grid}.analysis-field input,.analysis-field select{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink-strong);width:100%;min-width:0;min-height:44px;padding:10px 12px;font-size:14px}.analysis-field input::placeholder{color:var(--ink-muted)}.analysis-field input:disabled,.analysis-field select:disabled{background:var(--paper);color:var(--ink-muted)}.analysis-form__submit{grid-column:1/-1;width:100%}.analysis-form--deepen .analysis-form__submit{text-wrap:balance;white-space:normal;display:block}.analysis-form__privacy{color:var(--ink-muted);margin:12px 0 0;font-size:12px;line-height:1.6}.analysis-progress,.analysis-form__error{border-radius:var(--radius);align-items:center;min-height:44px;margin:16px 0 0;padding:12px;font-size:14px;line-height:1.6;display:flex}.analysis-progress{background:var(--opgg-blue-soft);color:var(--opgg-blue-ink);gap:8px}.analysis-progress[data-idle=true]{background:0 0;min-height:0;margin:0;padding:0}.analysis-progress__mark{background:var(--opgg-blue);border-radius:50%;flex:0 0 8px;width:8px;height:8px;animation:1.2s ease-in-out infinite analysis-pulse}@keyframes analysis-pulse{50%{opacity:.4}}.analysis-form__error{background:var(--danger-soft);color:var(--danger)}.analysis-ready{background:var(--opgg-blue-soft);border:1px solid var(--opgg-blue-line);border-radius:var(--radius);margin:16px 0 0;padding:16px}.analysis-ready__title{color:var(--ink-strong);margin:0;font-size:16px;font-weight:700;line-height:1.5}.analysis-ready__summary{color:var(--opgg-blue-ink);margin:8px 0 0;font-size:14px;line-height:1.6}.analysis-ready__excluded,.analysis-ready__note{color:var(--ink);margin:8px 0 0;font-size:12px;line-height:1.6}.analysis-ready__cta{width:100%;margin-top:16px}.analysis-ready__note{text-align:center}.type-index{background:var(--surface);border-radius:var(--radius);margin-top:8px;scroll-margin-top:16px}.type-index__heading{border-bottom:1px solid var(--divider);padding:20px 24px}.type-index__heading h2{margin:0;font-size:20px;font-weight:700;line-height:1.4}.type-index__heading p{color:var(--ink);margin:8px 0 0;font-size:14px;line-height:1.65}.type-index__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:16px;display:grid}.type-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:inherit;flex-direction:column;min-width:0;padding:16px;text-decoration:none;transition:background-color .16s,border-color .16s;display:flex}.type-card:hover{background:var(--surface-subtle);border-color:var(--opgg-blue)}.type-card strong{font-size:16px;font-weight:700;line-height:1.5}.type-card__traits{color:var(--opgg-blue-ink);margin-top:8px;font-size:12px;font-weight:600;line-height:1.7}.type-card__trait{white-space:nowrap}.type-card>span:last-child{border-top:1px solid var(--divider);color:var(--ink);margin-top:12px;padding-top:12px;font-size:12px;line-height:1.7}@media (max-width:1079px){:root{--gutter:16px}.landing-page{padding-top:16px}.landing-hero__copy{padding:24px}.landing-hero h1{font-size:28px}.landing-choice__cards{grid-template-columns:1fr}.landing-choice__card{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px 12px;min-height:88px}.landing-choice__card>svg:first-child{grid-area:1/1/3}.landing-choice__card strong{grid-area:1/2}.landing-choice__card span{grid-area:2/2}.landing-choice__arrow{grid-area:1/3/3}.type-index__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:639px){.landing-page{padding:8px 0 40px}.landing-hero__copy{border-radius:0;padding:24px 16px}.landing-hero h1{font-size:26px}.analysis-form__fields{grid-template-columns:1fr}.analysis-field input,.analysis-field select{font-size:16px}.type-index{border-radius:0}.type-index__heading{padding:16px}.type-index__grid{grid-template-columns:1fr;padding:12px 16px 16px}.type-card{padding:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.analysis-progress__mark{animation:none}.landing-choice__card,.type-card{transition:none}}body{overflow-wrap:break-word}html:lang(ko) body{word-break:keep-all;overflow-wrap:anywhere}html:lang(ja) body,html:lang(zh-CN) body{word-break:auto-phrase}:lang(ja) :is(h1,h2,h3,button,label,.analysis-form__submit,.section-kicker,.product-nav a,.landing-choice__card strong),:lang(zh-CN) :is(h1,h2,h3,button,label,.analysis-form__submit,.section-kicker,.product-nav a,.landing-choice__card strong){word-break:keep-all;overflow-wrap:anywhere}:lang(ja) .analysis-form--deepen .analysis-form__submit,:lang(zh-CN) .analysis-form--deepen .analysis-form__submit{word-break:auto-phrase;overflow-wrap:normal}:lang(ja),:lang(zh-CN){line-break:strict}h1,h2,h3,p,.type-card>span:last-child,.type-card__traits{text-wrap:balance}:lang(zh-CN) h1{text-spacing-trim:trim-start}html{--font-cjk:sans-serif}html:lang(ja){--font-cjk:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, "Noto Sans JP"}html:lang(zh-CN){--font-cjk:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC"}