:root{--c-bg:#f6f1ea;--c-surface:#fffdfa;--c-surface-sub:#efe7db;--c-border:#e3d8c8;--c-border-strong:#cfc0ab;--c-text:#3a2a1f;--c-text-sub:#4a3529;--c-text-mute:#5c4638;--c-text-faint:#6a5445;--c-disabled:#8f7a68;--c-accent:#b5502a;--c-accent-strong:#93401f;--c-accent-weak:#f7e9e0;--c-accent-line:#d9a68d;--c-danger:#a3261c;--c-support:#2f5f6e;--c-support-weak:#e4eef1;--c-olive:#5f6420;--c-olive-weak:#eef0dd;--c-x:#111827;--c-x-strong:#374151;--c-line:#06c755;--c-line-strong:#05a548;--tag-h:214;--c-tag:hsl(var(--tag-h) 58% 42%);--c-tag-weak:hsl(var(--tag-h) 34% 93%);--fs-caption:.8rem;--fs-small:.875rem;--fs-body:1rem;--fs-lead:1.125rem;--fs-h2:1.25rem;--fs-h1:2.5rem;--fs-display:4.5rem;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Zen Kaku Gothic New", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", var(--font-body);--lh-body:1.6;--lh-tight:1.35;--lh-display:1.25;--ls-display:-.045em;--fw-normal:400;--fw-bold:700;--fw-black:900;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:32px;--sp-8:40px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-pill:999px;--sh-1:0 1px 2px #1118270f;--sh-2:0 1px 3px #11182714;--sh-3:0 4px 12px #1118271a;--motion-fast:.12s;--motion-base:.18s;--ease-out:cubic-bezier(.2, .8, .3, 1)}[data-tag]{--c-tag:hsl(var(--tag-h) 58% 42%);--c-tag-weak:hsl(var(--tag-h) 34% 93%)}[data-tag=expert-advice]{--tag-h:180}[data-tag=precision-work]{--tag-h:194}[data-tag=data-driven]{--tag-h:206}[data-tag=knowledge-work]{--tag-h:214}[data-tag=research]{--tag-h:230}[data-tag=independent]{--tag-h:240}[data-tag=learning]{--tag-h:254}[data-tag=hands-on-craft]{--tag-h:268}[data-tag=creative]{--tag-h:288}[data-tag=performing]{--tag-h:314}[data-tag=leadership]{--tag-h:328}[data-tag=care]{--tag-h:344}[data-tag=safety-critical]{--tag-h:0}[data-tag=frontline-service]{--tag-h:14}[data-tag=customer-facing]{--tag-h:30}[data-tag=teaching]{--tag-h:44}[data-tag=field-work]{--tag-h:88}[data-tag=public-service]{--tag-h:134}[data-tag=back-office]{--tag-h:150}[data-tag=coordination]{--tag-h:168}*{box-sizing:border-box;margin:0;padding:0}button,input,select,textarea{font-family:inherit}body{font-family:var(--font-body);max-width:640px;padding:var(--sp-6) var(--sp-4);background:var(--c-bg);color:var(--c-text);line-height:var(--lh-body);margin:0 auto}h1,h2{font-family:var(--font-display);font-size:var(--fs-h2);font-weight:var(--fw-bold);line-height:var(--lh-tight);margin-bottom:var(--sp-4)}p{color:var(--c-text-mute);margin-bottom:var(--sp-4)}label[for]{margin-bottom:var(--sp-2);font-weight:600;display:block}input[type=text]{width:100%;padding:var(--sp-3);border:1px solid var(--c-border);border-radius:var(--r-md);font-size:var(--fs-body);margin-bottom:var(--sp-4);background:var(--c-surface);transition:border-color var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out)}input[type=text]:focus{border-color:var(--c-accent);box-shadow:0 0 0 3px var(--c-accent-weak);outline:none}.combobox-field{margin-bottom:var(--sp-4);position:relative}.combobox-field input[type=text]{margin-bottom:0}.combobox input[type=text]{padding-right:44px}.combobox-toggle{width:44px;color:var(--c-text-faint);font-size:var(--fs-small);cursor:pointer;transition:color var(--motion-fast) var(--ease-out);background:0 0;border:none;position:absolute;top:0;bottom:0;right:0}.combobox-toggle:hover{color:var(--c-accent)}.combobox-toggle:disabled{cursor:not-allowed;color:var(--c-disabled)}.combobox-popup{margin-top:calc(var(--sp-3) * -1);margin-bottom:var(--sp-3);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);box-shadow:var(--sh-3);overflow:hidden}.combobox-list{max-height:260px;overflow-y:auto}.combobox-option{padding:var(--sp-3);cursor:pointer;font-size:var(--fs-body);transition:background var(--motion-fast) var(--ease-out)}.combobox-option-active{background:var(--c-accent-weak);color:var(--c-accent-strong);font-weight:600}.combobox-empty{padding:var(--sp-3);font-size:var(--fs-small);color:var(--c-text-faint);margin-bottom:0}button[type=submit],.btn-primary{background:var(--c-accent);color:var(--c-surface);padding:var(--sp-3) var(--sp-6);border-radius:var(--r-md);font-size:var(--fs-body);cursor:pointer;word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance;width:100%;transition:background var(--motion-fast) var(--ease-out), transform var(--motion-fast) var(--ease-out);border:none;font-weight:600}button[type=submit]:hover,.btn-primary:hover{background:var(--c-accent-strong)}button[type=submit]:active,.btn-primary:active{transform:translateY(1px)}button[type=submit]:disabled,.btn-primary:disabled{background:var(--c-disabled);cursor:not-allowed;transform:none}.submit-area{margin-top:var(--sp-2)}.submit-ready{margin-top:var(--sp-4);padding:var(--sp-4);background:var(--c-accent-weak);border:1px solid var(--c-accent-line);border-radius:var(--r-lg);box-shadow:var(--sh-2);transition:background var(--motion-base) var(--ease-out), border-color var(--motion-base) var(--ease-out), box-shadow var(--motion-base) var(--ease-out)}.submit-ready button[type=submit]{background:var(--c-accent-strong);box-shadow:var(--sh-2)}.progress-count,.question-no{font-family:var(--font-display);font-weight:var(--fw-black);font-variant-numeric:tabular-nums;color:var(--c-text-faint)}.progress-count{font-size:var(--fs-small);text-align:right;margin-bottom:var(--sp-1)}.progress-track{height:var(--sp-1);border-radius:var(--r-sm);background:var(--c-border);margin-bottom:var(--sp-4);overflow:hidden}.progress-fill{background:var(--c-accent);height:100%;transition:width var(--motion-base) var(--ease-out), background var(--motion-base) var(--ease-out)}.submit-ready .progress-count{color:var(--c-accent-strong)}.submit-ready .progress-track{background:var(--c-accent-line)}.submit-ready .progress-fill{background:var(--c-accent-strong)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.question-section-heading{font-family:var(--font-display);font-weight:var(--fw-black);font-size:var(--fs-lead);color:var(--c-text);margin-bottom:var(--sp-4)}.question-section-heading:focus:not(:focus-visible){outline:none}.question-slides{padding:0 var(--sp-1);margin:0 calc(var(--sp-1) * -1);overflow-x:hidden}.question-slide[hidden]{display:none}@keyframes slide-in-forward{0%{opacity:0;transform:translateX(var(--sp-4))}}@keyframes slide-in-back{0%{opacity:0;transform:translateX(calc(var(--sp-4) * -1))}}.question-slides.is-forward .question-slide:not([hidden]){animation:slide-in-forward var(--motion-base) var(--ease-out)}.question-slides.is-back .question-slide:not([hidden]){animation:slide-in-back var(--motion-base) var(--ease-out)}.slide-nav{justify-content:space-between;align-items:center;gap:var(--sp-3);display:flex}.slide-nav .btn-primary{flex:1}.slide-back{border:1.5px solid var(--c-border);color:var(--c-text-mute);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);cursor:pointer;transition:border-color var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out);background:0 0;font-weight:600}.slide-back:hover{border-color:var(--c-accent-line);color:var(--c-text)}.question{background:var(--c-surface);border-radius:var(--r-lg);padding:var(--sp-5);margin-bottom:var(--sp-4);box-shadow:var(--sh-2);transition:background var(--motion-base) var(--ease-out), box-shadow var(--motion-base) var(--ease-out)}.question:has(input:checked){background:var(--c-surface-sub);box-shadow:var(--sh-1)}.question.question-needs-answer{outline:2px solid var(--c-danger)}.question .question-needs-answer-note{color:var(--c-danger);font-size:var(--fs-small);margin:0;font-weight:600}.question p{color:var(--c-text);margin-bottom:var(--sp-3);font-weight:600}.question .question-refill-note{font-size:var(--fs-caption);color:var(--c-text-mute);margin-bottom:var(--sp-2);font-weight:400}.question-no{font-size:var(--fs-caption);margin-bottom:var(--sp-1);display:block}.option{align-items:flex-start;gap:var(--sp-2);padding:var(--sp-3);border:1.5px solid var(--c-border);border-radius:var(--r-md);margin-bottom:var(--sp-2);cursor:pointer;transition:border-color var(--motion-fast) var(--ease-out), background var(--motion-fast) var(--ease-out);display:flex}.option:hover{border-color:var(--c-accent-line);background:var(--c-accent-weak)}.option:has(input:checked){border-color:var(--c-accent);background:var(--c-accent-weak)}.situation-choice input[type=radio],.option input[type=radio]{appearance:none;border:1.5px solid var(--c-text-faint);background:var(--c-surface);cursor:pointer;width:20px;height:20px;transition:border-color var(--motion-fast) var(--ease-out), background var(--motion-fast) var(--ease-out);border-radius:50%;flex-shrink:0;place-content:center;margin:2px 0 0;display:grid}.situation-choice input[type=radio]:before,.option input[type=radio]:before{content:"";background:var(--c-accent);width:10px;height:10px;transition:transform var(--motion-fast) var(--ease-out);border-radius:50%;transform:scale(0)}.situation-choice input[type=radio]:checked,.option input[type=radio]:checked{border-color:var(--c-accent)}.situation-choice input[type=radio]:checked:before,.option input[type=radio]:checked:before{transform:scale(1)}.situation-choice input[type=radio]:focus-visible,.option input[type=radio]:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.option-skip{color:var(--c-text-faint)}.result-card{background:var(--c-surface);border-radius:var(--r-xl);padding:var(--sp-7);text-align:center;box-shadow:var(--sh-3)}.type-icon{margin-bottom:var(--sp-3);justify-content:center;display:flex}.type-icon img{display:block}.type-mark{margin-bottom:var(--sp-6)}.type-eyebrow{font-size:var(--fs-caption);color:var(--c-text-faint);margin-top:var(--sp-2)}.mbti-type{font-family:var(--font-display);font-size:var(--fs-display);font-weight:var(--fw-black);color:var(--c-tag);margin:var(--sp-1) 0 var(--sp-2);letter-spacing:var(--sp-1);line-height:var(--lh-tight)}.axis-bar{align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3);display:flex}.bar-bg{height:var(--sp-2);background:var(--c-border);border-radius:var(--r-pill);flex:1;overflow:hidden}.bar-fill{background:var(--c-tag);border-radius:var(--r-pill);height:100%}.bar-fill-right{margin-left:auto}.axis-label{width:var(--sp-4);font-weight:var(--fw-bold)}.axis-label-right{width:var(--sp-4);font-weight:var(--fw-bold);text-align:right}.axis-label-won{color:var(--c-text);font-weight:var(--fw-black)}.axis-label-lost{color:var(--c-text-faint);font-weight:var(--fw-normal)}.axis-count{text-align:right;width:48px;font-size:var(--fs-caption);color:var(--c-text-faint)}.axes{margin:var(--sp-6) 0;text-align:left}.external-link{margin-top:var(--sp-6);padding:var(--sp-3) var(--sp-5);background:var(--c-surface-sub);border-radius:var(--r-md);color:var(--c-text-sub);font-weight:500;font-size:var(--fs-small);transition:background var(--motion-fast) var(--ease-out);text-decoration:none;display:inline-block}.external-link:hover{background:var(--c-border)}.link{color:var(--c-accent)}.center{text-align:center;margin-top:var(--sp-6)}.brand a{color:inherit;text-decoration:none}.brand a:hover{text-decoration:underline}.samples{gap:var(--sp-2);margin:var(--sp-6) 0 var(--sp-5);display:grid}.samples-heading{font-size:var(--fs-small);font-weight:var(--fw-bold);color:var(--c-text);margin:0}.sample-list{margin:var(--sp-1) 0 0;gap:var(--sp-2);padding:0;list-style:none;display:grid}.sample{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--sp-3) var(--sp-4)}.sample-text{font-size:var(--fs-body);color:var(--c-text);margin:0 0 var(--sp-1);font-weight:600}.sample-options{font-size:var(--fs-small);color:var(--c-text-sub);margin:0}.occupation-others{margin-top:var(--sp-7);padding-top:var(--sp-4);border-top:1px solid var(--c-border)}.occupation-others ul{margin:var(--sp-2) 0 0;gap:var(--sp-2) var(--sp-4);flex-wrap:wrap;padding:0;list-style:none;display:flex}.occupation-others a{font-size:var(--fs-small);color:var(--c-accent)}.note{font-size:var(--fs-small);color:var(--c-text-faint);margin-top:var(--sp-4)}.lead{color:var(--c-text-faint);font-size:var(--fs-small);margin-bottom:var(--sp-5)}.type-label{font-size:var(--fs-lead);font-weight:600}.type-voice{font-family:var(--font-display);font-size:var(--fs-lead);font-weight:var(--fw-bold);color:var(--c-text);margin-top:var(--sp-3);margin-bottom:0}.error{color:var(--c-danger);margin-bottom:var(--sp-4)}.share{margin-top:var(--sp-7);text-align:center}.share h2{margin-bottom:var(--sp-3)}.share-actions{gap:var(--sp-3);flex-wrap:wrap;justify-content:center;display:flex}.share-button{padding:var(--sp-3) var(--sp-5);border-radius:var(--r-md);background:var(--c-accent);color:var(--c-surface);font-size:var(--fs-small);cursor:pointer;transition:background var(--motion-fast) var(--ease-out), transform var(--motion-fast) var(--ease-out);border:none;font-weight:600;text-decoration:none;display:inline-block}.share-button:hover{background:var(--c-accent-strong)}.share-button:active{transform:translateY(1px)}.share-x{background:var(--c-x)}.share-x:hover{background:var(--c-x-strong)}.share-line{background:var(--c-line)}.share-line:hover{background:var(--c-line-strong)}.share-image{background:var(--c-surface);color:var(--c-accent);border:1px solid var(--c-accent)}.share-image:hover{background:var(--c-accent-weak);color:var(--c-accent-strong)}.deep-upgrade{margin-top:var(--sp-7);padding:var(--sp-5);border:1px solid var(--c-border);border-radius:var(--r-lg);background:var(--c-surface);text-align:center}.deep-upgrade h2{margin:0 0 var(--sp-2);font-size:1.05rem}.deep-upgrade .note{margin:0 0 var(--sp-4);text-align:left}.deep-upgrade button{width:100%}.feedback{margin-top:var(--sp-7);text-align:center}.feedback-question{color:var(--c-text);margin-bottom:var(--sp-3);font-weight:600}.feedback-actions{gap:var(--sp-3);flex-wrap:wrap;justify-content:center;display:flex}.feedback-button{padding:var(--sp-3) var(--sp-6);border:1.5px solid var(--c-border-strong);border-radius:var(--r-md);background:var(--c-surface);color:var(--c-text-sub);font-size:var(--fs-small);cursor:pointer;transition:border-color var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out);font-weight:600}.feedback-button:hover{border-color:var(--c-accent);color:var(--c-accent)}.breakdown{margin-top:var(--sp-7)}.breakdown h2{margin-bottom:var(--sp-2)}.breakdown-evidence{font-size:var(--fs-lead);color:var(--c-text);font-weight:600;line-height:var(--lh-tight);margin-bottom:var(--sp-2)}.highlights{gap:var(--sp-3);text-align:left;display:grid}.highlights-heading{font-size:var(--fs-caption);font-weight:var(--fw-bold);color:var(--c-text-faint);margin:0 0 calc(-1 * var(--sp-1)) 0}.highlight{background:var(--c-tag-weak);border-radius:var(--r-lg);border-left:3px solid var(--c-tag);padding:var(--sp-3) var(--sp-4);margin:0}.highlight-q{font-size:var(--fs-body);color:var(--c-text);margin-bottom:var(--sp-2);font-weight:600}.highlight-a{font-size:var(--fs-small);color:var(--c-text-sub);margin-bottom:var(--sp-2)}.asked-origin{font-size:var(--fs-caption);color:var(--c-text-faint);background:var(--c-surface-sub);border-radius:var(--r-pill);padding:0 var(--sp-2);margin:0;display:inline-block}.breakdown-all{margin-top:var(--sp-5)}.breakdown-all>summary{cursor:pointer;font-size:var(--fs-small);font-weight:var(--fw-bold);color:var(--c-accent);padding:var(--sp-2) 0}.breakdown-all>summary:hover{color:var(--c-accent-strong)}.axis-questions{margin-top:var(--sp-6)}.axis-questions h3{font-size:var(--fs-small);font-weight:var(--fw-bold);color:var(--c-text-faint);margin-bottom:var(--sp-2)}.asked{background:var(--c-surface);border-radius:var(--r-md);padding:var(--sp-3);margin-bottom:var(--sp-2);box-shadow:var(--sh-1)}.asked-q{font-size:var(--fs-small);color:var(--c-text);margin-bottom:var(--sp-1)}.asked-a{font-size:var(--fs-small);color:var(--c-text-sub);margin-bottom:var(--sp-1)}.asked-score{min-width:var(--sp-5);margin-right:var(--sp-2);padding:0 var(--sp-2);border-radius:var(--r-sm);background:var(--c-accent-weak);color:var(--c-accent-strong);font-weight:var(--fw-bold);font-size:var(--fs-caption);text-align:center;display:inline-block}.highlight .asked-score{background:var(--c-surface);color:var(--c-tag)}.asked-skipped{color:var(--c-text-faint)}.brand{font-family:var(--font-display);font-size:var(--fs-caption);font-weight:var(--fw-bold);color:var(--c-text-faint);letter-spacing:.14em;margin-bottom:var(--sp-1)}.hero-title{font-size:var(--fs-h1);font-weight:var(--fw-black);line-height:var(--lh-display);letter-spacing:var(--ls-display);margin-bottom:var(--sp-2);word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance}.hero-lead{color:var(--c-text-sub);margin-bottom:var(--sp-3)}.badges{gap:var(--sp-2);margin-bottom:var(--sp-4);flex-wrap:wrap;list-style:none;display:flex}.badge{padding:var(--sp-1) var(--sp-3);border-radius:var(--r-pill);background:var(--c-accent-weak);color:var(--c-accent-strong);font-family:var(--font-display);font-size:var(--fs-caption);font-weight:var(--fw-bold)}.badge:nth-child(2){background:var(--c-support-weak);color:var(--c-support)}.badge:nth-child(3){background:var(--c-olive-weak);color:var(--c-olive)}.hero-form{background:var(--c-surface);border-radius:var(--r-xl);padding:var(--sp-5) var(--sp-4);box-shadow:var(--sh-2)}.hero-form button[type=submit]{border-radius:var(--r-pill);padding:var(--sp-4) var(--sp-6);margin-top:var(--sp-4)}.situation{margin-top:var(--sp-6)}.situation-heading{font-size:var(--fs-small);margin-bottom:var(--sp-1);font-weight:700}.situation-group{margin:var(--sp-3) 0 0;border:0;padding:0}.situation-group+.situation-group{margin-top:var(--sp-5)}.situation-group legend{font-size:var(--fs-small);color:var(--c-text-mute);margin-bottom:var(--sp-1);padding:0}.situation-choices{column-gap:var(--sp-4);flex-wrap:wrap;display:flex}.situation-choice{align-items:flex-start;gap:var(--sp-2);flex:1 1 calc(50% - var(--sp-4));min-width:140px;min-height:44px;font-size:var(--fs-small);color:var(--c-text-sub);cursor:pointer;transition:color var(--motion-fast) var(--ease-out);display:flex}.situation-choice span{word-break:keep-all;overflow-wrap:anywhere}.situation-choice:hover{color:var(--c-text)}.situation-choice:has(input:checked){color:var(--c-accent-strong)}.situation-choice input[type=radio]{margin:3px 0 0}.detail-entry{margin-top:var(--sp-4);text-align:center;font-size:var(--fs-small)}.detail-entry a{color:var(--c-text-faint);text-underline-offset:3px;text-decoration-thickness:1px}.field-why{font-size:var(--fs-small);color:var(--c-text-faint);margin-top:-4px;margin-bottom:var(--sp-2);line-height:1.5}.answer-guide{margin-bottom:var(--sp-6)}.answer-guide-heading{font-size:var(--fs-small);color:var(--c-text-faint);margin-bottom:var(--sp-1)}.answer-guide ul{margin:0;padding-left:1.1em}.answer-guide li{font-size:var(--fs-caption);color:var(--c-text-mute);line-height:1.5}@media (prefers-reduced-motion:reduce){:root{--motion-fast:0s;--motion-base:0s}}.dev-results{max-width:560px;padding:var(--sp-6) var(--sp-4);margin:0 auto}.dev-results ul{margin:var(--sp-4) 0 0;gap:var(--sp-2);padding:0;list-style:none;display:grid}.dev-results a{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);background:var(--c-surface);border-radius:var(--r-md);color:inherit;text-decoration:none;display:flex}.dev-results a span{flex:1}.dev-results a small{color:var(--c-text-faint)}