:root{--mbti-blue:#60a5fa;--mbti-blue-glow:rgba(96,165,250,0.3);--mbti-blue-subtle:rgba(96,165,250,0.08);--mbti-amber:#f59e0b;--mbti-amber-glow:rgba(245,158,11,0.25);--mbti-amber-subtle:rgba(245,158,11,0.08);--mbti-red:rgba(255,107,53,0.8);--mbti-red-subtle:rgba(255,107,53,0.04);--mbti-green:rgba(0,255,150,0.8);--mbti-green-subtle:rgba(0,255,150,0.04);}.mbti-type-page{padding-bottom:var(--spacing-xl)}.mbti-type-page .container{max-width:var(--container-max);margin:0 auto;padding:0 var(--spacing-md);}.mbti-type-page .breadcrumbs{padding:var(--spacing-md) 0}.mbti-type-page .breadcrumbs .container{font-size:var(--font-size-xs);color:var(--color-text-muted)}.mbti-type-page .breadcrumbs a{color:var(--color-text-muted);text-decoration:none;border-bottom:1px solid transparent;transition:all var(--transition-fast)}.mbti-type-page .breadcrumbs a:hover{color:var(--color-primary);border-bottom-color:var(--color-primary)}.breadcrumbs__sep{margin:0 var(--spacing-xs);opacity:.5}.breadcrumbs__current{color:var(--color-text-secondary)}.mbti-type-page h1{font-family:var(--font-display);font-size:var(--font-size-2xl);color:var(--color-text);text-align:center;margin:var(--spacing-2xl) auto var(--spacing-lg);line-height:1.2;}.stack-visual{text-align:center;padding:0 0 var(--spacing-2xl)}.stack-visual__meta{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.stack-chip{display:inline-flex;align-items:center;padding:4px var(--spacing-md);font-family:var(--font-display);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);border:1px solid var(--color-border-subtle);background:rgba(0,0,0,0.2);color:var(--color-text-muted);}.stack-chip--type{border-color:rgba(96,165,250,0.4);color:var(--mbti-blue);font-size:var(--font-size-sm)}.stack-chip--name{border-color:rgba(245,158,11,0.3);color:var(--mbti-amber)}.stack-chip--group{border-color:rgba(167,139,250,0.3);color:#a78bfa}.stack-chip--pop{border-color:rgba(129,251,252,0.2);color:var(--color-primary)}.stack-visual__cards{display:flex;justify-content:center;gap:var(--spacing-md);max-width:700px;margin:0 auto;}.stack-card{flex:1;max-width:160px;padding:var(--spacing-lg) var(--spacing-md);background:var(--color-bg-card);border:1px solid var(--color-border-subtle);cursor:pointer;transition:all var(--transition-base);text-align:center;}.stack-card:hover,.stack-card--active{border-color:var(--mbti-blue);box-shadow:0 0 20px var(--color-primary-glow);transform:translateY(-3px);}.stack-card--dom{border-bottom:3px solid var(--mbti-blue)}.stack-card--aux{border-bottom:3px solid var(--mbti-amber)}.stack-card--tert{border-bottom:3px solid #a78bfa}.stack-card--inf{border-bottom:3px solid rgba(255,107,53,0.6)}.stack-card__code{display:block;font-family:var(--font-display);font-size:var(--font-size-xl);color:var(--color-text);margin-bottom:var(--spacing-xs);}.stack-card--dom .stack-card__code{color:var(--mbti-blue);text-shadow:0 0 12px var(--color-primary-glow)}.stack-card--aux .stack-card__code{color:var(--mbti-amber)}.stack-card--tert .stack-card__code{color:#a78bfa}.stack-card--inf .stack-card__code{color:rgba(255,107,53,0.8)}.stack-card__role{display:block;font-family:var(--font-display);font-size:.6rem;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-muted);margin-bottom:var(--spacing-xs);}.stack-card__label{display:block;font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.3;}@media (max-width:599px){.stack-visual__cards{flex-wrap:wrap;gap:var(--spacing-sm)}.stack-card{flex:0 0 calc(50% - var(--spacing-sm));max-width:none;padding:var(--spacing-md)}.stack-chip{font-size:.6rem;padding:3px var(--spacing-sm)}}.page-toc{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;gap:2px;padding:var(--spacing-sm);background:rgba(6,10,14,0.92);border:1px solid var(--color-border-subtle);border-left:none;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);max-height:80vh;overflow-y:auto;scrollbar-width:none;transition:transform .3s ease;}.page-toc::-webkit-scrollbar{display:none}.page-toc__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;}.page-toc__link{display:flex;align-items:center;gap:var(--spacing-xs);padding:6px 10px;font-family:var(--font-display);font-size:.65rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border-left:2px solid transparent;transition:all var(--transition-fast);text-decoration:none;}.page-toc__link:hover{color:var(--color-text-secondary);border-left-color:var(--color-border);background:rgba(129,251,252,0.03);}.page-toc__link.is-active{color:var(--color-primary);border-left-color:var(--color-primary);background:rgba(129,251,252,0.06);text-shadow:0 0 8px var(--color-primary-glow);}.page-toc__icon{display:inline-block;width:6px;height:6px;min-width:6px;border-radius:50%;background:var(--color-text-muted);flex-shrink:0;transition:all var(--transition-fast);}.page-toc__link:hover .page-toc__icon{background:var(--color-text-secondary);box-shadow:0 0 4px rgba(129,251,252,0.2)}.page-toc__link.is-active .page-toc__icon{background:var(--color-primary);box-shadow:0 0 8px var(--color-primary-glow)}@media (max-width:1023px){.page-toc{position:fixed;left:0;right:0;top:auto;bottom:0;transform:none;flex-direction:row;justify-content:center;max-height:none;overflow-x:auto;overflow-y:hidden;border:none;border-top:1px solid var(--color-border-subtle);padding:4px var(--spacing-sm);}.page-toc__list{flex-direction:row;gap:0;overflow-x:auto}.page-toc__label{display:none}.page-toc__link{border-left:none;border-bottom:2px solid transparent;padding:6px 8px;flex-shrink:0;justify-content:center;}.page-toc__link.is-active{border-bottom-color:var(--color-primary);border-left-color:transparent}.mbti-type-page{padding-bottom:calc(var(--spacing-xl) + 44px)}}@media (max-width:767px){.page-toc{padding:2px var(--spacing-xs)}.page-toc__link{padding:5px 6px}}.mbti-block{margin-bottom:var(--spacing-3xl);padding-bottom:var(--spacing-2xl)}.mbti-block:last-child{padding-bottom:0}.mbti-block .container{max-width:var(--container-max);margin:0 auto;padding:0 var(--spacing-md)}.mbti-block h2{font-family:var(--font-display);font-size:var(--font-size-xl);color:var(--color-text);margin-bottom:var(--spacing-lg);padding-left:var(--spacing-md);border-left:3px solid var(--mbti-blue);}.mbti-block h3{font-family:var(--font-display);font-size:var(--font-size-base);color:var(--color-text);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);padding-left:var(--spacing-md);border-left:2px solid var(--color-primary);}.mbti-block p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-md);}.mbti-block strong{color:var(--color-text)}.mbti-block em{color:var(--color-text);font-style:italic}.mbti-type-page .inline-link,.mbti-block .inline-link,.mbti-block a.inline-link{display:inline;margin-right:0;padding:0;color:var(--color-primary);text-decoration:none;border-bottom:1px solid rgba(129,251,252,0.3);transition:all var(--transition-fast);}.mbti-block a.inline-link:hover{border-bottom-color:var(--color-primary);text-shadow:0 0 8px var(--color-primary-glow)}.mbti-block--intro{border-bottom:none;margin-bottom:var(--spacing-xl);padding-bottom:0}.mbti-block--intro p{font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.letters-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);margin-top:var(--spacing-xl)}.letter-card{padding:var(--spacing-lg);background:var(--color-bg-card);border:1px solid var(--color-border-subtle);text-align:center;transition:border-color var(--transition-fast);}.letter-card:hover{border-color:var(--mbti-blue)}.letter-card__letter{display:block;font-family:var(--font-display);font-size:var(--font-size-2xl);color:var(--mbti-blue);margin-bottom:var(--spacing-sm);text-shadow:0 0 15px var(--color-primary-glow);}.letter-card__desc{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.function-block{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-left:3px solid var(--mbti-blue);}.function-block h3{margin-top:0;padding-left:0;border-left:none;color:var(--mbti-blue);font-size:var(--font-size-sm)}.function-example{margin-top:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-left:2px solid var(--mbti-amber);background:var(--mbti-amber-subtle);font-size:var(--font-size-sm);color:var(--color-text-secondary);font-style:italic;}.function-example p{margin-bottom:0}.table-responsive{overflow-x:auto;margin:var(--spacing-lg) 0}.comparison-table,.compatibility-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.comparison-table th,.comparison-table td,.compatibility-table th,.compatibility-table td{padding:var(--spacing-md);border:1px solid var(--color-border-subtle);text-align:left;vertical-align:top;}.comparison-table th,.compatibility-table th{background:rgba(96,165,250,0.06);font-family:var(--font-display);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--mbti-blue);}.comparison-table td{color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.comparison-table td:first-child{font-weight:var(--font-weight-semibold);color:var(--color-text)}.strengths-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-top:var(--spacing-lg)}.strength-card{padding:var(--spacing-lg);background:var(--color-bg-card);border:1px solid var(--color-border-subtle);transition:border-color var(--transition-fast);}.strength-card:hover{border-color:var(--mbti-amber)}.strength-card__title{font-family:var(--font-display);font-size:var(--font-size-sm);color:var(--color-text);margin:0 0 var(--spacing-xs)}.strength-card__function{display:inline-block;padding:2px var(--spacing-sm);font-family:var(--font-display);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-wide);color:var(--mbti-blue);border:1px solid rgba(96,165,250,0.3);background:var(--mbti-blue-subtle);margin-bottom:var(--spacing-sm);}.strength-card__desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.compat-level{display:inline-block;padding:2px var(--spacing-sm);font-family:var(--font-display);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;}.compat-level--high{color:var(--mbti-green);border:1px solid rgba(0,255,150,0.3);background:var(--mbti-green-subtle)}.compat-level--medium{color:var(--mbti-amber);border:1px solid rgba(245,158,11,0.3);background:var(--mbti-amber-subtle)}.compat-level--low{color:var(--mbti-red);border:1px solid rgba(255,107,53,0.3);background:var(--mbti-red-subtle)}.celebrities-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-top:var(--spacing-lg)}.celebrity-card{padding:var(--spacing-lg);background:var(--color-bg-card);border:1px solid var(--color-border-subtle);transition:border-color var(--transition-fast);}.celebrity-card:hover{border-color:var(--color-border-hover)}.celebrity-card__name{font-family:var(--font-display);font-size:var(--font-size-sm);color:var(--mbti-amber);margin:0 0 var(--spacing-xs);border-left:none;padding-left:0;}.celebrity-card__desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.mbti-block--faq .faq-accordion{margin:var(--spacing-lg) 0}.mbti-block--faq .faq-item{border:1px solid var(--color-border-subtle);margin-bottom:var(--spacing-sm);transition:border-color var(--transition-fast)}.mbti-block--faq .faq-item[open]{border-color:var(--color-border)}.mbti-block--faq .faq-question{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;list-style:none;transition:background var(--transition-fast);}.mbti-block--faq .faq-question::-webkit-details-marker{display:none}.mbti-block--faq .faq-question h3{margin:0;padding-left:0;border-left:none;font-size:var(--font-size-sm);color:var(--color-text)}.mbti-block--faq .faq-question::after{content:'+';flex-shrink:0;margin-left:var(--spacing-md);font-family:var(--font-display);font-size:var(--font-size-base);color:var(--color-primary);transition:transform var(--transition-fast);}.mbti-block--faq .faq-item[open] .faq-question::after{content:'−'}.mbti-block--faq .faq-question:hover{background:rgba(96,165,250,0.03)}.mbti-block--faq .faq-answer{padding:var(--spacing-md) var(--spacing-xl) var(--spacing-lg)}.mbti-block--faq .faq-answer p{margin-bottom:var(--spacing-sm)}.mbti-block--faq .faq-answer p:last-child{margin-bottom:0}.mbti-block--conclusion{text-align:center;padding:var(--spacing-2xl) 0;border-bottom:none;}.mbti-block--conclusion .container{padding:0 var(--spacing-md);}.conclusion-box{padding:var(--spacing-xl) var(--spacing-md);border:1px solid var(--color-border-subtle);background:linear-gradient(135deg,rgba(96,165,250,0.03) 0,rgba(0,0,0,0.15) 100%);position:relative;}.conclusion-box::before,.conclusion-box::after{content:'';position:absolute;width:24px;height:24px;border-color:var(--mbti-blue);border-style:solid;}.conclusion-box::before{top:-1px;left:-1px;border-width:2px 0 0 2px;}.conclusion-box::after{bottom:-1px;right:-1px;border-width:0 2px 2px 0;}.mbti-block--conclusion p{max-width:700px;margin-left:auto;margin-right:auto;font-size:var(--font-size-base);}.related-types{margin-top:var(--spacing-lg)}.related-types a.inline-link{display:inline-flex;padding:var(--spacing-sm) var(--spacing-lg);font-family:var(--font-display);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);border:1px solid var(--color-border);color:var(--color-text-secondary);text-decoration:none;transition:all var(--transition-base);margin:0 var(--spacing-xs);}.related-types a.inline-link:hover{border-color:var(--mbti-blue);color:var(--mbti-blue);box-shadow:0 0 12px var(--color-primary-glow)}.mbti-block--cta{margin-bottom:var(--spacing-2xl);padding-bottom:0}.mbti-block--cta h3{border-left:none;padding-left:0}.cta-box{position:relative;padding:var(--spacing-xl) var(--spacing-2xl);text-align:center;background:rgba(129,251,252,0.02);border:1px solid rgba(129,251,252,0.15);}.cta-box::before,.cta-box::after{content:'';position:absolute;width:20px;height:20px;border-color:var(--color-primary);border-style:solid;}.cta-box::before{top:-1px;left:-1px;border-width:2px 0 0 2px;}.cta-box::after{bottom:-1px;right:-1px;border-width:0 2px 2px 0;}.cta-box__text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0;}.cta-box__link{font-family:var(--font-display);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-primary);text-decoration:none;border-bottom:1px solid rgba(129,251,252,0.3);transition:all var(--transition-fast);}.cta-box__link:hover{border-bottom-color:var(--color-primary);text-shadow:0 0 10px var(--color-primary-glow);}.mbti-block--cta-test .cta-box{background:rgba(96,165,250,0.03);border-color:rgba(96,165,250,0.15);}.mbti-block--cta-test .cta-box::before,.mbti-block--cta-test .cta-box::after{border-color:var(--mbti-blue)}.mbti-block--cta-test .cta-box__link{color:var(--mbti-blue);border-bottom-color:rgba(96,165,250,0.3)}.mbti-block--cta-test .cta-box__link:hover{text-shadow:0 0 10px var(--mbti-blue-glow)}.mbti-block--cta-compat .cta-box{background:rgba(245,158,11,0.03);border-color:rgba(245,158,11,0.12);}.mbti-block--cta-compat .cta-box::before,.mbti-block--cta-compat .cta-box::after{border-color:var(--mbti-amber)}.mbti-block--cta-compat .cta-box__link{color:var(--mbti-amber);border-bottom-color:rgba(245,158,11,0.3)}.mbti-block--cta-compat .cta-box__link:hover{text-shadow:0 0 10px var(--mbti-amber-glow)}.mbti-block--cta-iznanka .cta-box{background:rgba(167,139,250,0.04);border-color:rgba(167,139,250,0.15);}.mbti-block--cta-iznanka .cta-box::before,.mbti-block--cta-iznanka .cta-box::after{border-color:#a78bfa}.cta-box__icon{font-size:1.5rem;margin-bottom:var(--spacing-sm)}.cta-box__title{font-family:var(--font-display);font-size:var(--font-size-base);color:var(--color-text);margin:0 0 var(--spacing-sm);}.cta-box__title em{color:var(--color-primary)}.cta-box__desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-md);}.cta-box__button{display:inline-block;padding:var(--spacing-sm) var(--spacing-xl);font-family:var(--font-display);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);background:rgba(167,139,250,0.12);border:1px solid rgba(167,139,250,0.3);color:var(--color-primary);text-decoration:none;transition:all var(--transition-base);}.cta-box__button:hover{background:rgba(167,139,250,0.2);border-color:rgba(167,139,250,0.5);box-shadow:0 0 15px var(--color-primary-glow);}.mbti-type-page .disclaimer{max-width:var(--container-max);margin:var(--spacing-md) auto 0;padding:var(--spacing-md);font-size:var(--font-size-xs);color:var(--color-text-muted);border-top:1px solid var(--color-border-subtle);text-align:center;}.mbti-type-page .disclaimer p{margin:0}@media (max-width:767px){.mbti-type-page{padding-bottom:var(--spacing-xl)}.mbti-type-page h1{font-size:var(--font-size-lg);padding:0 var(--spacing-md)}.mbti-block h2{font-size:var(--font-size-lg)}.strengths-grid{grid-template-columns:1fr}.celebrities-grid{grid-template-columns:1fr}.related-types a.inline-link{display:block;text-align:center;margin:var(--spacing-xs) 0}}@media (min-width:768px){.conclusion-box{padding:var(--spacing-2xl)}}@media (max-width:599px){.letters-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.letter-card{padding:var(--spacing-md);text-align:left}.letter-card__letter{display:inline;margin-right:var(--spacing-sm);vertical-align:middle;font-size:var(--font-size-xl)}.letter-card__desc{display:inline;font-size:var(--font-size-xs)}.comparison-table td:first-child{white-space:normal}.cta-box{padding:var(--spacing-lg) var(--spacing-md)}.cta-box__button{word-break:break-word;max-width:100%;text-align:center}.stack-visual__cards{flex-wrap:wrap;gap:var(--spacing-sm)}.stack-card{flex:0 0 calc(50% - var(--spacing-sm));max-width:none;padding:var(--spacing-md)}.stack-chip{font-size:.6rem;padding:3px var(--spacing-sm)}}@media (max-width:380px){.letters-grid{grid-template-columns:1fr}.letter-card{display:flex;align-items:flex-start;gap:var(--spacing-sm)}.letter-card__letter{flex-shrink:0;display:block;margin-right:0}.letter-card__desc{display:block}}.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}