.compound-name{cursor:pointer;transition:all 0.3s ease;position:relative}.compound-name:hover{}.synonym-tooltip{background:linear-gradient(135deg,#1F2E42 0%,#1A8FAD 100%);color:white;padding:15px 20px;border-radius:12px;box-shadow:0 8px 32px rgba(26,143,173,0.3);max-width:400px;max-height:33vh;font-size:14px;z-index:1000;border:1px solid rgba(255,255,255,0.1);backdrop-filter:blur(10px);overflow:hidden}.tooltip-header{font-weight:600;margin-bottom:8px;color:#F8D074;font-size:15px;display:flex;align-items:center}.tooltip-header::before{content:"📋";margin-right:8px}.tooltip-content{line-height:1.5;word-wrap:break-word;color:rgba(255,255,255,0.95);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:10;-webkit-box-orient:vertical}