/* 🏰 SOVEREIGN PROFILE CORE STYLES
    Version: 2.5 (Threads Static Edition)
*/

:root { 
    --p-accent: #3b82f6; 
}

/* 🌀 Loading Engine */
#loading { 
    transition: opacity 0.5s ease; 
}

/* 🛡️ Name Display Engine */
#name-display { 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    gap: 8px; 
    margin: 1.5rem auto 0 auto; 
}

#name-display span { 
    display: inline-block; 
    max-width: 250px; 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    vertical-align: middle; 
}

/* 🛡️ Bio Smart Limiter */
#bio-display { 
    display: -webkit-box; 
    -webkit-line-clamp: 4; 
    -webkit-box-orient: vertical; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    margin-top: 12px; 
    opacity: 0.8; 
    line-height: 1.6; 
    font-size: 0.875rem; 
    max-width: 85%; 
    margin-left: auto; 
    margin-right: auto; 
}

/* 🚀 Social Pill VVIP Style */
.social-pill { 
    display: flex; 
    align-items: center; 
    gap: 10px; 
    padding: 10px 20px; 
    background: rgba(255, 255, 255, 0.05); 
    border: 1px solid rgba(255, 255, 255, 0.1); 
    border-radius: 100px; 
    font-size: 12px; 
    font-weight: 700; 
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); 
    text-decoration: none; 
    color: inherit; 
    backdrop-filter: blur(5px); 
    margin: 5px; 
}

.social-pill:hover { 
    background: rgba(255, 255, 255, 0.15); 
    transform: translateY(-3px); 
    border-color: var(--p-accent); 
}

.fa-check-circle { 
    filter: drop-shadow(0 0 5px rgba(251, 191, 36, 0.4)); 
}