.container.svelte-gchq6b{min-height:100vh;background:linear-gradient(135deg,var(--primary-deep) 0%,var(--primary-midnight) 100%);padding:2rem 1rem}.content.svelte-gchq6b{max-width:900px;margin:0 auto;background:#1a237e66;backdrop-filter:blur(10px);border:1px solid rgba(139,92,246,.3);border-radius:20px;padding:3rem 2rem;box-shadow:inset 0 0 20px #8b5cf633,0 10px 30px #000c}.article-header.svelte-gchq6b{text-align:center;margin-bottom:3rem}.article-header.svelte-gchq6b h1:where(.svelte-gchq6b){color:var(--accent-gold);font-family:var(--font-display);font-size:3rem;font-weight:700;margin-bottom:1rem;text-shadow:0 0 20px var(--glow-purple)}.subtitle.svelte-gchq6b{color:var(--neutral-parchment);font-family:var(--font-heading);font-size:1.3rem;margin-bottom:1rem;opacity:.9}.meta.svelte-gchq6b{color:#d7ccc8b3;font-family:var(--font-ui);font-size:.9rem}section.svelte-gchq6b{margin-bottom:3rem}section.svelte-gchq6b h2:where(.svelte-gchq6b){color:var(--accent-gold);font-family:var(--font-heading);font-size:2rem;margin-bottom:1.5rem;text-shadow:0 0 10px rgba(212,175,55,.5)}section.svelte-gchq6b h3:where(.svelte-gchq6b){color:var(--accent-gold);font-family:var(--font-heading);font-size:1.3rem;margin-bottom:1rem}p.svelte-gchq6b{color:var(--neutral-parchment);font-family:var(--font-body);font-size:1.1rem;line-height:1.8;margin-bottom:1rem}.mbti-grid.svelte-gchq6b{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:1rem;margin-top:1.5rem}.mbti-button.svelte-gchq6b{background:#4527a04d;border:1px solid rgba(139,92,246,.3);border-radius:12px;padding:1rem;font-family:var(--font-ui);font-weight:600;color:var(--neutral-parchment);cursor:pointer;transition:all .3s ease}.mbti-button.svelte-gchq6b:hover{transform:translateY(-2px);box-shadow:0 0 20px var(--mbti-color);border-color:var(--mbti-color)}.mbti-button.active.svelte-gchq6b{background:linear-gradient(135deg,var(--mbti-color) 0%,rgba(26,35,126,.8) 100%);border-color:var(--mbti-color);color:#fff;box-shadow:0 0 30px var(--mbti-color)}.type-description.svelte-gchq6b{background:#0000004d;padding:1.5rem;border-radius:12px;margin-bottom:2rem;border:1px solid rgba(212,175,55,.2)}.compatibility-cards.svelte-gchq6b{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.compatibility-card.svelte-gchq6b{background:#0000004d;border-radius:16px;padding:1.5rem;border:1px solid rgba(139,92,246,.3);transition:all .3s ease}.compatibility-card.svelte-gchq6b:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000080}.compatibility-card.best.svelte-gchq6b{border-color:#ff6b6b;background:linear-gradient(135deg,#ff6b6b1a,#0000004d)}.compatibility-card.good.svelte-gchq6b{border-color:#51cf66;background:linear-gradient(135deg,#51cf661a,#0000004d)}.compatibility-card.neutral.svelte-gchq6b{border-color:#339af0;background:linear-gradient(135deg,#339af01a,#0000004d)}.compatibility-card.challenging.svelte-gchq6b{border-color:gold;background:linear-gradient(135deg,#ffd7001a,#0000004d)}.compatibility-card.svelte-gchq6b h3:where(.svelte-gchq6b){margin-bottom:.5rem}.compatibility-card.svelte-gchq6b .description:where(.svelte-gchq6b){font-size:.9rem;opacity:.8;margin-bottom:1rem}.type-list.svelte-gchq6b{display:flex;flex-direction:column;gap:.75rem}.type-item.svelte-gchq6b{background:#0006;border:1px solid var(--mbti-color);border-radius:8px;padding:.75rem;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.type-item.svelte-gchq6b:hover{background:#0009;box-shadow:0 0 15px var(--mbti-color);transform:translate(5px)}.type-name.svelte-gchq6b{font-family:var(--font-ui);font-weight:600;color:var(--accent-gold)}.type-title.svelte-gchq6b{font-family:var(--font-ui);font-size:.85rem;color:var(--neutral-parchment);opacity:.8}.tips.svelte-gchq6b{background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);border-radius:16px;padding:2rem;margin-top:3rem}.tip-content.svelte-gchq6b ul:where(.svelte-gchq6b){list-style:none;padding:0;margin-top:1rem}.tip-content.svelte-gchq6b li:where(.svelte-gchq6b){color:var(--neutral-parchment);font-family:var(--font-body);margin-bottom:.75rem;padding-left:1.5rem;position:relative}.tip-content.svelte-gchq6b li:where(.svelte-gchq6b):before{content:"💡";position:absolute;left:0}.conclusion.svelte-gchq6b{text-align:center;padding:2rem;background:#d4af371a;border:1px solid rgba(212,175,55,.3);border-radius:16px;margin-top:3rem}.article-footer.svelte-gchq6b{margin-top:4rem;padding-top:2rem;border-top:1px solid rgba(139,92,246,.3);text-align:center}.share-section.svelte-gchq6b{margin-bottom:2rem}.related-links.svelte-gchq6b{display:flex;flex-direction:column;gap:1rem;align-items:center}.related-links.svelte-gchq6b a:where(.svelte-gchq6b){color:var(--accent-gold);text-decoration:none;font-family:var(--font-ui);padding:.75rem 1.5rem;border:1px solid rgba(212,175,55,.3);border-radius:20px;transition:all .3s ease;display:inline-block}.related-links.svelte-gchq6b a:where(.svelte-gchq6b):hover{background:#d4af3733;transform:translateY(-2px);box-shadow:0 5px 15px #d4af374d}@media (max-width: 768px){.content.svelte-gchq6b{padding:2rem 1rem}.article-header.svelte-gchq6b h1:where(.svelte-gchq6b){font-size:2rem}.compatibility-cards.svelte-gchq6b{grid-template-columns:1fr}.mbti-grid.svelte-gchq6b{grid-template-columns:repeat(4,1fr);gap:.5rem}.mbti-button.svelte-gchq6b{padding:.75rem;font-size:.9rem}}