.mbti-shell{margin-bottom:48px;overflow:hidden}.mbti-intro{display:grid;gap:28px;grid-template-columns:minmax(0,1fr) 260px;padding:34px}.mbti-intro-copy{align-self:center}.mbti-kicker{color:var(--brand);font-size:.78rem;font-weight:850;letter-spacing:.08em;margin-bottom:10px}.mbti-intro h2{font-size:clamp(1.75rem,4vw,2.65rem);letter-spacing:-.045em;line-height:1.08}.mbti-intro p{color:var(--muted);margin:16px 0 22px;max-width:650px}.mbti-facts{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 24px;padding:0}.mbti-facts li{background:var(--surface-soft);border:1px solid var(--line);border-radius:999px;color:var(--ink);font-size:.82rem;font-weight:750;padding:8px 12px}.mbti-intro-visual{align-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--brand) 12%,var(--surface-soft)),color-mix(in srgb,var(--accent) 22%,var(--surface)));border:1px solid var(--line);border-radius:24px;display:flex;justify-content:center;min-height:260px;overflow:hidden;position:relative}.mbti-intro-visual::before,.mbti-intro-visual::after{background:var(--accent);border-radius:50%;content:"";height:54px;opacity:.32;position:absolute;width:54px}.mbti-intro-visual::before{left:22px;top:22px}.mbti-intro-visual::after{bottom:28px;right:18px}.mbti-mini-grid{display:grid;gap:10px;grid-template-columns:repeat(2,82px);position:relative;transform:rotate(-3deg);z-index:1}.mbti-mini-grid span{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-sm);display:flex;font-size:1.35rem;font-weight:900;height:82px;justify-content:center}.mbti-quiz{padding:30px}.mbti-progress-row{align-items:center;display:flex;gap:16px;justify-content:space-between}.mbti-progress-row strong{font-size:.9rem;white-space:nowrap}.mbti-progress-track{background:var(--surface-soft);border-radius:999px;height:10px;overflow:hidden;width:100%}.mbti-progress-track span{background:linear-gradient(90deg,var(--brand),var(--accent));display:block;height:100%;transition:width .24s ease;width:0}.mbti-question{border:0;margin:0;padding:30px 0 10px;width:100%}.mbti-question legend{font-size:clamp(1.45rem,4vw,2rem);font-weight:850;letter-spacing:-.035em;line-height:1.25;padding:0 0 22px;width:100%}.mbti-options{display:grid;gap:14px}.mbti-option{align-items:center;background:var(--surface-soft);border:2px solid var(--line);border-radius:18px;color:var(--ink);cursor:pointer;display:grid;font:inherit;font-weight:750;gap:16px;grid-template-columns:44px 1fr;line-height:1.55;min-height:82px;padding:16px 18px;text-align:left;transition:border-color .16s ease,transform .16s ease,background .16s ease;width:100%}.mbti-option b{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:13px;display:flex;font-size:.84rem;height:44px;justify-content:center}.mbti-option:hover,.mbti-option:focus-visible{background:color-mix(in srgb,var(--accent) 12%,var(--surface));border-color:var(--brand);outline:none;transform:translateY(-2px)}.mbti-back{margin-top:18px}.mbti-result{padding:30px;scroll-margin-top:90px}.mbti-result-top{align-items:center;display:grid;gap:30px;grid-template-columns:240px minmax(0,1fr)}.mbti-character-wrap{text-align:center}.mbti-character{--mbti-x:0;--mbti-y:0;aspect-ratio:1;background-image:url('/assets/images/mbti/mbti-character-sheet.png');background-position:calc(var(--mbti-x) * 33.333333%) calc(var(--mbti-y) * 33.333333%);background-repeat:no-repeat;background-size:400% 400%;border:5px solid var(--surface);border-radius:28px;box-shadow:var(--shadow);margin:auto;max-width:240px;width:100%}.mbti-character-caption{color:var(--muted);font-size:.84rem;margin-top:10px}.mbti-result-heading{align-items:center;display:flex;gap:12px}.mbti-type{background:var(--accent);border-radius:14px;color:var(--accent-dark);font-size:clamp(1.6rem,5vw,2.5rem);font-weight:950;letter-spacing:.04em;padding:8px 12px}.mbti-result h2{font-size:clamp(1.8rem,5vw,3rem);letter-spacing:-.05em;line-height:1.08;margin:14px 0 8px}.mbti-tagline{color:var(--brand);font-size:1.05rem;font-weight:850}.mbti-description{color:var(--muted);margin-top:14px}.mbti-result-grid{display:grid;gap:14px;grid-template-columns:repeat(3,1fr);margin-top:26px}.mbti-result-panel{background:var(--surface-soft);border:1px solid var(--line);border-radius:18px;padding:18px}.mbti-result-panel h3{font-size:.92rem;margin-bottom:10px}.mbti-result-panel p,.mbti-result-panel li{color:var(--muted);font-size:.88rem}.mbti-result-panel ul{display:grid;gap:7px;list-style:none;padding:0}.mbti-result-panel li::before{color:var(--brand);content:"✓";font-weight:900;margin-right:7px}.mbti-dimensions{display:grid;gap:12px;margin-top:24px}.mbti-dimension>div:first-child{align-items:center;display:grid;font-size:.82rem;gap:10px;grid-template-columns:26px 1fr 26px}.mbti-dimension span{text-align:center}.mbti-dimension-track{background:var(--surface-soft);border:1px solid var(--line);border-radius:999px;height:10px;overflow:hidden}.mbti-dimension-track span{background:linear-gradient(90deg,var(--brand),var(--accent));display:block;height:100%}.mbti-result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.mbti-result-actions .button-primary{flex:1}.mbti-disclaimer{border-top:1px solid var(--line);color:var(--muted);font-size:.78rem;margin-top:22px;padding-top:16px}.mbti-source-list{display:grid;gap:8px}.mbti-source-list a{font-weight:750}.mbti-source-list p{margin:0}.mbti-shell [hidden]{display:none!important}@media(max-width:760px){.mbti-intro{grid-template-columns:1fr;padding:24px 18px}.mbti-intro-visual{min-height:210px}.mbti-mini-grid{grid-template-columns:repeat(2,68px)}.mbti-mini-grid span{height:68px}.mbti-quiz,.mbti-result{padding:24px 18px}.mbti-result-top{grid-template-columns:1fr}.mbti-character{max-width:220px}.mbti-result-grid{grid-template-columns:1fr}.mbti-result-actions .button{min-height:50px;width:100%}.mbti-option{grid-template-columns:40px 1fr;min-height:92px;padding:15px 14px}}@media(prefers-reduced-motion:reduce){.mbti-progress-track span,.mbti-option{transition:none}.mbti-option:hover,.mbti-option:focus-visible{transform:none}}