.mbti-page{--mbti-bg:#fdf6ff;--mbti-card-bg:#fff;--mbti-border:#ede4f5;--mbti-text:#3d2e52;--mbti-text-sub:#7a6d8a;--mbti-accent:#a78bfa;--mbti-green-bg:#ecfdf5;--mbti-green-text:#065f46;--mbti-radius:16px;--mbti-shadow:0 2px 16px #64508c14;background:var(--mbti-bg);color:var(--mbti-text);max-width:640px;margin:0 auto;padding:36px 20px 60px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Apple SD Gothic Neo,Malgun Gothic,sans-serif}.mbti-page .page-hero-badge{color:#7c3aed;border:1px solid var(--mbti-accent);background:#fff;border-radius:99px;margin-bottom:16px;padding:5px 16px;font-size:.78rem;font-weight:700;display:inline-block}#screen-intro{text-align:center;padding:20px 0}#screen-intro h2{margin-bottom:14px;font-size:1.7rem;font-weight:800;line-height:1.4}#screen-intro h2 span{color:var(--mbti-accent)}#screen-intro p{color:var(--mbti-text-sub);margin-bottom:28px;font-size:.95rem;line-height:1.8}.mbti-emoji-row{letter-spacing:8px;margin-bottom:20px;font-size:2.4rem}.mbti-page .btn-primary{background:var(--mbti-accent);color:#fff;cursor:pointer;border:none;border-radius:99px;padding:14px 32px;font-family:inherit;font-size:1rem;font-weight:700;transition:transform .15s;display:inline-block;box-shadow:0 4px 14px #a78bfa59}.mbti-page .btn-primary:hover{transform:translateY(-2px)}.mbti-page .start-time{color:var(--mbti-text-sub);margin-top:14px;font-size:.78rem}.progress-wrap{margin-bottom:24px}.progress-label{color:var(--mbti-text-sub);text-align:center;margin-bottom:8px;font-size:.8rem;font-weight:700}.progress-bar{background:var(--mbti-border);border-radius:99px;height:8px;overflow:hidden}.progress-fill{background:var(--mbti-accent);border-radius:99px;height:100%;transition:width .25s}.q-card{background:var(--mbti-card-bg);border:1.5px solid var(--mbti-border);border-radius:var(--mbti-radius);box-shadow:var(--mbti-shadow);text-align:center;padding:32px 28px}.q-text{margin-bottom:24px;font-size:1.15rem;font-weight:700;line-height:1.6}.mbti-page .option-btn{text-align:left;background:var(--mbti-bg);border:1.5px solid var(--mbti-border);width:100%;color:var(--mbti-text);cursor:pointer;border-radius:14px;margin-bottom:12px;padding:16px 20px;font-family:inherit;font-size:.92rem;line-height:1.6;transition:all .15s;display:block}.mbti-page .option-btn:hover{border-color:var(--mbti-accent);background:#f5f0ff;transform:translate(2px)}.mbti-page .option-btn .opt-tag{text-align:center;background:var(--mbti-accent);color:#fff;border-radius:50%;width:22px;height:22px;margin-right:10px;font-size:.72rem;font-weight:800;line-height:22px;display:inline-block}.quiz-nav{justify-content:center;margin-top:18px;display:flex}.mbti-page .link-btn{color:var(--mbti-text-sub);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:.82rem;text-decoration:underline}.result-hero{text-align:center;border-radius:var(--mbti-radius);box-shadow:var(--mbti-shadow);color:#fff;margin-bottom:20px;padding:36px 24px}.result-emoji{margin-bottom:8px;font-size:3.2rem}.result-code{opacity:.85;letter-spacing:.1em;margin-bottom:4px;font-size:.85rem;font-weight:700}.result-name{margin-bottom:10px;font-size:1.55rem;font-weight:800}.result-desc{opacity:.95;font-size:.92rem;line-height:1.75}.mbti-page .card{background:var(--mbti-card-bg);border:1.5px solid var(--mbti-border);border-radius:var(--mbti-radius);box-shadow:var(--mbti-shadow);margin-bottom:18px;padding:26px 28px}.mbti-page .card h3{margin-bottom:16px;font-size:1rem;font-weight:800}.axis-row{margin-bottom:16px}.axis-row:last-child{margin-bottom:0}.axis-top{color:var(--mbti-text);justify-content:center;margin-bottom:10px;font-size:.85rem;font-weight:700;display:flex}.axis-top .axis-winner{color:#7c3aed;margin-left:4px}.axis-track{background:var(--mbti-border);border-radius:99px;height:8px;margin:4px 6px;position:relative}.axis-fill{background:var(--mbti-accent);opacity:.55;border-radius:99px;height:100%;position:absolute;top:0}.axis-dot{background:var(--mbti-accent);border:3px solid #fff;border-radius:50%;width:18px;height:18px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #7c3aed73}.axis-scale{color:var(--mbti-text-sub);justify-content:space-between;margin-top:8px;font-size:.72rem;display:flex}.axis-scale .active{color:#7c3aed;font-weight:700}.code-letters{justify-content:center;gap:10px;margin-bottom:24px;display:flex}.code-letter{text-align:center}.code-letter .cl-char{background:linear-gradient(135deg, var(--mbti-accent), #818cf8);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:6px;font-size:1.35rem;font-weight:800;display:flex;box-shadow:0 3px 10px #7c3aed4d}.code-letter .cl-trait{color:#7c3aed;margin-bottom:1px;font-size:.78rem;font-weight:800}.code-letter .cl-label{color:var(--mbti-text-sub);font-size:.64rem;font-weight:500}@media (max-width:400px){.code-letters{gap:6px}.code-letter .cl-char{width:38px;height:38px;font-size:1.1rem}}.stock-tags{flex-wrap:wrap;gap:8px;display:flex}.stock-tag{background:var(--mbti-green-bg);color:var(--mbti-green-text);border-radius:99px;padding:6px 14px;font-size:.82rem;font-weight:700}.mbti-portfolio-list{flex-direction:column;gap:10px;display:flex}.mbti-portfolio-row{grid-template-columns:56px 1fr 44px;align-items:center;gap:10px;display:grid}.mbti-portfolio-ticker{color:var(--mbti-text);font-size:.85rem;font-weight:800}.mbti-portfolio-track{background:var(--mbti-border);border-radius:99px;height:8px;position:relative}.mbti-portfolio-fill{background:var(--mbti-accent);opacity:.7;border-radius:99px;height:100%;position:absolute;top:0;left:0}.mbti-portfolio-pct{color:var(--mbti-text-sub);text-align:right;font-variant-numeric:tabular-nums;font-size:.82rem;font-weight:700}.mbti-portfolio-warning{color:#b45309;background:#fffbeb;border-radius:8px;margin-top:14px;padding:8px 12px;font-size:.78rem}.mbti-portfolio-disclaimer{color:var(--mbti-text-sub);margin-top:10px;font-size:.72rem}.mbti-page .article-link{background:var(--mbti-bg);border:1.5px solid var(--mbti-border);color:var(--mbti-text);border-radius:12px;margin-bottom:10px;padding:14px 16px;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .15s;display:block}.mbti-page .article-link:hover{border-color:var(--mbti-accent);background:#f5f0ff}.mbti-page .article-link:last-child{margin-bottom:0}.result-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin:24px 0 14px;display:flex}.mbti-page .btn-secondary{color:#7c3aed;border:1.5px solid var(--mbti-accent);cursor:pointer;background:#fff;border-radius:99px;padding:11px 22px;font-family:inherit;font-size:.86rem;font-weight:700}.result-disclaimer{text-align:center;color:var(--mbti-text-sub);margin-top:10px;font-size:.74rem;line-height:1.7}@media (max-width:480px){#screen-intro h2{font-size:1.4rem}.q-card{padding:24px 18px}.result-hero{padding:28px 18px}}