.mbti-page{--paper: var(--bg);--paper2: var(--card);--honey: var(--gold);--amber: var(--gold-deep);--wine: var(--navy);--brown: var(--navy-deep);--nf: #6a5f9a;--nt: #35608a;--sf: #b4526f;--st: #4d7d61}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}.mbti-page{font-family:var(--sans);background:var(--paper);color:var(--ink);font-size:15px;line-height:1.8;-webkit-font-smoothing:antialiased;min-height:100vh}a{color:inherit;text-decoration:none}.hero{background:linear-gradient(135deg,var(--wine) 0%,var(--brown) 100%);color:#fff;padding:48px 20px 42px;text-align:center}.hero-label{display:inline-block;font-size:.62rem;font-weight:900;letter-spacing:.22em;background:#c8a45d38;padding:3px 14px;border:1px solid var(--gold-line);margin-bottom:14px}.hero-title{font-family:var(--serif);font-size:1.7rem;font-weight:600;letter-spacing:.03em;margin-bottom:8px}.hero-date{font-size:.8rem;color:#ffffffb3;margin-bottom:14px}.moon-info{display:inline-flex;align-items:center;gap:10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.24);padding:8px 18px;font-size:.8rem}.moon-info-svg{flex-shrink:0}.moon-effect{font-size:.75rem;color:var(--gold);margin-top:10px;font-family:var(--serif);font-style:italic}.legend{max-width:680px;margin:16px auto 0;display:flex;gap:10px;flex-wrap:wrap;padding:0 20px}.legend-item{display:flex;align-items:center;gap:5px;font-size:.68rem;color:var(--sub)}.legend-dot{width:10px;height:10px;border-radius:50%}.ranking-wrap{max-width:680px;margin:16px auto 80px;padding:0 20px}.rank-card{background:var(--paper2);border:1px solid var(--line);margin-bottom:8px;overflow:hidden;transition:box-shadow .15s}.rank-card:hover{box-shadow:var(--shadow-sm)}.rank-card-main{display:flex;align-items:center;gap:10px;padding:14px 16px;cursor:pointer;user-select:none}.rank-num{font-family:var(--serif);font-size:1.3rem;font-weight:500;color:var(--honey);width:28px;text-align:right;flex-shrink:0;line-height:1}.rank-num.top{font-size:1.5rem}.rank-badge{font-size:1.4rem;width:28px;text-align:center;flex-shrink:0}.rank-group-bar{width:4px;align-self:stretch;border-radius:2px;flex-shrink:0}.rank-code{font-family:var(--serif);font-size:1.05rem;font-weight:700;color:var(--wine);width:46px;flex-shrink:0}.rank-body{flex:1;min-width:0}.rank-name{font-size:.68rem;color:var(--sub);margin-bottom:1px}.rank-oracle{font-size:.8rem;color:var(--ink);line-height:1.4}.rank-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.rank-score{font-family:var(--serif);font-size:1.3rem;font-weight:500;color:var(--honey);line-height:1}.rank-score-bar{width:60px;height:5px;background:var(--line);border-radius:999px;overflow:hidden}.rank-score-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--honey),var(--amber))}.rank-chevron{font-size:.65rem;color:var(--honey);transition:transform .25s}.rank-card.open .rank-chevron{transform:rotate(180deg)}.rank-expand{max-height:0;overflow:hidden;transition:max-height .35s ease;border-top:0px solid var(--line)}.rank-card.open .rank-expand{max-height:400px;border-top:1px solid var(--line)}.rank-expand-inner{padding:16px;background:var(--gold-soft)}.expand-moon{margin-bottom:14px}.expand-moon-label{font-size:.62rem;font-weight:900;letter-spacing:.16em;color:var(--honey);margin-bottom:6px}.expand-moon-advice{font-family:var(--serif);font-size:.88rem;line-height:1.75;color:var(--ink);border-left:3px solid var(--honey);padding-left:12px}.expand-action{margin-top:12px}.expand-action-label{font-size:.62rem;font-weight:900;letter-spacing:.16em;color:var(--wine);margin-bottom:6px}.expand-action-list{list-style:none;display:flex;flex-direction:column;gap:5px}.expand-action-list li{font-size:.8rem;color:var(--sub);display:flex;align-items:flex-start;gap:6px}.expand-action-list li:before{content:"—";color:var(--honey);flex-shrink:0}.bottom-cta{max-width:680px;margin:0 auto;padding:0 20px 40px;display:flex;flex-direction:column;gap:10px}.cta-btn{display:block;padding:15px;text-align:center;font-size:.88rem;font-weight:900;letter-spacing:.08em}.cta-btn.primary{background:var(--gold);color:var(--navy-deep)}.cta-btn.secondary{background:var(--paper2);border:1px solid var(--line);color:var(--wine)}.cta-btn:hover{opacity:.88}.mbti-disclaimer{padding:20px;text-align:center;font-size:.62rem;color:var(--sub)}@media(max-width:600px){.hero-title{font-size:1.3rem}.rank-score-bar{width:44px}.rank-code{font-size:.95rem;width:40px}}