:root{
  --mbti-bg:#0b0b0c;
  --mbti-fg:#e9e9ee;
  --mbti-card:#15161a;
  --mbti-accent:#4a8cff;
  --mbti-muted:#9aa3b2;
  --mbti-border:#2a2b31;
}
@media (prefers-color-scheme: light){
  :root{
    --mbti-bg:#ffffff;
    --mbti-fg:#121319;
    --mbti-card:#f6f7f9;
    --mbti-accent:#245eea;
    --mbti-muted:#5d6675;
    --mbti-border:#dfe3ea;
  }
}
.mbti-quiz-container{max-width:860px;margin:24px auto;padding:16px;color:var(--mbti-fg);background:transparent;font-family:Malgun Gothic,'맑은 고딕',system-ui,Segoe UI,Roboto,Apple SD Gothic Neo,Helvetica,Arial,sans-serif;}
.mbti-title{margin:0 0 4px 0;font-size:1.75rem;line-height:1.3}
.mbti-sub{margin:0 0 16px 0;color:var(--mbti-muted)}
.mbti-card{background:var(--mbti-card);border:1px solid var(--mbti-border);border-radius:16px;padding:20px;box-shadow:0 4px 18px rgba(0,0,0,.08)}
.mbti-progress{display:flex;align-items:center;gap:12px;margin:12px 0 16px 0}
.mbti-progress-bar{flex:1;height:10px;border-radius:999px;background:linear-gradient(90deg,var(--mbti-border),transparent);overflow:hidden;border:1px solid var(--mbti-border)}
.mbti-progress-fill{display:block;height:100%;width:0%;background:var(--mbti-accent)}
.mbti-progress-text{font-weight:600;color:var(--mbti-muted)}
.mbti-question-area{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px}
.mbti-question-index{flex:0 0 auto;background:var(--mbti-accent);color:white;border-radius:10px;padding:6px 10px;font-weight:700}
.mbti-question-text{font-size:1.05rem;line-height:1.6}
.mbti-options{display:grid;grid-template-columns:1fr;gap:10px;margin-top:10px}
.mbti-option{display:block;width:100%;text-align:left;border:1px solid var(--mbti-border);background:#0000;color:var(--mbti-fg);border-radius:12px;padding:14px 16px;font-size:1rem;cursor:pointer;transition:transform .04s ease, border-color .15s ease}
.mbti-option:hover{transform:translateY(-1px);border-color:var(--mbti-accent)}
.mbti-option.active{border-color:var(--mbti-accent);box-shadow:0 0 0 3px color-mix(in oklab, var(--mbti-accent) 25%, transparent)}
.mbti-controls{display:flex;justify-content:space-between;align-items:center;margin-top:12px}
.mbti-prev,.mbti-next{border:1px solid var(--mbti-border);background:#0000;color:var(--mbti-fg);border-radius:10px;padding:10px 14px;cursor:pointer}
.mbti-prev[disabled]{opacity:.5;cursor:not-allowed}
.mbti-result{margin-top:18px}
.hidden{display:none}
.mbti-type-badge{display:inline-flex;gap:6px;align-items:center;background:var(--mbti-accent);color:#fff;border-radius:999px;padding:6px 10px;font-weight:700;margin-bottom:8px}
.mbti-type-grid{display:grid;grid-template-columns:1fr;gap:12px}
.mbti-type-card{background:var(--mbti-card);border:1px solid var(--mbti-border);border-radius:16px;padding:16px}
.mbti-type-card h3{margin:.2rem 0 .5rem 0}
.mbti-note{color:var(--mbti-muted)}
@media (min-width:720px){
  .mbti-options{grid-template-columns:1fr 1fr}
}


/* === Enlarged option buttons === */
.mbti-options{gap:14px;margin-top:14px}
.mbti-option{
  padding:18px 20px;
  font-size:1.06rem;
  line-height:1.5;
  min-height:64px;
}
@media (min-width:720px){
  .mbti-option{min-height:72px;font-size:1.1rem}
}