#mbti-panel{font-size:14px;line-height:1.65;overflow-wrap:anywhere;color:#444}
#mbti-panel [hidden]{display:none!important}
#mbti-panel h4{font-size:18px;color:#1c1b18;margin:0 0 12px}
#mbti-panel p{margin:8px 0}
#mbti-panel .mbti-muted{color:#746f65;font-size:13px}
#mbti-panel .mbti-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0}
#mbti-panel progress{display:block;width:100%;height:10px;accent-color:#0f766e;margin:12px 0}
#mbti-panel fieldset{border:0;border-bottom:1px solid #e7e4da;padding:16px 0;min-width:0}
#mbti-panel legend{font-weight:700;padding-top:12px;max-width:100%;color:#1c1b18}
#mbti-panel .mbti-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin:6px 0 12px}
#mbti-panel .mbti-pair span{min-width:0}
#mbti-panel .mbti-pair span:last-child{text-align:right}
#mbti-panel .mbti-choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
#mbti-panel .mbti-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:72px;padding:6px 2px;border:1px solid #ddd9d0;border-radius:6px;cursor:pointer;text-align:center;font-size:12px;line-height:1.45}
#mbti-panel .mbti-choice:has(input:checked){background:#e6f4f0;border-color:#0f766e;color:#115e59}
#mbti-panel .mbti-choice:focus-within{outline:2px solid #0f766e;outline-offset:2px}
#mbti-panel input[type=radio]{accent-color:#0f766e;width:18px;height:18px}
#mbti-panel select{padding:8px;border:1px solid #ddd9d0;border-radius:6px;background:white;max-width:100%;font:inherit}
#mbti-panel .mbti-actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
#mbti-panel .mbti-actions button{white-space:normal;max-width:100%}
#mbti-panel .mbti-error{color:#b91c1c;min-height:22px}
#mbti-panel .mbti-type{font-size:36px;line-height:1.3;font-weight:800;color:#0f766e;margin:12px 0}
#mbti-panel .mbti-axis{padding:18px 0;border-bottom:1px solid #e7e4da}
#mbti-panel .mbti-bar{display:flex;height:10px;border-radius:5px;overflow:hidden;background:#e7e4da;margin:10px 0}
#mbti-panel .mbti-bar i:first-child{background:#0f766e}
#mbti-panel .mbti-bar i:last-child{background:#c27830}
#mbti-panel details{border-top:1px solid #e7e4da;margin-top:18px;padding-top:12px;font-size:13px}
#mbti-panel summary{cursor:pointer;color:#5f5b52;font-weight:700}
#mbti-panel a{color:#0f766e;text-decoration:underline}
#mbti-panel .mbti-note{padding:12px 0;border-top:1px solid #e7e4da}