:root{--bg: #faf9ee;--card: #ffffff;--border: #eeeeee;--text: #222222;--muted: #697164;--accent: #a2af9b;--accent-2: #697164;--mbti-accent: var(--accent);--mbti-accent-2: var(--accent-2);--radar-now-stroke: var(--accent-2);--radar-now-fill: var(--accent);--radar-prev-stroke: var(--muted);--radar-prev-fill: color-mix(in oklab, var(--muted), #000 15%);--ana-500: #a78bfa;--ana-600: #7c4dff;--dip-500: #34d399;--dip-600: #10b981;--sen-500: #38bdf8;--sen-600: #0ea5e9;--exp-500: #fbbf24;--exp-600: #f59e0b}.theme-ana{--mbti-accent: var(--ana-500);--mbti-accent-2: var(--ana-600);--radar-now-stroke: var(--ana-600);--radar-now-fill: var(--ana-500);--radar-prev-stroke: #0ea5e9;--radar-prev-fill: color-mix(in oklab, #0ea5e9, #fff 60%)}.theme-dip{--mbti-accent: var(--dip-500);--mbti-accent-2: var(--dip-600);--radar-now-stroke: var(--dip-600);--radar-now-fill: var(--dip-500);--radar-prev-stroke: #f59e0b;--radar-prev-fill: color-mix(in oklab, #f59e0b, #fff 60%)}.theme-sen{--mbti-accent: var(--sen-500);--mbti-accent-2: var(--sen-600);--radar-now-stroke: var(--sen-600);--radar-now-fill: var(--sen-500);--radar-prev-stroke: #a78bfa;--radar-prev-fill: color-mix(in oklab, #a78bfa, #fff 60%)}.theme-exp{--mbti-accent: var(--exp-500);--mbti-accent-2: var(--exp-600);--radar-now-stroke: var(--exp-600);--radar-now-fill: var(--exp-500);--radar-prev-stroke: #10b981;--radar-prev-fill: color-mix(in oklab, #10b981, #fff 60%)}body{background:var(--bg);color:var(--text);font-family:Nunito,system-ui,sans-serif}.result-layout{max-width:1080px;margin:32px auto;padding:0 16px;display:grid;gap:20px;grid-template-columns:1.2fr 1fr;grid-template-rows:auto auto auto}.rl-header{grid-column:1 / -1}.title-wrap{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.title{font-size:40px;font-weight:800;margin:0;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.mbti{color:var(--mbti-accent);padding:6px 14px;font-size:44px;font-weight:900;text-shadow:.5px 0 currentColor,-.5px 0 currentColor}.badge-wrap{display:flex;gap:8px;flex-wrap:wrap}.badge{background:linear-gradient(135deg,var(--mbti-accent),var(--mbti-accent-2));color:#fff;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:700;box-shadow:var(--shadow-2);margin-right:8px}.muted{color:var(--muted);font-size:13px}.share-btn{margin-left:auto;background:var(--accent);border:1px solid var(--border);color:var(--card);font-weight:500;padding:8px 14px;border-radius:10px;font-size:14px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.share-btn .title-badges{display:inline-flex;gap:8px;margin-left:6px}.share-btn .badge-mini{padding:4px 10px;font-size:12px;box-shadow:var(--shadow-1);margin-right:8px}.share-btn .mbti-badge{background:linear-gradient(135deg,var(--mbti-accent),var(--mbti-accent-2));color:#fff;font-weight:800}.share-btn:hover{background:color-mix(in oklab,var(--accent-2),var(--border) 35%);transform:translateY(1px);transition:.5ms}.title-wrap .share-btn+.share-btn{display:none}.share-sandbox{position:fixed;left:-9999px;top:-9999px;pointer-events:none;opacity:0;background:#fff}.export-ready{background:var(--bg);padding:24px 24px 28px;width:1200px;max-width:1200px;margin:0 auto!important}.export-ready .share-btn{display:none}.export-ready .card{box-shadow:none}.export-ready .badge-wrap{margin-top:6px}.export-ready .rl-header,.export-ready .grid-left-top,.export-ready .grid-right-top{display:none!important}.export-ready .grid-bottom{grid-column:1 / -1;grid-row:1 / 2;margin-top:0}.card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:18px;box-shadow:var(--shadow-1)}.card-title{font-size:25px;font-weight:700;margin-bottom:10px;margin-top:2px;color:var(--accent)}.bigfive-list{margin:6px 0 12px;display:grid;gap:8px}.bf-row{display:grid;grid-template-columns:150px 1fr auto;gap:10px;align-items:center}.bf-name{font-weight:800;color:#334155}.bf-bar{background:#e2e8f0;height:12px;border-radius:999px;overflow:hidden}.bf-fill{display:block;height:100%;background:linear-gradient(135deg,var(--mbti-accent),var(--mbti-accent-2))}.bf-pct{font-weight:900;min-width:44px;text-align:right}.grid-left-top{grid-column:1 / 2;grid-row:2 / 3}.grid-right-top{grid-column:2 / 3;grid-row:2 / 3}.grid-bottom{grid-column:1 / -1;grid-row:3 / 4}@media (max-width: 960px){.result-layout{grid-template-columns:1fr;grid-template-rows:auto auto auto auto}.grid-left-top,.grid-left-bottom,.grid-right,.grid-right-top,.grid-bottom{grid-column:1 / -1;grid-row:auto}}.gen-overlay{position:fixed;inset:0;background:#ffffffa6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;z-index:9999}.gen-card{background:#fff;border:1px solid #e7e7f3;border-radius:16px;padding:18px 20px;box-shadow:0 10px 30px #0000001f;display:flex;align-items:center;gap:12px;max-width:320px;width:calc(100% - 32px)}.gen-spinner{width:22px;height:22px;border-radius:50%;border:3px solid #e7e7f3;border-top-color:#7c4dff;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.gen-texts{display:grid;gap:4px}.gen-title{font-weight:800;color:#2e3142;font-size:14px}.gen-sub{font-size:12px;color:#7d7f8c}.comment-actions{display:flex;align-items:center;gap:8px}.btn:disabled{opacity:.5;cursor:not-allowed}.result{min-height:120px}.mbti-pic{display:grid;grid-template-rows:auto auto 1fr;gap:12px;width:100%}.mbti-pill.analysts{background:linear-gradient(135deg,var(--ana-500),var(--ana-600))}.mbti-pill.diplomats{background:linear-gradient(135deg,var(--dip-500),var(--dip-600))}.mbti-pill.sentinels{background:linear-gradient(135deg,var(--sen-500),var(--sen-600))}.mbti-pill.explorers{background:linear-gradient(135deg,var(--exp-500),var(--exp-600))}.mbti-type{font-size:18px;letter-spacing:.6px;font-weight:700}.mbti-badges{display:flex;gap:8px;flex-wrap:wrap}.highlight-wrap{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;align-items:center}.highlight-wrap .badge{background:#eef7ff;color:#0b63c3;border-color:#b9ddff}.md-h2.md-highlights{color:#0b63c3;background:#eef7ff;padding:4px 8px;border-radius:8px;margin:0 8px 0 0}.highlight-wrap .badge{margin-top:4px}.highlight-wrap .badge.plan{background:#eaf3ff;color:#175cd3;border-color:#b2d4ff}.highlight-wrap .badge.real{background:#e8f5e9;color:#1b5e20;border-color:#b7e1b2}.highlight-wrap .badge.assert{background:#fdecea;color:#d32f2f;border-color:#f8b9b5}.highlight-wrap .badge.action{background:#fff6e6;color:#b45309;border-color:#ffd8a8}.highlight-wrap .badge.think{background:#eef2ff;color:#3730a3;border-color:#c7d2fe}.highlight-wrap .badge.explore{background:#ecfeff;color:#0e7490;border-color:#a5f3fc}.highlight-wrap .badge.intuit{background:#f5f3ff;color:#7c3aed;border-color:#ddd6fe}.highlight-wrap .badge.feel{background:#fff1f2;color:#be123c;border-color:#fecdd3}.highlight-wrap .badge.intro{background:#f1f5f9;color:#334155;border-color:#cbd5e1}.highlight-wrap .badge.extro{background:#fff7ed;color:#9a3412;border-color:#fed7aa}.mbti-text>.card-title{font-size:25px;font-weight:700;margin:0 0 10px;text-align:left}.mbti-text .markdown-view{background:transparent;border:none;padding:0;min-height:140px;line-height:1.55;color:var(--text);width:100%}.md-h2{font-size:18px;font-weight:800;margin:16px 0 8px}.md-h2.md-key{color:#7c3aed;background:#f5f3ff;padding:4px 8px;border-radius:8px;box-sizing:border-box;box-shadow:0 8px 12px #00000024}.md-h2.md-daily{color:#0e7490;background:#ecfeff;padding:4px 8px;border-radius:8px;box-shadow:0 8px 12px #00000024}.md-h2.md-tips{color:#b45309;background:#fff7ed;padding:4px 8px;border-radius:8px;box-shadow:0 8px 12px #00000024}.md-h2.md-compat{color:#ef4444;background:#fff1f2;padding:4px 8px;border-radius:8px;box-shadow:0 5px 8px #00000024}.md-top3{font-weight:700;margin:2px 0 0;padding-bottom:0;border-radius:6px;display:inline-block}.markdown-view .md-h2.md-compat+*,.markdown-view .md-h2.md-compability+*{margin-top:4px;margin-bottom:4px}.markdown-view .md-h2.md-compat~:not(.md-h2),.markdown-view .md-h2.md-compability~:not(.md-h2){margin-left:24px}.markdown-view .md-h2.md-compat~.md-h2~*,.markdown-view .md-h2.md-compability~.md-h2~*{margin-left:0}.radar .chart-box{width:100%;height:330px}.radar .muted.small{font-size:20px;color:var(--muted)}.mbti-pic{display:flex;align-items:center;gap:12px}.mbti-pic img{display:block;width:100%;max-width:260px;border-radius:12px}.mbti-pic.sm img{max-width:160px}.mbti-pic.lg img{max-width:320px}.mbti-label{font-weight:700;color:var(--muted, #697164)}.share-card{width:1200px;height:630px;background:linear-gradient(135deg,#fff,#f8fafc);color:#111;border-radius:32px;box-shadow:0 10px 30px #0000001f;display:flex;flex-direction:column;overflow:hidden;border:1px solid #e5e7eb}.theme-ana .share-card,.share-card.theme-ana{--accent: #a78bfa;--accent-2: #7c4dff}.theme-dip .share-card,.share-card.theme-dip{--accent: #34d399;--accent-2: #10b981}.theme-sen .share-card,.share-card.theme-sen{--accent: #38bdf8;--accent-2: #0ea5e9}.theme-exp .share-card,.share-card.theme-exp{--accent: #fbbf24;--accent-2: #f59e0b}.sc-header{display:flex;align-items:center;gap:24px;padding:32px 40px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff}.sc-avatar{width:96px;height:96px;border-radius:24px;overflow:hidden;box-shadow:0 6px 18px #00000040;border:3px solid rgba(255,255,255,.8);background:#fff}.sc-avatar img{width:100%;height:100%;object-fit:cover}.sc-title-wrap{display:flex;flex-direction:column}.sc-title{font-size:44px;font-weight:900;line-height:1.1}.sc-subtitle{opacity:.95;font-size:20px;margin-top:6px}.sc-mbti{margin-left:auto;font-size:64px;font-weight:900;text-shadow:0 2px 0 rgba(0,0,0,.15)}.sc-body{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:28px 40px;flex:1}.sc-highlights{display:flex;flex-wrap:wrap;gap:12px;align-content:flex-start}.sc-badge{background:#fff;border:1px solid #e5e7eb;color:#0f172a;padding:12px 16px;border-radius:999px;font-weight:800;font-size:20px;box-shadow:0 2px 6px #0000000f;display:inline-flex;align-items:center;gap:8px}.sc-badge .emoji{filter:saturate(1.2)}.sc-axes{display:flex;flex-direction:column;gap:12px;min-width:0}.sc-axes-center{align-self:center;justify-self:center;width:90%}.sc-ax{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.sc-ax .name{font-weight:700;font-size:18px;color:#334155}.sc-ax .bar{background:#e2e8f0;border-radius:10px;height:16px;overflow:hidden}.sc-ax .fill{display:block;height:100%;background:linear-gradient(135deg,var(--accent),var(--accent-2))}.sc-ax .pct{font-weight:900;color:#0f172a;font-size:22px}.sc-footer{padding:18px 40px;border-top:1px solid #e5e7eb;display:flex;align-items:center;justify-content:flex-end}.sc-footer .brand{font-weight:900;color:#475569}.sc-compat{padding:10px 40px 0;display:flex;flex-direction:column;gap:6px}.sc-compat .row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.sc-compat .tag{font-weight:900;font-size:18px;padding:4px 10px;border-radius:8px}.sc-compat .tag.good{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.sc-compat .tag.caution{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}.sc-compat .chip{background:#f1f5f9;color:#0f172a;border:1px solid #e2e8f0;padding:8px 12px;border-radius:999px;font-weight:800}.sc-compat .chip.warn{background:#fff1f2;color:#be123c;border:1px solid #fecdd3}.home-page{min-height:100vh;background:var(--bg);display:grid;align-items:start}.unity-wrap{max-width:1080px;width:100%;margin:24px auto;padding:0 16px 40px}.unity-canvas{width:100%;aspect-ratio:16 / 9;background:#0f172a;border:1px solid var(--border);border-radius:16px;box-shadow:0 10px 28px #00000024;display:grid;place-items:center;color:#cbd5e1;font-weight:800;letter-spacing:.02em}@media (max-width: 960px){.unity-wrap{margin:12px auto 24px;padding:0 12px 24px}}.intro-overlay{position:fixed;inset:0;background:#10172a8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:16px;z-index:10000}.intro-card{width:100%;max-width:560px;background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:20px;box-shadow:0 18px 40px #0000002e;padding:22px}.intro-title{font-size:28px;font-weight:800;margin:0 0 8px;color:var(--accent)}.intro-copy{margin:0 0 16px;line-height:1.6}.intro-button{width:100%;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border:none;border-radius:12px;padding:12px 16px;font-size:16px;font-weight:800;cursor:pointer;box-shadow:var(--shadow-2)}.intro-button:hover{filter:brightness(.98)}.intro-button:active{transform:translateY(1px)}